/*-------------------------------------------------------



	doc title: stylesheet

	filename: primary.css

	author: JBMoss - http://www.jbmoss.com

	developer: D Petrie

	date: 24/09/2008

	

	-----------------------

	

	1. master reset

	2. typography

	3. listography

	4. base structure

	5. navigation

	6. page specific structure

	7. images

	8. forms

	

	

-------------------------------------------------------*/





										/* ---------- 1. master reset ---------- */ 



* {

	padding			: 0;

	margin			: 0;

	border			: 0px solid red;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {

	margin			: 1em 5%;

}

li, dd {

	margin-left		: 5%;

}

fieldset {

	padding			: .5em;

}



a {

	text-decoration	: none;

	

}



										/* ---------- 2. typography ---------- */ 



p {

	color			: #626260;

	margin			: 0.5em 2%;

	font-size:0.85em;

}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}



a {color:#626260;}

p a {color:#000;}

										/* ---------- 3. listography ---------- */ 

										

										/* ---------- 4. base structure ---------- */ 



html {

}

body {

	font-size		: 80%;

	font-family		: Arial, Helvetica, sans-serif;

	background		: url(../images/bg.jpg) top left repeat;

}



#wrap {

	position:relative;

	width:702px;

	margin:40px auto 10px auto;

	background:#4A4B4A;

	height:589px;

	padding:20px;

}



	#header {

		position:relative;

		width:702px;

	}

		#lstrap {

			position:relative;

			width:702px;

			background:url(../images/ldiv_bg.jpg) bottom center no-repeat;

			height:65px;

		}

		#nav {

			height:21px;

			background: #70716F url(../images/nav_bg.jpg) right center no-repeat;

			width:250px;

			margin-top:5px;

			text-indent:5px;

			color:#fff;

			font-size:0.85em;

		}

		

#main {

	position:relative;

	width:702px;

	background:#A8A9A6;

	margin-top:5px;

}

	#title {

		position:relative;

		width:702px;

		height:800px;

	}

	#content {

		position:relative;

		width:685px;

		border:5px solid #4C4C4C;

		margin: 0 auto 5px auto;

	}

		#sub_title {

			position:absolute;

			right:0px;

			top:48px;

			background:#fff;

			height:33px;

			width:243px;

			border-bottom:16px solid #A7A8A5;

		}

		#copy {

			position:absolute;

			right:0px;

			top:106px;

			background:#fff;

			width:380px;

			padding:5px;

			font-size:0.9em;

		}

			

			

			

			

	#c_bar {

		position:relative;

		margin: 0 auto;

		width:695px;

		padding-bottom:5px;

		text-align:left;

	}

		#c_bar img {

			padding-right:3px;

		}

		

		

#ftr {

	position:relative;

	width:702px;

	margin: 0 auto;

	color:#fff;

	font-size:0.8em;

}

#ftr a {

	color:#CCCCCC;

}

										/* ---------- 5. navigation ---------- */ 

										

										

#nav a {

	line-height:20px;

	color:#fff;

}

#nav a:hover {

	text-decoration:underline;

}



										/* ---------- 6. page specific structure ---------- */ 

										

#about #content {

	position:relative;

	width:685px;

	height:430px;

	border:5px solid #4C4C4C;

	margin: 0 auto 0 auto;

}



.spcr {

	height:5px;

}



#ab_title {

	position:absolute;

	left:0px;

	bottom:110px;

}

#ab_copy, #ab_copy_tp {

	position:absolute;

	width:685px;

	height:110px;

	bottom:0px;

	left:0px;

}

#ab_copy_tp {	

	background		: #fff;

	opacity			: .7;

	filter			: alpha(opacity=70);

}







#projects #content {

	position:relative;

	width:695px;

	height:359px;

	border:0px solid #4C4C4C;

	margin: 0 auto 5px auto;

}



#proj_title {

	position:absolute;

	right:5px;

	top:0px;

	background:#fff;

	height:33px;

	width:243px;

}

#proj_list {

	position:relative;

	float:left;

	color:#fff;

	font-size:1.2em;

	padding-top:40px;

}



#proj_left {

	position:relative;

	float:left;

	border:5px solid #4C4C4C;

	height:349px;

	width:423px;

}

#proj_right {

	position:relative;

	float:right;

	border:5px solid #4C4C4C;

	background:#fff;

	height:349px;

	width:248px;

}







































#testimonials #content {

	position:relative;

	width:695px;

	height:445px;

	border:0px solid #4C4C4C;

	margin: 0 auto 5px auto;

}



#test_left {

	position:relative;

	float:left;

	border:5px solid #4C4C4C;

	height:430px;

	width:423px;

}

#test_right {

	position:relative;

	float:right;

	border:5px solid #4C4C4C;

	background:#fff;

	height:430px;

	width:248px;

	overflow:auto;

}





























#contact #content {

	position:relative;

	width:695px;

	height:445px;

	border:0px solid #4C4C4C;

	margin: 0 auto 5px auto;

}



#cont_left {

	position:relative;

	float:left;

	border:5px solid #4C4C4C;

	height:430px;

	width:423px;

}

#cont_right {

	position:relative;

	float:right;

	border:5px solid #4C4C4C;

	background:#fff;

	height:430px;

	width:248px;

}

										/* ---------- 7. images ---------- */ 



										/* ---------- 8. forms ---------- */