/**************************************************************************/
/* 1:Zero out all styles except form elements, which are left to default */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,  h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,  img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,  label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0;
 padding:0;
 border:0;
 outline:0;
}
/* remember to define focus styles! */
:focus {
 outline:0;
}
ol,
ul {
 list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse:separate;
 border-spacing:0;
}
caption,
th,
td {
 text-align:left;
 font-weight:normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:"";
}
blockquote,
q {
 quotes:"" "";
}
/* End zero out */
/**************************************************************************/


/**************************************************************************/
/* Clearfix                  */
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* End hide from IE-mac */
/* End Clearfix */
/**************************************************************************/


/**************************************************************************/
/* Basic body styles               */
body {
 font-size:11px;
 font-family:"Lucida Sans Unicode","Lucida Grande", Tahoma, Garuda, Arial, Helvetica, sans-serif;
 color:#363636;
 background:#CEBDAD url(../images/layout/bg_fade.jpg) top left repeat-x;
 text-align:center;
 padding:0 0 30px 0;
}
/* standard text styles */
p {
 margin:0 0 15px;
 line-height:1.15em;
}
h1 {
 font-size:1.6em; 
 font-weight:bold;
 color:#722555;
 margin:0 0 12px;
}
h2 {
 font-size:1.3em; 
 font-weight:bold;
 color:#722555;
 margin:0 0 10px;
}
h3 {
 font-size:1.1em; 
 font-weight:bold;
 color:#363636;
 margin:0 0 0;
}
h4 {
 font-size:1em; 
 font-weight:bold;
 color:#722555;
 margin:0 0 3px;
}
h5 {
 font-size:1em; 
 font-weight:bold;
 color:#363636;
 margin:0 0 3px;
}
a {
 color:#363636;
 text-decoration:underline;
}
a:hover {
 color:#722555;
 text-decoration:underline;
}
/* End Basic body styles */
/**************************************************************************/
		
		
/****************************************/
/* 			Header Section 				*/
/****************************************/

#header{
	width:834px;
	text-align:left;
	margin:auto;
	padding:15px 0 0;
	background:url(../images/layout/header_bg.jpg) no-repeat bottom left;
}
	#header #logo{
		float:left;
		width:217px;
	}
	#header #main_nav{
		float:right;
		width:617px;
		height:43px;
		padding:52px 0 0;
		list-style:none;
		display:inline;
		overflow:hidden;
	}
		#main_nav li{
			list-style:none;
			display:inline;
		}
		#main_nav li a{
			float:left;
			padding:43px 0 0 0;
			margin:0;
			overflow:hidden;
			height:0px !important;
			background-position:0 0;
			background-repeat:no-repeat;
		}
		#main_nav li a:hover{
			background-position:0 -43px;
		}
		#main_nav li.selected a,
		#main_nav li.selected a:hover{
			background-position:0 -86px;
		}
			#main_nav #home a{
				background-image:url(../images/layout/homeNav.jpg);
				width:89px;
			}
			#main_nav #vision a{
				background-image:url(../images/layout/visionNav.jpg);
				width:91px;
			}
			#main_nav #work a{
				background-image:url(../images/layout/workNav.jpg);
				width:90px;
			}
			#main_nav #priorities a{
				background-image:url(../images/layout/prioritiesNav.jpg);
				width:116px;
			}
			#main_nav #team a{
				background-image:url(../images/layout/teamNav.jpg);
				width:90px;
			}
			#main_nav #help a{
				background-image:url(../images/layout/helpNav.jpg);
				width:128px;
			}

/****************************************/
/* 			END Header Section 			*/
/****************************************/


/****************************************/
/* 		Main Content Section 			*/
/****************************************/
#main_content{
	width:814px;
	text-align:left;
	margin:auto;
	padding:0 0 25px;
	background:url(../images/layout/page_bg_middle.png) repeat-y top left;
}
	#main_content #main_content_inner{
		padding:0 20px;
		background:url(../images/layout/page_bg_top.png) no-repeat top left;
	}
#main_content_btm{
	width:814px;
	text-align:left;
	margin:auto;
	height:15px;
	background:url(../images/layout/page_bg_btm.png) no-repeat bottom left;
}

/****************************************/
/* 		END Main Content Section 		*/
/****************************************/


/****************************************/
/* 		Secondary Content Section		*/
/****************************************/
#secondary_content{
	width:803px;
	text-align:left;
	margin:2px auto 0;
	padding:15px 0 0;
	color:#363636;
	background:url(../images/layout/secondary_bg.gif) no-repeat top left;
}
#secondary_content a{
	color:#363636;
	text-decoration:none;
}
#secondary_content a:hover{	
	text-decoration:underline;
}
	#secondary_content #secondary_content_inner{
		padding:0 18px 17px;
		background:url(../images/layout/secondary_bg_btm.gif) no-repeat bottom left;
	}
		#secondary_content_inner #lhs_col{
			width:367px;
			float:left;
		}
		#secondary_content_inner #rhs_col{
			width:367px;
			float:right;			
		}
		
		#secondary_content_inner h2,
		#secondary_content_inner h2{
			color:#722555;
			font-size:1.3em;
			margin:0;
			padding:0 0 0 7px;
		}		
		#secondary_content_inner h3,
		#secondary_content_inner h3{
			color:#363636;
			font-size:1.1em;
			font-weight:normal;
			margin:0;
			padding:0 0 4px 7px;
			letter-spacing:-0.01em;
		}		
		#secondary_content_inner h3,
		#secondary_content_inner h3{
			border-bottom:1px dotted #363636;
			padding-bottom:6px;
			margin-bottom:13px;
		}
		
		#secondary_content_inner #rhs_col p{
			padding:0 0 0 10px;
			margin:0;
		}
		
			/* Photo Journal Section */
			#photo_journal{
				padding:0 0 0 6px;
			}
				#photo_journal a{
					display:block;
					float:left;
					margin:0 2px 2px 0;
					border:6px solid #D8C5AF;
				}
				#photo_journal a:hover{
					border:6px solid #722555;
				}
				#photo_journal a img{
					display:block;
					float:left;
				}
				
			/* Contact Section */
			#contact{
				min-height:55px;
			}
			.photo_journal #contact{
				min-height:113px;
			}
				#contact_lhs{
					padding:0 7px;
					line-height:1.2em;
					margin: 0 0 1em 0;
				}
				.photo_journal #contact_lhs{
					float:left;
					width:170px;
				}
				#contact_rhs{
					float:left;
					padding:0 7px;
					line-height:1.2em;
					margin: 0 0 1em 0;
				}

/****************************************/
/* 		END Secondary Content Section 	*/
/****************************************/


/****************************************/
/* 			Footer Section 				*/
/****************************************/
#footer{
	width:803px;
	text-align:right;
	margin:8px auto 0;
	color:#722555;
}
	#footer p{
		float:left;
		padding:0 0 0 5px;
	}
	#footer p a{
		color:#722555;
		font-weight:bold;
		text-decoration:none;
	}
	#footer p a:hover{
		text-decoration:underline;
	}
	#footer ul{
		list-style:none;
		padding:0 0 0 0;
		float:right;
	}
		#footer ul li{
			list-style:none;
			display:block;
			float:left;
			border-right:1px solid #722555;
			padding:0 5px;
		}
		#footer ul li.last_item{
			border:0;
		}
			#footer ul li a{
				color:#722555;
				text-decoration:none;
			}
			#footer ul li a:hover{
				text-decoration:underline;
			}

/****************************************/
/*	 		END Footer Section 			*/
/****************************************/

