/* SiteName.com Stylesheet
   Modified: Day 1.23.08 @ 1:23 p.m.
   Author: Developer Name
   ----------------------------------------------------*/
   
/* COLORS
   ------
   Main Text:		#2D271A
   Link Colors:		#816C14
   Maroon: 			#3B1801
   Bg Color:		#FAF8EF
   ----------------------------------------------------*/

/* TABLE OF CONTENTS
   -----------------
   1. GENERAL
	2. SIDEBAR
	3. HOMEPAGE CONTENT
	4. INSIDE MAIN CONTENT
	5. PROJECTS
	6. SUBNAV
	7. MAIN NAV
		a. home
		b. about us
		c. services
		d. projects
		e. development partners
		f. contact us
	8. FOOTER
   ----------------------------------------------------*/

/*
---------------- 1. GENERAL
-------------------------------------------------------- */

*{ margin:0; padding:0; }
body { background: #FAF8EF url(../images/site/bg-body_repeat_x.gif) repeat-x scroll left top; }
p { font: 13px/22px "Times New Roman", Times, serif; margin-bottom: 10px; color: #2D271A; }
a { color: #816C14; outline: 0; }

.float_clear:after {
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	display: block;
	}

#header {
	margin: 0px auto;
	width: 900px;
	background: url(../images/site/bg-header.gif) no-repeat scroll left top;
	height: 96px;
	position: relative;
	}
	
#header h1 {
	text-indent: -9999px;
	margin-left: 0px;
	background: url(../images/img.logo_off.gif) no-repeat scroll left top;
	}

#header a {
	background: url(../images/img.logo.gif) no-repeat scroll left top;
	height: 96px;
	width: 250px;
	text-indent: -9999px;
	display: block;
	border: none;
	}
	
#projectSelect {
	position: absolute;
	top: 18px;
	right: 22px;
	}
	
#projectSelect select {
	width: 155px;
	}
	
#projectSelect option {
	color: #333333;
	font-size: 11px;
	}
	
#container {
	margin: 0px auto;
	width: 900px;
	}

/*
---------------- 2. SIDEBAR
-------------------------------------------------------- */

#sideBar {
	float: left;
	width: 230px;
	padding: 0 10px;
	}
	
#featProp {
	margin-top: 30px;
	float: left;
	width: 230px;
	background: #eee6c9;
	padding-bottom: 20px;
	}
	
#featProp h2 {
	text-indent: -9999px;
	background: url(../images/site/h-featured_image.gif) no-repeat scroll left top;
	height: 39px;
	width: 230px;
	}
	
#featProp h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px dashed #aaa48f;
	padding-bottom: 3px;
	width: 190px;
	margin: 0 auto 3px auto;
	}
	
#featProp p {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 12px;
	width: 190px;
	margin: 0px auto;
	display: block;
	line-height: 18px;
	}
	
.featImg {
	background: #FFFFFF;
	border: 1px solid #aaa48f;
	display: block;
	width: 178px;
	padding: 5px;
	margin: 12px auto;
	}
	
.featImg:hover {
	background: #3B1801;
	border: 1px solid #fff;
	}
	
.featImg img {
	border-width: 0px;
	background: #FFFFFF;
	}

/*
---------------- 3. HOMEPAGE CONTENT
-------------------------------------------------------- */
	
#mastHead {
	margin-top: -10px;
	float: right;
	width: 650px;
	text-align: right;
	}

#intro {
	float: right;
	width: 600px;
	padding: 0 20px;
	}
	
#intro h2 {
	background: url(../images/site/h-welcome.gif) no-repeat scroll left top;
	text-indent: -9999px;
	height: 33px;
	margin: -10px 0 18px 0;
	}
	
#intro a {
	text-decoration: none;
	border-bottom: 1px dotted #8F7716;
	padding: 0 0 2px 0;
	}
	
#intro a:hover {
	color: #3B1801;
	background: #F2EDD8;
	border-bottom: 1px solid #3B1801;
	}
	
/*
---------------- 4. INSIDE MAIN CONTENT
-------------------------------------------------------- */
	
#mainContent {
	float: right;
	width: 600px;
	padding: 0 20px 40px 20px;
	background: #FFFFFF;
	border-top: 1px solid #e5e1de;
	margin: 8px 0 0 0;
	border-bottom: 1px solid #e5e1de;
	min-height: 498px;
	}
	
#mainContent h2 {
	margin: 30px 0 10px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	color: #4f462e;
	border-bottom: 1px dashed #b6b6b6;
	padding-bottom: 5px;
	}
	
#mainContent h3 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 5px;
	margin-top: 20px;
	}
	
#mainContent h3 span {
	color: #666666;
	}
	
#mainContent a {
	text-decoration: none;
	border-bottom: 1px dotted #8F7716;
	padding: 0 0 2px 0;
	}
	
#mainContent a:hover {
	color: #3B1801;
	background: #F2EDD8;
	border-bottom: 1px solid #3B1801;
	}
	
#projectGallery {
	background: #FBF9F1;
	padding: 20px 20px 10px 20px;
	border: 1px solid #DAD5C4;
	margin: 10px 0;
	}
	
.left {
	float: left;
	border: 1px solid #aaa48f;
	padding: 5px;
	background: #FFFFFF;
	margin: 8px 10px 0 0;
	}
	
.right {
	float: right;
	border: 1px solid #aaa48f;
	padding: 5px;
	background: #ffffff;
	margin: 8px 0 0 10px;
	}
	
/*
---------------- 5. PROJECTS
-------------------------------------------------------- */

#projects {
	float: left;
	margin: 10px 0 0 0;
	}

#mainContent #projects h3 {
	margin: 10px 0 0 0;
	}

#projects h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px dashed #aaa48f;
	padding: 3px 0;
	width: 168px;
	margin: 0 auto 3px auto;
	display: block;
	}
	
#projects h3 a:hover {
	color: #3B1801;
	background: #F2EDD8;
	border-bottom: 1px solid #3B1801;
	}
	
#projects li {
	list-style: none;
	width: 185px;
	border: 1px solid #aaa48f;
	background-color: #eee6c9;
	padding: 0 0 10px 0;
	float: left;
	margin: 0 10px 20px 0;
	}
	
#projects p {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 12px;
	width: 168px;
	margin: 0px auto;
	display: block;
	line-height: 18px;
	}
	
#mainContent a.projectsfeatImg {
	background: #FFFFFF;
	display: block;
	padding: 10px;
	border: 1px solid #aaa48f;
	margin: 10px auto 0 auto;
	width: 148px;
	}
	
#mainContent a.projectsfeatImg:hover {
	background: #3B1801;
	border: 1px solid #fff;
	}
	
.projectsfeatImg img {
	border-width: 0px;
	background: #FFFFFF;
	}

/*
---------------- 6. SUBNAV
-------------------------------------------------------- */

#subNav {
	border-top: 1px dashed #E4E3D8;
	border-bottom: 1px dashed #E4E3D8;
	background: #FAF8EE;
	float: left;
	margin: 16px 0 0 0;
	}
	
#subNav ul {
	margin: 2px 0;
	background: #F2EDD8;
	width: 600px;
	float: left;
	}
	
#subNav li {
	float: left;
	list-style: none;
	border-right: 1px dashed #dad5c4;
	display: inline;
	}
	
#subNav li a {
	font: 13px/29px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2B1205;
	text-decoration: none;
	display: block;
	padding-right: 13px;
	padding-left: 13px;
	border: none;
	}
	
#subNav li a:hover { color: #3B1801; background: #e7dbaf; border: none; }
#subNav li#currentSection { border-width: 0px; }
#subNav li#currentSection a { background: #3B1801; color: #FFFFFF; }
#subNav li.current a { background-color: #FBF9F1; }
#subNav li.current a:hover { background-color: #FBF9F1; }
#subNav li#first a { padding-left: 20px; background: url(../images/site/bg-subNav_arrow.gif) no-repeat scroll left center; }
#subNav li#first a:hover { background: #e7dbaf url(../images/site/bg-subNav_arrow_HOVER.gif) no-repeat scroll left center; border: none; }
#subNav li#first.current a { background: #FBF9F1 url(../images/site/bg-subNav_arrow_ON.gif) no-repeat scroll left center; }
#subNav li#first.current a:hover { background: #FBF9F1 url(../images/site/bg-subNav_arrow_ON.gif) no-repeat scroll left center; border: none; }

/*
---------------- 7. MAIN NAV
-------------------------------------------------------- */	

#mainNav {
	height: 243px;
	width: 230px;
	margin-top: 24px;
	}

#mainNav ul{
	width: 230px;
	float: right;
	}
		
#mainNav li {
	list-style: none;
	float:left;
	}

#mainNav li a {
	display: block;
	width: 230px;
	text-indent: -9999px;
	border-width: 0px;
	}

/* ---- a. home ---- */	

#navHome {
	background: url(../images/site/nav-home.gif) no-repeat left top;
	height: 43px;
	}
	
#navHome a {
	background: url(../images/site/nav-home.gif) no-repeat left top;
	height: 43px;
	}
	
#navHome a:hover {
	background: url(../images/site/nav-home.gif) no-repeat -230px top;
	height: 43px;
	}

#navHomeCurrent, #navHomeCurrent a {
	background: url(../images/site/nav-home.gif) no-repeat -460px top;
	height: 43px;
	}
	
/* ---- b. about us ---- */	

#navAbout {
	background: url(../images/site/nav-about.gif) no-repeat left top;
	height: 40px;
	}
	
#navAbout a {
	background: url(../images/site/nav-about.gif) no-repeat left top;
	height: 40px;
	}
	
#navAbout a:hover {
	background: url(../images/site/nav-about.gif) no-repeat -230px top;
	height: 40px;
	}

#navAboutCurrent, #navAboutCurrent a {
	background: url(../images/site/nav-about.gif) no-repeat -460px top;
	height: 40px;
	}
	
/* ---- c. services ---- */	

#navServices {
	background: url(../images/site/nav-services.gif) no-repeat left top;
	height: 40px;
	}
	
#navServices a {
	background: url(../images/site/nav-services.gif) no-repeat left top;
	height: 40px;
	}
	
#navServices a:hover {
	background: url(../images/site/nav-services.gif) no-repeat -230px top;
	height: 40px;
	}

#navServicesCurrent, #navServicesCurrent a {
	background: url(../images/site/nav-services.gif) no-repeat -460px top;
	height: 40px;
	}
	
/* ---- d. projects ---- */		

#navProjects {
	background: url(../images/site/nav-projects.gif) no-repeat left top;
	height: 40px;
	}
	
#navProjects a {
	background: url(../images/site/nav-projects.gif) no-repeat left top;
	height: 40px;
	}
	
#navProjects a:hover {
	background: url(../images/site/nav-projects.gif) no-repeat -230px top;
	height: 40px;
	}

#navProjectsCurrent, #navProjectsCurrent a {
	background: url(../images/site/nav-projects.gif) no-repeat -460px top;
	height: 40px;
	}
	
/* ---- e. development partners ---- */	

#navPartners {
	background: url(../images/site/nav-partners.gif) no-repeat left top;
	height: 40px;
	}
	
#navPartners a {
	background: url(../images/site/nav-partners.gif) no-repeat left top;
	height: 40px;
	}
	
#navPartners a:hover {
	background: url(../images/site/nav-partners.gif) no-repeat -230px top;
	height: 40px;
	}

#navPartnersCurrent, #navPartnersCurrent a {
	background: url(../images/site/nav-partners.gif) no-repeat -460px top;
	height: 40px;
	}
	
/* ---- f. contact us ---- */		

#navContact {
	background: url(../images/site/nav-contact.gif) no-repeat left top;
	height: 40px;
	}
	
#navContact a {
	background: url(../images/site/nav-contact.gif) no-repeat left top;
	height: 40px;
	}
	
#navContact a:hover {
	background: url(../images/site/nav-contact.gif) no-repeat -230px top;
	height: 40px;
	}

#navContactCurrent, #navContactCurrent a {
	background: url(../images/site/nav-contact.gif) no-repeat -460px top;
	height: 40px;
	}

/*
---------------- 8. FOOTER
-------------------------------------------------------- */	
	
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	}
	
#footerContainer {
	width: 100%;
	background: #A9B684 url(../images/site/bg-footer_repeat_x.png) repeat-x scroll left top;
	height: 150px;
	float: left;
	margin: 40px 0 0 0;
	}
	
#footer {
	margin: 0 auto;
	width: 900px;
	}
	
#footer p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 10px 0px 0px;
	padding-left: 10px;
	}
	
#footer p a {
	color: #EEE6C9;
	}