/* Global
------------------------------------------------------------------*/
html, body, div, h1, h2, h3, ul, p{
	margin:0;
	padding:0;
}
html, body {
	width:100%;
}
#bodyHome, #bodyAbout, #bodyServices, #bodyProjects, #bodyNews, #bodyContact, #bodyFaq, #bodyTerms, #bodyPrivacy, #bodySitemap{
/*	font-family:Verdana, Arial, Helvetica, sans-serif; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#000;
	background-color:#000;
}
h1{
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
	text-indent:-9000px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}

h2, h3, ul#subNav{
	color:#8d0005;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h2{
	font-size:1.1em;
	text-transform:uppercase;
	padding:10px 0px 5px 10px;
}
h3{
	font-size:1em;
	margin:5px 0px 0px 0px;
}
em{
	color:#b2b2b2;
	font-style:normal;
}
img{
	
/*	margin: 0px 5px 5px 5px; */
	margin: 0px;
	padding:4px;
}

hr{
	border: 0;
	width: 80%;
	color: #b2b2b2;
	background-color: #e5e3df;
	height: 1px;
	margin:5px auto 20px auto;
	padding:0;
	text-align:center;
}


/* Header
------------------------------------------------------------------*/

#headerOuter{
	width:100%;
	height:238px;
	position:relative;
	background:transparent url(../pix/header_bg.jpg) repeat-x 0 0;
}
#headerInner{
	position:relative;
	width:980px;
	height:238px;
	margin:0px auto;
	background:transparent url(../pix/header_building_bg.jpg) no-repeat 310px 0px;
}

h1#logoHolder{
	background:transparent url(../pix/redwood_logo.jpg) no-repeat 0 0;
	width:256px;
	height:145px;
	top:55px;
	left:10px;
}

#silhouetteHolder{
	position:absolute;
	width:129px;
	height:238px;
	top:0;
	right:0;
	background:transparent url(../pix/header_silhouette.jpg) no-repeat 0 0;
}

/* Main navigation
------------------------------------------------------------------*/
ul#nav {
	position:absolute;
	width:727px;
	height:38px;
	left:0px;
	top:200px;
	background:transparent url(../pix/menu.jpg) no-repeat 0 38px;
}
	ul#nav li {
		padding:0;
		margin:0;
		display:block;
		float:left;
		text-indent:-9999px;	
		}
	ul#nav li a {
		border:0;
		display:block;
		height:38px;
		text-decoration:none;
		background:transparent url(../pix/menu.jpg) no-repeat;
		}
	li#home a {
		width:93px;
		 }
	li#about a {
		width:115px;
		 }
	li#services a {
		width:113px;
		 }	 
	li#projects a {
		width:116px;
		 }
	li#news a {
		width:83px;
		 }
	li#contact a {
		width:134px;
		 }	 	 	 	 
	li#faq a {
		width:73px;
		 }	 	 	 	 
	li#home a:link, li#home a:visited {	
		background-position:0px -38px;
		}
	li#home a:hover, li#home a:focus {
		background-position:0px 0px;
		outline:none;
		 }
	li#about a:link, li#about a:visited {	
		background-position:-93px -38px;
		}
	li#about a:hover, li#about a:focus {	
		background-position:-93px 0px;
		outline:none;
		}

	li#services a:link, li#services a:visited {	
		background-position:-208px -38px;
		}
	li#services a:hover, li#services a:focus {	
		background-position:-208px 0px;
		outline:none;
		}

	li#projects a:link, li#projects a:visited {	
		background-position:-321px -38px;
		}
	li#projects a:hover, li#projects a:focus {	
		background-position:-321px 0px;
		outline:none;
		}

	li#news a:link, li#news a:visited {	
		background-position:-437px -38px;
		}
	li#news a:hover, li#news a:focus {	
		background-position:-437px 0px;
		outline:none;
		}

	li#contact a:link, li#contact a:visited {	
		background-position:-520px -38px;
		}
	li#contact a:hover, li#contact a:focus {	
		background-position:-520px 0px;
		outline:none;
		}

	li#faq a:link, li#faq a:visited {	
		background-position:-654px -38px;
		}
	li#faq a:hover, li#faq a:focus {	
		background-position:-654px 0px;
		outline:none;
		}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#bodyHome ul#nav li#home a {
	background-position:0px 0px;
	}
body#bodyAbout ul#nav li#about a {
	background-position:-93px 0px;
	}
body#bodyServices ul#nav li#services a {
	background-position:-208px 0px;
	}
body#bodyProjects ul#nav li#projects a {
	background-position:-321px 0px;
	}
body#bodyNews ul#nav li#news a {
	background-position:-437px 0px;
	}
body#bodyContact ul#nav li#contact a {
	background-position:-520px 0px;
	}
body#bodyFaq ul#nav li#faq a {
	background-position:-654px 0px;
	}

/* Content body
------------------------------------------------------------------*/

#contentOuter{
	width:100%;
	height:auto;
	position:relative;
	background:#f3f1e9;
}
#contentInner{
	position:relative;
	width:980px;
	height:auto;
	margin:0px auto;
}
	#contentInner p{
		padding:10px 0px;
		line-height:150%;
	}
	#contentInner ul{
		margin: 0px 0px 10px 25px;
		line-height: 150%;
	}
	#contentInner li{
		padding-left: 5px;
	}
	#contentInner a{
		color:#8d0005;
		text-decoration:underline;
	}
	#contentInner a:hover{
		color:#b2b2b2;
	}




#mainContent{
	width:630px;
	margin:20px 0 0 0;
	padding-left:10px;
	height:auto;
	float:left;
}
	#contentHighlighted, #contentNormal{
		position:relative;
		width:630px;
	}
	#contentHighlighted{
		min-height:210px;
		background:#e1e0dc url(../pix/top_box_bg.jpg) no-repeat bottom left; 
	}
		#contentHighlighted p, #contentNormal p{
			line-height:150%;
		}

		#contentHighlighted p{
			padding:10px 10px 45px 10px;
		}

		#contentNormal p{
			padding:10px 0 10px 0;
		}
			#contentNormal h2{
				border-bottom: 1px solid #d2d1cd;
				padding:10px 0px 5px 0px;
				margin-bottom:10px;
			}
			
		.projectsHolder{
			display:block;
			position:relative;
			width:630px;
			height:auto;
			margin:20px 0;
		}
			.projectsHolder h3{
				padding-bottom:10px;
			}
			.testimonial{
				font-size:0.9em;
				color: #737167;
				background: transparent url(../pix/testimonial.gif) no-repeat 0 0;
				padding: 0 0 10px 10px;
			}
		.imagesHolder{
			width:630px;
		}
		.imagesHolder .bigThumb{
			float:left;
			margin:0 30px 30px 0;
			border:1px solid #b2b2b2;
	background-color:#e5e3df;
		}
		.imagesHolder .smallThumb{
			float:left;
			margin-bottom:30px;
			border:1px solid #b2b2b2;
	background-color:#e5e3df;
		}

	#subContent1, #subContent2{
		width:300px;
		height:auto;
		display:block;
		float:left;
		margin-top:30px;
	}
	#subContent2{
		margin-left:30px;
	}
	
	#subContent1 h2, #subContent2 h2{
		width:300px;
		border-bottom: 1px solid #d2d1cd;
		padding:10px 0px 5px 0px;
		margin-bottom:10px;
	}

#sideBar{
	width:300px;
	height:auto;
	margin:10px 0 0 30px;
	float:left;
}
	#sideBar h2{
		width:300px;
		border-bottom: 1px solid #d2d1cd;
		padding:10px 0px 5px 0px;
		margin-bottom:10px;
	}
	#sideBar p{
		font-size:0.9em;
		line-height:normal;
		padding: 5px 0 10px 0;
	}
		ul#subNav{
			position:relative;
			width:300px;
			height:auto;
			left:0;
			margin:42px 0 0 0;
			padding:0;
			border-top: 1px solid #d2d1cd;
			text-transform:uppercase;
/*			padding:1px 0 0 0;
			background:transparent url(../pix/leftnav_bg.jpg) repeat-x 0 0; */
		}
			ul#subNav li {
				margin:0;
				padding:0;
				display:block;
				border-bottom: 1px solid #d2d1cd;
/*				padding:0 0 1px 0;
				background:#fff url(../pix/leftnav_bg.jpg) repeat-x bottom left; */
			}
			ul#subNav li a {
				width:255px;
				height:auto;
				border:0;
				display:block;
				text-decoration:none;
				padding:15px 0 15px 45px;
				font-weight:bold;
			}
			ul#subNav li a:link, ul#subNav li a:visited {	
				background:transparent url(../pix/bullet_icon.gif) no-repeat 5px 15px;
			}
			ul#subNav li a:hover, ul#subNav li a:focus {	
				background:#e1e0dc url(../pix/bullet_icon.gif) no-repeat 5px 15px;
			}
			
			h2#contactSubHeader{
				margin:10px 0 20px 0;
			}
		
.moreButton, .moreButton2{
	width:105px;
	height:42px;
	display:block;
}
.moreButton{
	float:right;
}
.moreButton2{
	width:105px;
	height:42px;
	display:block;
	position: absolute;
	bottom:0;
	right:20px;
}
.moreButton a, .moreButton2 a{
	width:105px;
	height:42px;
	display:block;
	font-size:1px;
	line-height:1px;
	text-indent:-9000px;
	overflow:hidden;
	text-decoration:none;
	outline:none;
}
.moreButton a{
	background:transparent url(../pix/more_button.jpg) no-repeat 0 0;
}
.moreButton2 a{
	background:transparent url(../pix/more_button2.jpg) no-repeat 0 0;
}
.moreButton a:hover{
	background:transparent url(../pix/more_button.jpg) no-repeat 0 -42px;
}
.moreButton2 a:hover{
	background:transparent url(../pix/more_button2.jpg) no-repeat 0 -42px;
}


/* Sitemap
------------------------------------------------------------------*/
	ul.siteMap{
		line-height:200%;
		list-style-type:none;
		margin:0;
		padding:0 0 0 20px;
		position:relative;
	}
		ul.siteMap li{
			display:block;
			padding:5px 0 5px 20px;
			background-image:url(../pix/bullet_icon.jpg);
			background-repeat:no-repeat;
			background-position:0px 11px;
		}
		ul.siteMap li a{	
			color:#0383ff;
			text-decoration:underline;
		}
		ul.siteMap li a:hover{	
			color:#2f6aa1;
			text-decoration:underline;
		}
	.contentBox h3{
		font-size:1.2em;
		color:#333;
		padding:0;
		margin:20px 0 0 0;
	}

/* Contact Us
------------------------------------------------------------------*/
	#formHolder{
		margin:20px 0 40px 0;
	}
	#formHolder em{
		color:#56abcd;
		font-style:normal;
		font-weight:bold;
	}
/* Form
------------------------------------------------------------------*/
	
	#formHolder form{
		margin:0;
		padding:0;
	}
	#formHolder form input {}
	#formHolder form input.submit {}
	#formHolder form textarea { overflow: auto; } 
	
	#formHolder form fieldset {
		clear: left;
		margin: 10px 0;
		padding: 0px 10px;
		border:0;
	}
			
		#formHolder form fieldset div.field,
		#formHolder form fieldset div.login {
			clear: left;
			min-height: 1.5em; 
			padding: 5px 0;
		}
			#formHolder form fieldset div.field label {
				float: left;
				width: 160px;
				margin-right: 5px;
				padding-right: 15px;
				font-weight: bold;
				text-align: right;
				line-height: 1.5em;
			}
			#formHolder form fieldset div.field input,
			#formHolder form fieldset div.field span.value,
			#formHolder form fieldset div.field select#subject {
				float: left;
				width: 196px;
			}
			#formHolder form fieldset div.field input#postcode,
			#formHolder form fieldset div.field input#postcode2,
			#formHolder form fieldset div.field input#sec_code {
				width: 60px;
			}
			#formHolder form fieldset div.field #captcha {
				margin-left: 180px;
			}
			#formHolder form fieldset div.field span.value {
				line-height: 1.5em;
			}
			#formHolder form fieldset div.field input.submit { width: auto; }
			#formHolder form fieldset div.field input.reset { width: auto; }
			#formHolder form fieldset div.field input.radio { width: auto; }
			#formHolder form fieldset div.field textarea {
				float: left;
				width: 300px;
			}
			#formHolder form fieldset div.subHeading {
				color:#56abcd;
				font-weight:bold;
				padding-top:10px;
			}
			#formHolder form fieldset div.subHeading span {
				color:#bdbfba;
				font-weight:normal;
			}
			#formHolder form fieldset div.field #submitButton { 
				width: auto; 
				margin-left: 180px;
			}
			#formHolder form fieldset div.field.required label {
				background: url(../pix/bullet_redstar.gif) right no-repeat;
			}
			.thankYou{
				font-weight:bold;
				color:#000;
			}
			.error{
				color:#ff0000;
				font-weight:bold;
			}
			

/* Footer
------------------------------------------------------------------*/

#footerOuter{
	width:100%;
	height:140px;
	position:relative;
	background:#000 url(../pix/footer_bg.jpg) repeat-x 0 0;
}
#footerInner{
	position:relative;
	width:980px;
	height:140px;
	margin:0px auto;
}

#footerFirst{
	display:block;
	position:relative;
	width:980px;
	height:auto;
	text-align:center;
	font-size:0.8em;
}
	#footerFirst ul{
		padding:25px 0px 0px 0px;
		margin:0px;
		list-style-type:none;
		background:transparent;
	}
	#footerFirst li {
		display:inline;
		padding:0px 5px 0px 5px;
		margin:0px;
		border-right:1px solid #f3f1e9;
	}
	
	#footerFirst li a{
		color:#ed1c24;
		text-decoration:none;
		font-weight:normal;
	}
	#footerFirst li a:hover{
		color:#f3f1e9;
		text-decoration:underline;
	}
	#footerFirst li.last{border:0px}

#footerLast{
	position:relative;
	width:980px;
	padding:10px 0px 0px 0px;
	background:transparent;
}
	
	#footerLogo{
		display:block;
		height:59px;
		width:59px;
		position:absolute;
		left:10px;
		top:2px;
		background:transparent url(../pix/logo_footer.gif) no-repeat 0 0;
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
	}
	
	#copyrightInfo {
		position:absolute;
		left:80px;
		top:26px;
		font-size:0.8em;
		width:700px;
		text-align:left;
		color:#b2b2b2;
		padding:4px 0px 10px 0px;
		background:transparent;
	}
	#copyrightInfo .separator2{
		color : #8d0005;
	}
	
	/* Liquid Media link */
	#liquidMedia, #liquidLink{
		display:block;
		height:16px;
		width:182px;
	}
	#liquidMedia{
		position:absolute;
		right:10px;
		top:30px;
		background:transparent url(../pix/liquid_logo.gif) no-repeat 0 0;
	}
	#liquidLink{
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
		outline:none;
	}

/* Misc
------------------------------------------------------------------*/
.clearB{
	clear:both;
	height:0;
	margin:0; /* I think this is unnecessary */
	font-size:1px; /* helps WinIE with B1 and B2 */
	line-height:0px; /* helps WinIE5 */
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}


#topLinks{
	position:absolute;
	display:block;
	top:0px;
	right:129px;
	padding:0;
	margin:0;
	width:291px;
	height:19px;
	font-size:0.75em;
	background:transparent url(../pix/top_links_bg.jpg) no-repeat 0 0;
}
	#topLinks ul{
		list-style-type:none;
		margin-top:3px;
	}
	
	#topLinks li {
		display:inline;
		margin:0;
		padding: 0px 12px 2px 0px;
		height:14px;
	}
	
	li#extraItem1{
		padding-left: 50px;
		background:transparent url(../pix/icon_lock.jpg) no-repeat 36px 1px;
	}
	li#extraItem2{
		padding-left: 24px;
		background:transparent url(../pix/icon_star.jpg) no-repeat 10px 1px;
	}
	li#extraItem3{
		padding-left: 24px;
		background:transparent url(../pix/icon_compass.jpg) no-repeat 10px 1px;
	}
	
		#topLinks li a{
			color:#ed1c24;
			text-decoration:none;
		}
		#topLinks li a:hover{
			color:#f3f1e9;
			text-decoration:underline;
		}