/* CSS Document */

/*-----------------------------------------------
Version: v1.0
Written by: ZONICA.COM
----------------------------------------------- */

/*-------------------------------------------------
STYLE SHEET NOTES
Standard blue		#233877
Tab grey 			#333
Logo blue			#56637a
List arrow blue		#6f8b9a
-------------------------------------------------*/

/*-------------------------------------------------
STANDARD
-------------------------------------------------*/
* {margin:0; padding:0;}
body {font-size:75%; background-color: #fff; margin-top: 20px;}
body, input, textarea, select {font-family: Verdana, Arial, Verdana, Tahoma, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;}
a,td,th,p,h1,h2,h3,li,dt,dd {font-size: 11px; color:#000;}
p,blockquote,dd {line-height:1.5em;}
img {border:0;}
fieldset {border:solid 1px #cc3366; margin-top:1em; padding:.5em;}
legend {padding:.5em; background-color:#cc3366; color:#fff}
fieldset fieldset {margin:0; border:solid 1px #ccc;}
fieldset fieldset legend {background-color:#fff; color:#000;}
.end {clear:both;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both; }
.hidden {position:absolute; margin-left:-9999px;}

#important	{
	color: #000 !important;
	}

#w {width: 800px; margin: 0 auto; margin-top: 20px;}
	
/*-------------------------------------------------
HEADER
-------------------------------------------------*/

/*-------------------------------------------------
NAVIGATION
-------------------------------------------------*/
#h {width: 740px; margin: 0 auto;}
h1#title {float: left; width: 125px; height: 75px; background-image: url(../img/ui/logo.gif); background-repeat: no-repeat; width: 91px; height: 36px; margin: 10px 0 20px 0;}
h1 span {position:absolute; margin-left:-9999px;}
#nav {float: right; width: 400px; margin-top: 20px; text-align: right;}
#nav li {display: inline; list-style-type: none; padding-left: 20px;}
#nav li a {text-decoration: none;}
#nav li a:hover {text-decoration: underline;}

/*-------------------------------------------------
CALL TO ACTION
-------------------------------------------------*/
#cta {background-color: #00223D; padding: 10px 30px; }
#cta img {border: 1px solid #fff; padding: 3px;}
#cta #left {margin: 0 45px 0 0;}
#cta #center {margin: 0 45px 0 0;}
#cta #right {}
#ctaCaseStudies {
	padding: 10px;
	background-color: #00223D; padding-left: 20px; 
}
#cta.ctaContact{
	padding-left: 15px;
}
/*-------------------------------------------------
CONTENT
-------------------------------------------------*/
#c {padding: 30px 30px 10px 30px;}

/*-------------------------------------------------
CONTENT
-------------------------------------------------*/
#colLeft {float: left; width: 200px;}
#colLeft p {margin-bottom: 15px;}

#aboutColLeft {float: left; width: 470px;}
#aboutColLeft p {margin-bottom: 15px;}

#colRight {float: right; width: 225px;}
#colRight img {border: 1px solid #00223D; padding: 2px;}

#colRight #colContact {margin-bottom: 20px; margin-left: 16px;}
#colRight #colContact p {margin-bottom: 10px;}

#colRight #colProperties {margin-bottom: 20px; margin-left: 16px;}
#colRight #colProperties p {margin-bottom: 10px;}
#colRight #colProperties img {padding: 2px; border: 1px #6f8b9a solid;}
#colRight #colProperties a {color: #096cbd; text-decoration: none; text-align: left; }
#colRight #colProperties a:hover {text-decoration: underline;}
#colRight #colProperties table tr {line-height: 20px;}

#colMiddle #colCaseStudies {margin-bottom: 20px;}
#colMiddle #colCaseStudies table td {padding-bottom: 5px;}

#colMiddle {float: left;  width: 220px; margin-left: 64px;}
#colMiddle #colCaseStudies img {padding: 2px; border: 1px #6f8b9a solid;}
#colMiddle #colCaseStudies a {color: #096cbd; text-decoration: none;}
#colMiddle #colCaseStudies a:hover {text-decoration: underline;}

#projects {float: left; width: 220px; //overflow: hidden;}

#projects.pFrstCol {margin-right: 45px; }
#projects.pTrdCol {	margin-left: 40px; 	width: 200px; }
div.pTrdCol{	margin-left: 40px; 	width: 200px; } /* IE fix */

#projects p {margin-bottom: 15px;}

#projects span.pastProjectItem{
	display: block;
	margin-top: -10px;
}
#projects span.pastProjectItem img{
	border: 1px #ccc solid;
	padding: 2px;
}
#projects span.pastProjectItem p{
	display: block;
	/*margin-top: -108px;*/
	margin-top: -60px;
	margin-bottom: 35px;
	/*margin-left: 115px;*/
	margin-left: 80px;
}
#projects span.pastProjectItem p a{
	display: block;
	padding-top: 13px;
}
#projects span.pastProjectItem a{
	color: #096cbd; text-decoration: none;
}
#projects span.pastProjectItem a:hover{
	color: #096cbd; text-decoration: underline;
}

#caseStudies {
	float: left; width: 500px;
}
#caseStudies span.csMainTitle sub{
	font-weight: 100;
	display: inline;
	font-size: 12px;
	margin-top: -10px;
}
#caseStudies span.line{
	display: block;
	height: 1px;
	line-height: 1px;
	background-color: #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}
#caseStudies p{
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	float: left;
}
#caseStudies p.cssubTitle{
	margin-top: 0px;
	margin-bottom: 10px;
	display: block;
}
#caseStudies ul{
	margin-bottom: 20px;
	margin-top: 20px;
	list-style: none;
	display: block;
}
#caseStudies ul li{
	display: inline;
	float: left;
	width: 25%;
	text-align: center;
}
#caseStudies ul li a{
	color: #096cbd;
	font-size: 10px;
	text-decoration: none;
}

#caseStudies a{
	color: /*#096cbd;*/ #096CBD;
	text-decoration: none;
	}	

#caseStudies a:hover {
	text-decoration: underline;
	}

#caseStudies ul li img{
	border: 1px #333 solid;
	padding: 1px;
}
#caseStudies h3{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	color: #333;
}
#contactColLeft{
	float: left;
	width: 350px;
}

#contactColLeft a{
	color: /*#096cbd;*/ #096CBD;
	text-decoration: none;
	}	

#contactColLeft a:hover {
	text-decoration: underline;
	}


#contactColRight{
	float: right;
	width: 390px;
}
#contactColRight img{
	padding: 2px;
	border: 2px #ccc solid;
	margin-left: 10px;
	margin-bottom: 20px;
}
#colRight #colContact h4{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 11px;
	color: #666;
}
#colRight #colContact ul{
	list-style-type: none;
	margin-bottom: 15px;
}
#colRight #colContact ul li{
	display: block; 
	height: 15px;
	margin: 5px 0;
}
#colRight #colContact ul li a{
	color: #096cbd;
	text-decoration: none;
	}
	
#colRight #colContact a{
	color: /*#096cbd;*/ #096CBD;
	text-decoration: none;
	}	

#colRight #colContact a:hover {
	text-decoration: underline;
	}


/*-------------------------------------------------
TITLES
------------------------------------------------*/
h2 {margin-bottom: 20px;}
h2 span {margin-left:-9999px;}
h2#mainAbout {width: 168px; height: 14px; background-image: url(../img/titles/mainAbout.gif);}

h3 {margin-bottom: 20px;}
h3 span {margin-left:-9999px;}
h3#sideContact {width: 81px; height: 14px; background-image: url(../img/titles/sideContact.gif);}
h3#sideCaseStudies {width: 94px; height: 14px; background-image: url(../img/titles/sideCaseStudies.gif);}
h3#sideCurrentProjects {width: 180px; height: 18px; background-image: url(../img/titles/sideCurrentProjects.gif);}

.title {margin-bottom: 15px;}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
#footer {background-color: #00223D; padding: 7px 30px; margin-bottom: 30px;}
#footer p {color: #ccc; font-size: 10px;}
#footer p.copyright {float: left;}
#footer p.footerLinks {float: right;}
#footer a {color: #ccc; text-decoration: none; font-size: 10px;}
#footer a:hover {text-decoration: underline;}


#projects-content {padding: 20px 30px 10px 30px;}

#projects-content h2{
	width: 137px;
	height: 33px;
	float: left;
	text-indent: -9999px;
	clear: both;
	margin: 0;
	margin-bottom: 5px;
}
#projects-content h2.current{ background-image: url(../img/titles/title_current_developments.gif); //margin-bottom: -10px; width: 185px;}
#projects-content h2.future{ background-image: url(../img/titles/title_past_developments.gif); width: 179px; }
#projects-content h2.past	{ background-image: url(../img/titles/title_future_developments.gif); }

#projects-content a{
	color: /*#096cbd;*/ #096CBD;
	text-decoration: none;
	}	

#projects-content a:hover {
	text-decoration: underline;
	}


span.projects-gallery{
	width: 710px;
	background-color: #eee;
	min-height: 51px;
	height: 51px;
	display: block;
	clear: both;
	padding: 20px;
	margin-bottom: 20px;
}

span.projects-gallery div{
	width: 33%;
	float: left;
}

span.projects-gallery p {
	float: right;
	display: inline;
	margin-top:-50px;
	width: 170px;
	height: 50px;
}

span.projects-gallery p a{
	display: block;
	font-family: verdana;
	font-size: 11px;
	color: #096CBD;
	font-weight: bold;
	margin-top: 0px;
}

/*html>body span.projects-gallery p a {
	margin-top: 55px;
	background-color: none;
	}
*/

span.projects-gallery a img {
	padding: 2px;
	border: 1px solid #b6b6b6;
			}

/*html>body span.projects-gallery p {
	background-color: #000;
	}
*/
	
h1#title a {
	text-indent: -9999px;
	font-size: 0;
}
h1#title a img{
	width: 100px;
	float: left;
	height: 35px;
}

h2#sandhillprojects{ 
	background-image: url(img/titles/title_sandhill_projects.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 33px;
	background-position: -9px 0;
	margin-bottom: 10px;
}
div#caseStudies ul{
	margin-left: -10px;
	//margin-top: 0;
}
div#caseStudies ul li{
	//width: 24%;
	margin-bottom: 30px;
}

div#caseStudies ul li a {
	font-size: 11px;
	margin-bottom: 20px;
	}

div#caseStudies p{
	width: 100%;
}

p.galleryTitle{
	width: 100%;
	//margin-bottom: -10px;	
	font-weight: bold;
}

#caseStudies {
	margin-bottom: 20px;
}