/*
Theme Name: Slater Builders
Theme URI: http://jonathanharriot.com
Description: Created for Slater Builders of Costa Mesa, CA
Version: 0.1
Author: Jonathan Harriot
Author URI: http://jonathanharriot.com
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,images{ border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{ border:0}

body {
	font: 90% "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	background: #f5f9fc  url("img/bg.png") left top repeat-x;
	color: #3c3d3e;
}

/* header */

h1#siteTitle {
	text-indent: -2000em; overflow: hidden; 
	background: url("img/header.png") 50% 0 no-repeat;
	width: 100%; height: 86px;
	margin: 0; padding: 0;
}
h1#siteTitle a {
	display: block;
	height: 100%; width: 100%; background: none;
}

#wrapper { margin: 0 auto; width:756px; position: relative; }

/*#navContainer { position: absolute; top: 3px; left: 0px; }*/
#nav {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-size: 79%; width:756px;}
#nav li#headerImage { text-align: center }
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:30px; width:150px; border:none; text-decoration:none; padding:0; cursor:pointer;}
#nav li a strong {margin-left:-999em; text-overflow: hidden;}
#nav li a em {display: block; width: 100%; }

#nav li a.navHome {background:url(img/nav/home.png); width:72px;}
#nav li a.navProjects {background:url(img/nav/projects.png); width:111px;}
#nav li a.navServices {background:url(img/nav/services.png); width:106px;}
#nav li a.navManagement {background:url(img/nav/management.png); width:152px;}
#nav li a.navClients {background:url(img/nav/clients.png); width:96px;}
#nav li a.navAbout {background:url(img/nav/about.png); width:115px;}
#nav li a.navContact {background:url(img/nav/contact.png); width:104px;}
#nav li.separator,
#nav li.separatorHover
 {display: block; background:url(images/nav/separator.png); width:3px; height: 30px; }
#nav li.separatorHover {background-position: 0px 30px;}

#nav li:hover a,
#nav li a:active,
#nav li a:hover,
#nav li a:focus,
#nav li a.current
{background-position: 0 30px;}
/*#nav li:hover a.navHome,
#nav li a.navHome:hover,
#nav li a.navHome:focus,
#nav li a.navHome:active,
#nav li.currentHome a {background-position: -2px 30px;}*/

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:8px; top:30px; width:152px; height:auto; z-index:300; border:1px solid #a6a3a4; border-bottom:0; border-top:0;}
#nav :hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:152px; font-weight:normal; border-bottom:1px solid #a6a3a4;}
#nav :hover ul.sub li a
{display:block; height:100%; width:142px; color: #6F6F6F; background-color: #BFBFBF; text-decoration:none; font-weight: normal; text-transform: uppercase; padding:0; cursor:pointer; padding: 5px;}
#nav :hover ul.sub li a strong {left:-9999px; margin:0;}
#nav :hover ul.sub li a:hover {color: #3F3F3F; background-color: #53AADF; position:relative;}
	#nav ul.sub li a strong { display: block; width: 100%; font-weight: bold }
.topInfo { text-align: right; font-size: 10px; margin: 0; padding: 0; padding: 3px 0; }

#content { width: 747px;margin: 0 auto; min-height: 560px; }
	body#projects div#content,body#services div#content,body#contact div#content,body#home div#content { background-image: none; }
	img.imgFloatLeft { float: left }
	img.imgFloatRight { float: right }
	#projectsColumn1, #projectsColumn2,#column1, #column2 { width: 365px; float: left; }
		#projectsColumn2 { margin-left: 15px }
	.pageContent { line-height: 1.5; min-height: 400px; }
		
		div#page-29, 	 /* begin management */
		div#page-25,
		div#page-31,
		div#page-33,
		div#page-35,
		div#page-37,
		div#page-39,
          div#page-218,
		div#page-41,
		div#page-27,	 /* end management */
		div#page-11,	 /* clients */
		div#page-5, 	 /* projects */
		div#page-52,	 /* services overview */
		div#page-41, 	 /* clients */
		div#page-110, 	 /* careers */
		div#page-15 	 /* contact us */
			 { padding-right: 0px; background-image: none !important; }
	#contentMid {  }
		#contentMid div {  }
			#contentMid p {margin-bottom: 0.5em }
			#contentMid strong,#contentMid bold { font-weight: bold }
			#contentMid em,#contentMid i { font-style: italic }
			#contentMid ul,#contentMid ol { margin: 1em 0 1em 2em; }
			#contentMid ul { list-style-type: circle; list-style: outside }
			#contentMid ol { list-style-type: decimal }
			#contentMid li { margin: 0.5em 0 }
			#contentMid blockquote { margin: 0 0 0 10px; padding: 10px; background-color: #E8E9E2; width: 180px; float: right; font-style: italic; text-align: center }
			
			#homeContent { clear: left; padding-top: 15px; }
			#homeContent #news { float: left; width: 276px; font-size: 0.92em; padding-right: 15px; }
				#homeContent #news em { font-style: italic; color: #7e7d7e; }
				#homeContent #news h3 { font-weight: bold; text-transform: capitalize; text-align: center; color: #6d6d6d; }
				#homeContent #news p { color: #6d6d6d; }
				#homeContent #news a,#homeContent #news a:link,#homeContent #news a:visited { display: block; padding: 3px; text-align: right; color: #fff; text-align: center; text-decoration: none; background-color: #A0A0A0; }
					#homeContent #news a:focus,#homeContent #news a:hover,#homeContent #news a:active {   background-color: #388CC4; }
				#homeSlideshow { width: 456px; height: 328px; float: left; border: 1px solid #A0A0A0 }
				
	#contentBtm { width: 759px; height: 284px; font-size: 65%; color: #777; text-transform: uppercase; position: relative; clear: both; }
		#contentBtm p#copyright { text-align: center; font-size: 1.05em; }
		
		#contentBtm ul#footerNav { clear: both; margin: 0 auto; padding: 0; list-style-type: none; text-align: center; color: #777; text-transform: uppercase; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
			ul#footerNav li { margin-top: 40px; display: -moz-inline-box; display: inline-block; /* start for IE5/Mac only \*//*/ width: 5em; /* end for IE5/Mac only */ }
				ul#footerNav li a { display: block; display: inline-block; padding:4px 9px; text-decoration:none; text-transform: uppercase; font-size: 1.05em; letter-spacing: 0; }
				ul#footerNav li a:hover { color: #000; background-color: #388CC4; }
				
	#sidebar { width: 199px; padding: 2px; background: #EFEFEF; text-align: center; float:left; margin: 4px 0 10px 0; padding: 7px 0; }
	#content a, #content a:link, #content a:visited { color:#22395E; text-decoration: none; }
	#content a:hover,#content a:focus,#content a:active { color: #fff; background-color: #378CC4; outline: none; }
	a:focus,a:active { outline: none }
	#content a img { border: 0; }
	
	
	h1, h2, h3, h4, h5, h6 { color: #22395E;font-weight: normal; clear: both; display: block; width: 100%;}
	h1 { font-size: 25px; margin: 0.25em 0; clear: left;}
	h2 { font-size: 20px; }
	h3 { font-size: 17px; }
	h4 { font-size: 15px; }
	h5 { font-size: 13px; }
	.sIFR-active #content h1,.sIFR-active #content h2,.sIFR-active #content h3,.sIFR-active #content h4 { visibility: hidden; font-family: Verdana; line-height: 1em; padding:0; margin: 0; }
	.sIFR-active #content h1 { width: 100%; font-size: 27px; margin: 0; padding: 0; clear: both; }
	.sIFR-active #content h2 { width: 100%; font-size: 27px; margin: 0; padding: 0; clear: both; }
	.sIFR-active #content h3 { width: 100%; font-size: 19px; margin: 0; padding: 0; /*border-bottom: 1px inset #22395E;*/ }
	.sIFR-active #content h4 { width: 157px; font-size: 13px; }
	.sIFR-active #sidebar h3 { width: 157px; font-size: 19px; }

	
	p { margin: 0 0 1em 0 }
	blockquote { border: 1px solid #DFDFDF; background: #F2EFFF; width: 80%; padding: 1em; margin: 20px 0 20px 40px; }

/* content controls */
h2 a, h2 a:link, h2 a:visited { text-transform: capitalize; font-family: century gothic,trebuchet ms,verdana,Arial,Sans-Serif}


/* splash slider */
div#splashTop,div#splashTop div,div#splashTop ul,div#splashTop ol,div#splashTop li,div#splashTop h1{ margin:0;padding:0}div#splashTop img{ border:0}div#splashTop ol,div#splashTop ul{list-style:none}div#splashTop h1{font-size:100%;font-weight:normal}
div#splashTop { display: block; height: 303px; width: 747px; border: 1px solid #A0A0A0; background: #fff url('/wp-content/themes/slaterbuilders/img/splash-about.png') top right no-repeat; }
div#splashTop h1 { clear: none; display: block; height: 303px; width: 41px; float: left; overflow: hidden; }
div#splashTop h1 a,div#splashTop h1 a:link,div#splashTop h1 a:visited { display: block; width: 100%; height: 100%; float: left; background-position: 0 0; text-indent: -2000em; overflow: hidden; }
	div#splashTop h1 a:focus,div#splashTop h1 a:hover,div#splashTop h1 a:active { background-position: 0 303px }
	h1#d1 a { background-image: url(img/splash-office.png); }
	h1#d2 a { background-image: url(img/splash-hospitality.png); }
	h1#d3 a { background-image: url(img/splash-retail.png); }
	h1#d4 a { background-image: url(img/splash-mission.png); }
div#splashTop h1 a img { border: 0 }
div#splashTop div { width: 0px; height: 303px; color: #CC6600; float: left; overflow: hidden; }

ul#homePressReleases li { margin-bottom: 2px; }
#homeContent #news strong { font-weight: bold }
#homeContent #news em { display: block; width: 100%; text-align: right; font-style: normal }
#homeContent #news .client { padding-top: 5px }
#homeContent #news li.archives a,#homeContent #news li.archives a:link,#homeContent #news li.archives a:visited { background-color: #bfbfbf; }
#homeContent #news li.archives a:focus,#homeContent #news li.archives a:hover,#homeContent #news li.archives a:active { background-color: #388CC4; }



/* services page */

#content #servicesFade a img, #content #servicesFade a,#content #servicesFade a:link,#content #servicesFade a:hover,#content #servicesFade a:active,#content #servicesFade a:focus { display: block; padding: 0; margin: 0; background-color: transparent }

#servicesFade,#servicesFade tbody,#servicesFade tr,#servicesFade td { margin: 0; padding: 0; }