/* NEUTRALIZE STYLING: Elements we want to clean out entirely:*/
* {margin:0; padding:0;}

body {font:62.5% Arial, Helvetica, Tahoma, Geneva, sans-serif; background:url(images/bg.jpg) repeat-x top left #fff;}
img {border:0; padding:0; margin:0;}
.clear{clear:both;}

/* 1: STRUCTURE */
#wrapper{
	width:1000px;
	margin:0 auto;
	position:relative;
	}
#mainContainer {
	width:671px;
	float:left;
	margin:0 0 40px 300px;
	padding:0 0 0 15px;
	background:url(images/mainContent-bg.jpg) top left no-repeat transparent;
	position:relative;
	}
#showcase-pg #mainContainer {
	background:url(images/mainContent-bg2.jpg) top left no-repeat transparent;
	}
#logosContainer {
	position:absolute;
	top:0;
	left:25px;
	width:252px;
	height:729px;
	background:url(images/logosContainer-bg.jpg) top left no-repeat transparent;
	}
#flash {margin:17px 0 15px -3px;}

#callout {
	float:right;
	width:187px;
	margin:0 30px 0 10px;
	}
.callbox {
	width:187px;
	border:1px #e5e5e5 solid;
	margin-bottom:5px;
	text-align:center;
	}
#showProj {
	margin:4px 0 10px 0;
	padding:4px;
	border:1px #e5e5e5 solid;
	}
#eStar, .call-img {
	margin:10px 0;
	padding:4px;
	border:1px #e5e5e5 solid;
	}
	
blockquote {
	margin:20px 0;
	background:url(images/blockquote-bg.gif) top left no-repeat;
	width:400px;
	height:57px;
	position:relative;
	}
#company blockquote {
	margin:20px 0;
	background:url(images/blockquote-bg.gif) top left no-repeat red;
	width:400px;
	height:57px;
	position:relative;
	}
blockquote img {
	position:absolute;
	top:-13px;
	left:-14px;
	}

/* 2. NAVIGATION: */
#nav {margin-top:20px; height:30px;}
#nav ul {margin:11px 0 0 90px;}
#nav li {
	display:inline;
	list-style-type:none;
	}
#nav a, #nav a:visited {
	float:left;
	font-size:1.2em;
	text-decoration:none;
	color:#fff;
	background:url(images/nav-bg.jpg) center right no-repeat;
	margin:0 0 0 5px;
	padding:10px 28px 0 8px;
	height:30px;
	}
#nav #home a {
	width:35px;
	height:35px;
	margin:0;
	padding:0;
	background:url(images/home.jpg) center left no-repeat;
	}	
#nav li#home a:hover {
	width:35px;
	height:35px;
	background:url(images/home-over.jpg) center left no-repeat;
	}
#nav a:hover, #company-pg #company a, #services-pg #services a, #showcase-pg #showcase a, #why-pg #why a, #contact-pg #contact a {color:orange;}
	
/* 3: Typography */
#top {
	margin-top:11px;
	font-size:1.1em;
	font-style:italic;
	color:#3b3b3b;
	}
#top span {
	font:Impact, Helvetica, Arial, Tahoma, Geneva, sans-serif;
	font-size:1.7em;
	font-style:normal;
	font-weight:bold;
	color:#ab0017;
	vertical-align:middle;
	margin-left:40px;
	}
h1 {
	font:Impact, Helvetica, Arial, Tahoma, Geneva, sans-serif;
	font-size:1.7em;
	background:url(images/h1-bg.gif) bottom left no-repeat;
	padding-bottom:13px;
	margin-bottom:3px;
	}
h2 {
	font-size:1.3em;
	color:#ad0003;
	line-height:100%;
	margin-bottom:13px;
	}
h3 {
	font-size:1.2em;
	color:#0072ad;
	margin-bottom:10px;
	}
h3 a {
	color:#0072ad;
	text-decoration:none;
	}
h3 a:hover {color:#ad0003;}
#cb2 h3 {
	margin:10px 0 0 0;
	padding-bottom:15px;
	background:url(images/h2-call-bg.gif) bottom center no-repeat;
	}
#showcase-pg h3 {
	font-size:1.2em;
	color:#0072ad;
	margin:10px 0 2px 0px;
	}
p {
	font-size:1.2em;
	color:#2e2e2e;
	margin-bottom:10px;
	}
#cb2 p, #cb1 p {
	text-align:left;
	padding:0 0 5px 10px;
	}
#cb3 p {
	font-size:11px;
	padding:0 10px;
	}
p#email {
	font-size:1.1em;
	background:url(images/envelope.jpg) center left no-repeat;
	margin-left:10px;
	padding:5px 0 0 50px;
	height:37px;
	}
p#email a, #cb3 a {color:#0072ad;}	
p#email a:hover, #cb3 a:hover {color:#ad0003;}
blockquote p {
	width:280px;
	padding:15px 10px 0 90px;
	}
#company-pg blockquote p {
	padding:9px 0 0 9px;
	font-size:12px;
	width:400px;
	font-weight:bold;
	color:#A36817;
	}
blockquote a {
	text-decoration:none;
	color:#ad0003;
	}
blockquote a:hover {color:#2e2e2e;}

#guide {
	position:absolute;
	top:590px;
	left:310px;
	}
#affiliates {
	border:1px solid #dadada;
	border-left:none;
	border-right:none;
	padding:7px 0 0 20px;
	height:58px;
	width:900px;
	margin:0 0 10px 35px;
	}
#affiliates p {
	font-size:1.0em;
	color#:9c9c9c;
	margin:5px 0 0 0;
	}
#affiliates img {
	float:left;
	margin:0 19px 0 0;
	}
	
.sList {
	margin:0 0 15px 15px;
	}
.sList li {
	background:url(images/bullet.png) 0 .3em no-repeat transparent;
	padding:3px 0 0 20px;
	list-style:none;
	font-size:1.2em;
	font-weight:bold;
	}
.sList li span{	
	font-size:11px;
	color:#2e2e2e;
	font-weight:normal;
	font-style:italic;
	}
span#phone {color:#ad0003;}

/* Logos */
#logo1 {position:absolute; top:10px; left:15px;}
#logo2 {position:absolute; top:155px; left:15px;}
#logo3 {position:absolute; top:305px; left:15px;}
#logo4 {position:absolute; top:455px; left:15px;}
#logo5 {position:absolute; top:593px; left:30px;}
p#testimonial {
	position:absolute;
	top:619px;
	left:30px;
	width:200px;
	}
#testimonial cite {font-size:10px;}

/* Footer Rules */
#footer {
	background:url(images/footer-bg.jpg) repeat-x top left #C9090E;
	padding:40px 0 20px 0;
	margin:0 auto;
	position:relative;
	}
#footer-wrapper{
	width:1000px;
	margin:0 auto;
	position:relative;
	}
	
#footer p, #footer address {
	font-size:10px;
	color:#fff;
	margin-left:40px;
	}	
#footer p span {padding:0 0 0 30px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:orange;}
#w3c {
	position:absolute;
	top:0px;
	left:830px;
	}

/* Form Rules */

#formwrap {
	position:relative;
	margin:20px 0 0 10px;
	width:400px;
	color:#B0955B;
	}
#formwrap label {
	position:absolute;
	color:#000;
	font-weight:bold;
	}
input, textarea {
	margin:0 0 15px 120px;
	width:300px;
	background-color:#F0F0F0;
}
input.check {
	margin:0 5px 1px 120px;
	width:12px;
	}
.formitem {margin-bottom:0.1em;}
#formwrap select {
	position:absolute;
	top:29px;
	left:120px;
}
#formwrap select#reg-select {
	position:absolute;
	top:0px;
	left:120px;
}
input.submit { 
	width:60px;
	margin-bottom:15px;
}
#formwrap span.required {color:#2B5596;}
span.required {color:#2255AF;}

	
.highslide-gallery {
	margin:20px 0 0 5px;
	width:640px;
	}
