/* CSS Document */
/* Design Tim Jay for Born Dreaming 2008*/

/* SITE WIDE COLOURS
	FONT COLOUR	:	#83825A
*/

/* ** LAYOUT STYLES ** */
	body{
		margin:0;
		padding:0;
		font-family:"Lucida Grande" , "Lucida Sans Unicode" , Verdana, Tahoma, Arial, sans-serif;
		font-size:0.9em;
		color:#666;
		background:url(../images/born-dreaming-bg-top.gif) repeat-x top;
	}
	img{
		border:none;
	}
	#container{
		width: 100%;
		min-width:750px;
		margin: 0 auto 0 auto;
		background:url(../images/tim-jay-background.jpg) no-repeat left top;
		
		/* ADDDED FOR FIREFOX */
		position:absolute;
		float:left;

	}
	h1{
		margin:0 0 1em 0;
		padding:0;
		font-size:1.2em;
		color:#666666;
	}
	h2{
		margin:0;
		padding:0;
		font-size:1.1em;
		
	}
	h3{
		margin:0;
		padding:0;
		font-size:1.0em;
		
	}
	h4{
		margin:0;
		padding:0;
		font-size:0.9em;
	}
	h5{
		margin:0;
		padding:0;
		font-size:0.8em;
		font-weight:normal;
	}
	p{
		margin:0;
		padding:0 0 1.5em 0;
		line-height:1.5em;
		font-size:0.9em;
	}
	
	p a{
		color:#666;
		text-decoration:underline;
	}
	p a:hover{	
		color:#CC9933;
		text-decoration:underline;
	}
	a{
		color:#666;
		text-decoration:none;
	}
	#center ul{
		margin-top:0;
		line-height:1.5em;
		font-size:0.9em;
	}
	li{
		padding:0 0 0.5em 0;
	}
	.nav a:hover{text-decoration:none!important;}
	
	/* TOP SYTLES */
	#top{
		text-align:right;
		width:100%;
		float:left;
		position:relative;
		white-space:nowrap;
	}
	.nav{
		float:right;
		position:relative;
		height:31px;
		line-height:31px;
		font-size:0.9em;
	}
	.navleft{
		background:url(../images/born-dreaming-top-curve.gif) no-repeat top right;
		width:53px;
		float:left;
		position:relative;
	}
	.navright{
		background:url(../images/born-dreaming-broad.gif) repeat-x top;
		float:left;
		position:relative;
	}
	/* CENTRE STYLES */
	#center{
		float:left;
		position:relative;
		margin:30px 0 20px 0;
		padding:0 320px 0 220px;
		color:#83825A;
	}
	.full{
		float:left;
		position:relative;
		margin:0 -300px 0 0;
		padding:0 20px 0 0;
	}
	.left{
		float:left;
		position:relative;
		margin:0 0 0px 0;
		padding:0 20px 0 0;
		min-width:100px;
		border-right:1px dotted #cccccc;
	}
	.right{
		width:260px;
		float:right;
		position:relative;
		margin:0 -320px 0 10px;
		padding:0 0 0px 20px;
		height:360px;
	}
	.right a{
		font-weight:normal;
	}
	.feature{
		margin:0 0 8px 0;
		padding:0;
		float:left;
		position:relative;
		border:1px solid #83825A;
	}
	/* FOOTER STYLES */
	#footer{
		background:url(../images/born-dreaming-bg-bottom.gif) repeat-x bottom;
		clear: both;
		width:100%;
		float:left;
		line-height:31px;
	}
	.footnote{
		background:url(../images/born-dreaming-bot-curve.gif) no-repeat bottom right;
		float:left;
		position:relative;
		padding-right:53px;
	}
	.footnote h5{
		background:url(../images/born-dreaming-broad-bottom.gif) repeat-x bottom;
		margin:0;
		padding:0 12px 0 12px;
		font-weight:normal;
	}
	.footnote-right{
		float:right;
		position:relative;
		padding-right:53px;
	}
	.footnote-right a:hover{
		text-decoration:underline;
	}
/* ** DESIGN STYLES ** */
.nav ul{
	margin:0;
	padding:0 40px 0 0;
	list-style:none;
	text-transform:uppercase;
}
.nav li{
	display:inline;
	margin:0;
	padding:0;
	border-left:1px solid #FFF;
	border-right:1px solid #999;
}
.nav a{
	margin:0;
	padding:7px 8px 4px 8px;
	color:#666;
	text-decoration:none;
}
.nav a:hover{
	color:#999;
	text-decoration:underline;
	background:url(../images/born-dreaming-broad-over.gif) repeat-x top;
	line-height:31px;
	height:31px;
}
.nav .selected{
	background:url(../images/born-dreaming-broad-over.gif) repeat-x top;
}
/* ** PORTFOLIO PAGE STYLES ** */
.portfolio-thumbs{
	margin:0 0 12px 0;
	padding:4px;
	background:#EAE8DC;
}
.portfolio-thumbs h3{
	margin:0 0 4px 0;
	color:#83825A;
}
.portfolio-thumbs img{
	margin:2px;
	border:1px solid #83825A;
}
.news{
	padding:8px;
	border:1px dotted #cccccc;
	position:relative;

}
/* ** CONTACT FORM STYLES ** */
label{
	width:125px;
	float:left;
	position:relative;
	text-align:right;
	padding:0 6px 0 0;
}