/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 

/* !Body */
body {	
	background: #432211 url('../img/bg/body.gif') top left repeat;
	margin: 0; padding: 0 0 30px 0;	
	}
/* @end */
			
				
/* !Main Navigation */
#main-nav { 			
	width: 712px; height: 40px;
	float: right;
	background: transparent url(../img/bg/main-nav.png) top left repeat;	
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	margin: 30px 0 0 0;
	}

#main-nav ul {
	font-size: 14px;
	list-style: none; 
	margin: 0; padding: 0; 
	}
	
#main-nav ul li 			{ float: left; width:7em; border-left: 1px dashed #000;  }	
#main-nav ul li:first-child { border-left: 0px dashed #000; }	

#main-nav a								{ line-height: 40px; display: block; padding: 0 13px; margin: 0; text-shadow: #432211 2px 2px 1px;  }
#main-nav a:link, #main-nav a:visited 	{ color: #FCD8AB;  }
#main-nav a:active, #main-nav a:hover 	{ color: white;}

#main-nav li.page-item-2 	{ width: 66px; }
#main-nav li.page-item-3 	{ width: 136px; }
#main-nav li.page-item-8 	{ width: 131px; }
#main-nav li.page-item-10 	{ width: 131px; }
#main-nav li.page-item-12 	{ width: 96px; }
#main-nav li.page-item-14 	{ width: 56px; }
#main-nav li.page-item-16 	{ width: 83px; }

#main-nav li ul { /* second-level lists */
	position: absolute;
	background: transparent url(../img/bg/main-nav.png) top left repeat;
	width: 11em;
	left: -999em;
	z-index: 100;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

#main-nav li ul li 										{ color: #FCD8AB; width: auto; border-left: none; text-align: left; font-size: 12px; float: none; padding: 0 13px; margin: 0; }
#main-nav li ul li a:link, #main-nav li ul li a:visited { text-shadow: none; color: #FCD8AB; width: auto; line-height: 21px; padding: 0; margin: 0; }
#main-nav li ul li a:active, #main-nav li ul li a:hover { text-shadow: none; color: white; line-height: 21px; }


#main-nav li:hover ul, #main-nav li.sfhover ul /* lists nested under hovered list items */
{ left: auto; }

#sub-nav, .sub-links { list-style-type: none; margin: 0 0 5px 0; padding: 5px 0 15px 0px; border-bottom: 1px solid #D9D6C6; }
.sub-links { border-bottom: 0px solid #D9D6C6; } 

#sub-nav li, .sub-links li { text-align: left;   }
#sub-nav a, .sub-links a { display: block; width: 100%; height: 25px; line-height: 25px; text-indent: 20px; }
#sub-nav a:link, #sub-nav a:visited, .sub-links a:link, .sub-links a:visited { color: #452312; }
#sub-nav a:active, #sub-nav a:hover, .sub-links a:active, .sub-links a:hover { color: #A76F31;  }
#sub-nav a.active { background-color: #EDEAD9; color: #A76F31;  }
#sub-nav li.current_page_item a { background-color: #EDEAD9; color: #A76F31;  }

/* @end */



/* !Logos & Special Image Headers */
#grid-header { background: transparent url(../img/bg/header-bg.jpg) top left repeat; }

#grid-header h1 a {
	background: transparent url(../img/logo/westcott.png) no-repeat 50% 50%;
	display: block; float: left;
	width: 210px; 	height: 100px;
	margin: 0; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}
.small_header { font-size: 16px; }
/* @end */


/* !Pages Header */
div.page-header {
	position: relative;
	float: left;
	width: 960px;
	height: 190px;
}

div.page-header #page-header-image {
	width: 960px; height: 190px;
	position: absolute; z-index: 1;	
	}

div.page-header #page-header-info {
	width: 11px; height: 15px;
	position: absolute; z-index: 5;
	top: 160px; left: 10px;
	}

div.page-header #page-header-text {
	background: url(../img/misc/popup-bg.png) repeat;
	width: 226px; height: 120px;
	position: absolute; z-index: 5;
	top: 40px; left: 20px;
	}
	
div.page-header #page-header-info a 				{ color: #FFF; text-decoration: none; cursor: pointer; }
div.page-header #page-header-text div.close-box 	{ float: right; color: #FFF; font-size: 10px; margin: 0; padding: 3px 3px 0 0;  }
div.page-header #page-header-text div.close-box a 	{ color: #FFF; text-decoration: none; cursor: pointer; }
div.page-header #page-header-text div.text-box 		{ float: left; width: 180px; height: 90px;  margin: 0; padding: 10px 10px 10px 15px; }
div.page-header #page-header-text div.text-box h2 	{ color: #FFF; font-size: 15px; margin: 0; padding: 5px 0 10px 0; line-height: 100%; }
div.page-header #page-header-text div.text-box p  	{ color: #FFF; font-size: 11px; line-height: 150%; margin: 0 0 10px 0; }
div.page-header #page-header-text div.text-box a 	{ color: #3F8BCF; font-size: 11px; line-height: 120%; text-decoration: underline; }

/* @end */


/* !Home Masthead */
#masthead { 
	background-color: #EDEAD9; 
	clear: both; 
	width: 960px; height: 390px; 
	padding: 10px 10px 0 10px; 
	box-shadow: #333 0px 0px 15px; 
	-moz-box-shadow: #333 0px 0px 15px;
    -webkit-box-shadow: #333 0px 0px 15px;
 	-moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
     }

#masthead-inner {
	width: 960px; height: 390px; 
	position: relative;
	}

#masthead-inner #slides {
	position: absolute;
	left: 0;
	top: 0;
	width: 960px; height: 390px; 
	overflow: hidden;
}

div.slide {
	position: relative;
	float: left;
	width: 960px;
	height: 390px;
}

div.slide .slide-image {
	width: 960px; height: 390px;
	position: absolute; z-index: 1;	
	}

div.slide .slide-text {
	/* background-color: rgba(34,17,11, .7); */
	background: url(../img/bg/main-nav.png) repeat;
	width: 460px; height: 230px;
	position: absolute; z-index: 5;
	top: 20px; left: 480px;
	}

div.slide .slide-text img.property-logo 	{ float: left; margin: 40px 0 0 25px; }
div.slide .slide-text div.text-box 		{ float: right; width: 210px; height: 210px; border-left: 1px dashed #432B19; margin: 0; padding: 10px; }
div.slide .slide-text div.text-box h2 	{ color: #FDAD57; font-size: 17px; margin: 0; padding: 5px 0 10px 0; line-height: 100%; }
div.slide .slide-text div.text-box p  	{ color: #ECE9D8; font-size: 11px; line-height: 120%; }

#masthead-nav {
	/*
background-color: #21110B;
	background-color: rgba(34,17,11, .8);
*/
	background: url(../img/bg/nav-normal.png) repeat 0 0; 
	width: 960px; height: 40px;
	position: absolute; z-index: 2;
	top: 350px; left:auto; 
	
	}

#masthead-nav ul { margin: 0; padding: 0; }

#masthead-nav li { 
	list-style-type: none; display: block; float: left;
	text-align: center; line-height: 40px; font-size: 14px;
	width: 239px; height: 40px;
	border-right: 1px dashed #432B19;
	cursor: pointer;
	}   
	
#masthead-nav li.masthead-nav-four { border-right: 0px dashed #432B19;  }

#masthead-nav li.active, #masthead-nav li:hover { 
	/*
background-color: #3A2C1E; 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(58,45,29, .5)), to(#21110B));
	background: -moz-linear-gradient(top left -90deg, rgba(58,45,29, .8), #21110B);
*/
	background: url(../img/bg/nav-hover.png) repeat 0 0; 
	}

#masthead-nav li.active a, 	#masthead-nav li:hover a 		{ color: #99D6F6; display: block; width: 239px; height: 40px; }
#masthead-nav a:link, 		#masthead-nav a:visited 		{ color: #ECE9D8;  text-shadow: #392C1D 1px 1px 1px; }
#masthead-nav a:active, 	#masthead-nav a:hover 			{ color: #99D6F6;  text-shadow: #392C1D 1px 1px 1px; }  
/* @end */	



/* !Sub Masthead */
body.sub-page #masthead { 
	background-color: #EDEAD9; 
	clear: both; 
	width: 960px; height: 190px; 
	padding: 10px 10px 0 10px; 
	box-shadow: #333 0px 0px 15px; 
	-moz-box-shadow: #333 0px 0px 15px;
    -webkit-box-shadow: #333 0px 0px 15px;
 	-moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
     }

body.sub-page #masthead-inner {
	width: 960px; height: 190px; 
	position: relative;
	}
/* @end */	


/* !GRID-CONTENT */
#grid-content {
	background: #EDEAD9 url(../img/bg/content-bg.png) top left no-repeat; 
	border: 10px #EDEAD9 solid;
	clear: both; 
	width: 960px; min-height: 360px;
	}
/* @end */



/* !CONTENT-LEFT */	
#content-left {
	background: #EEEBDC url(../img/bg/content-left-bg.png) top left no-repeat;
	min-height: 360px;
	box-shadow: #D1CDBF 0px -6px 8px; 
	-moz-box-shadow: #D1CDBF 0px -6px 8px;
    -webkit-box-shadow: #D1CDBF 0px -6px 8px;
	}

#content-left h3 {
	color: #3F8BC3; 
	font-size: 15px; 
	padding: 10px 10px;
	clear: both;
	}

#content-left h3 a:link, #content-left h3 a:visited  { color: #3F8BC3; }	
#content-left h3 a:active, #content-left h3 a:hover  { color: #A76F31; }

 

#content-left h2 {
	color: #814B1B; 
	font-size: 20px; 
	padding: 10px 10px;
	clear: both;
	}
/* @end */



/* !CONTENT-RIGHT */	
#content-right {
	background: #EEEBDC url(../img/bg/content-right-bg.png) top left no-repeat;
	min-height: 360px;
	box-shadow: #D1CDBF 0px -6px 8px;
	-moz-box-shadow: #D1CDBF 0px -6px 8px;
    -webkit-box-shadow: #D1CDBF 0px -6px 8px;
	}
/* @end */



/* !CONTENT-CENTER */	
#content-center h1 { margin: 20px 0 5px 0; }
/* @end */		

/* !QUOTE-STYLES */	
.quote { 
	border-top: 1px solid #E3DFD1;
	background-color: #F7F5EB;  
	padding: 0px; margin: 0px 10px 0 10px; 
	display: block; width: px;
	font-family: Georgia, 'Times New Roman', serif; 
	font-size: 13px; line-height: 140%; 
	font-style: italic; color: #432312;
	box-shadow: #D1CDBF 0px 1px 2px;
	-moz-box-shadow: #D1CDBF 0px 1px 2px;
    -webkit-box-shadow: #D1CDBF 0px 1px 2px;
    -moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	}

.quote p {  
	border-right: 1px solid #E3DFD1;
	border-left: 1px solid #E3DFD1; 
	padding: 15px; margin: 0;
	}	
	
cite { 	
	padding: 0 10px 10px 10px; margin: 0px; 
	display: block;
	font-family: Georgia, 'Times New Roman', serif; 
	font-size: 12px; line-height: 130%; 
	font-style: italic; color: #432312;
	}	
cite span { padding: 0px 0 0 10px; display: block; }	
/* @end */	



/* !BLOG-STYLES*/	
.post-date { padding: 10px 0 0 0; margin: 0; border-top: 1px solid white; text-transform: uppercase; }
.post-title { font-size: 22px; }
.post-title a:link, .post-title a:visited { color: #3D2D1F; }
.post-title a:active, .post-title a:hover { color: #814B1B; }
.post-info { padding: 0 0 10px 0; color: #814B1B; }
.post-info a:link, .post-info a:visited { color: #814B1B; }
.post-info a:active, .post-info a:hover { color: #3D2D1F; }
/* @end */	


/* !WIDGETS */	
.widget  { margin: 0 0 25px 0; list-style: none; }
.widgettitle { padding: 0 0 15px 0; margin: 0; }
.widget .post-title { font-size: 12px; }
.widget ul { list-style-type: none; margin: 5px 0 5px 5px; }
.bthomes p strong 	{ display: block; }
.bthomes p a 		{ color: #000; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #000; }
.bthomes p a:hover 	{ color: #000; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #CCC;}
/* @end */

/* !WIDGETS-TWITTER */	
#twitter-feed p { font-size: 11px; line-height: 130%; padding: 5px; margin: 0; }
#twitter-feed div { font-size: 11px; line-height: 130%; padding: 5px; margin: 0; border: 1px solid #D9D6C6; background-color: #F7F5EB; }
.bttwitter p { font-size: 11px; line-height: 130%; padding: 5px; margin: 0; }
.bttwitter div { font-size: 11px; line-height: 130%; padding: 5px; margin: 0; border: 1px solid #D9D6C6; background-color: #F7F5EB; }
/* @end */

/* !Wrapper for BG */
body#home-section #wrapper 	{ background: transparent url(../img/bg/header-home.jpg) 0px 40px repeat-x; }
body.sub-page #wrapper 	{ background: transparent url(../img/bg/header-sub.jpg) 0px 40px repeat-x; }
/* @end */	


#footer { 
	background: #432311 url(../img/bg/footer-bg.jpg) top left repeat-x; 
	border-top: 1px solid #5D5140;
	-moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
	text-align: right; font-size: 11px;
	}

#footer a:link, #footer a:visited { color: #FCD8AB; }
#footer a:active, #footer a:hover { color: #FFF; }
#footer a { padding: 0 5px; }

#footer .icons { float: left; width: 80px; }
#footer .icons a { padding: 0 3px 0 0; }

/* !Global Contact Bar */
#global-contact-bar div 		{ width: 980px; height: 40px; margin: 0 auto; text-align: right; }
#global-contact-bar span 		{ padding: 0 0 0 0px; line-height: 40px; color: #ECEBE7; }
#global-contact-bar .phone 		{ border-right: 1px dashed #422111; border-left: 1px dashed #422111; padding: 0 10px; margin: 0 10px; }
#global-contact-bar .icons 		{  }
#global-contact-bar a 			{ color: #E1A053; }
/* @end */


/* !Contact Form */
#contact-form-table input { color: #888; font-size: 10px; padding: 2px; margin: 5px 0; }
#contact-form-table textarea { color: #888; font-size: 10px; padding: 2px; margin: 5px 0; }
#contact-form-table select { color: #888; font-size: 12px; padding: 2px; margin: 5px 0; }
#contact-form-table #contact_form_submit { color: #333; font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#contact-form-table label.error { 
	display: inline-block;
	width: 15px; 
	height: 15px;
	background: url(../img/icons/help-icon.png) top left no-repeat; 
}
/* @end */

/* !Resources */
.resource-list { padding: 10px 0 0 0; margin: 0; border-top: 1px solid white; }
.resource-list h3 { font-size: 18px; }
.resource-list h4 { background: url(../img/icons/globe.jpg) top right no-repeat; display: inline-block; line-height: 14px; padding: 1px 22px 5px 0; margin: 5px 0; }
.resource-list h4 a { color: #000; font-size: 13px; font-style: normal; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; border-bottom: 1px solid #000; padding-bottom: 2px; }
.resource-list h4 a:hover { border-bottom: 1px solid #888; }
.resource-list ul { list-style-type: none; margin: 10px 0 13px 13px; }

#resources-login-box {
	background-color: #f6f6f6;
	border: 2px solid #CCC;
	padding: 10px; margin: 0;
	box-shadow: #D1CDBF 0px -2px 4px; 
	-moz-box-shadow: #D1CDBF 0px -2px 4px;
    -webkit-box-shadow: #D1CDBF 0px -2px 4px;
	}

#resources-login-box #resources-box-1 {
	display: inline;
	width: 50%;
	float: left;
	padding: 10px 0; margin: 0;
}

#resources-login-box #resources-box-2 {
	display: inline;
	width: 50%;
	float: right;
	padding: 10px 0; margin: 0;
}

#resources-login-box h3 {
	color: #814B1B; 
	font-size: 16px;
	padding: 0; margin: 0;
	clear: both;
	}
	
/* @end */

/* !Showcase */
.showcase-list { padding: 10px 0 0 0; margin: 0; border-top: 1px solid white; }
.showcase-list h3 { font-size: 18px; }
.showcase-list ul { list-style-type: none; margin: 18px 0 15px 0; }
.showcase-list li { border: 2px solid #B2AFA0; background-color: #DAD7C8; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: inline-block; margin: 0 14px 14px 0; padding: 0; }
.showcase-links li { border: 2px solid #B2AFA0; list-style: circle; display: inline; padding: 5px 10px; margin: 0 0 5px 0; float: left; clear: both; }

/* @end */

/* !Staff */
.staff-list { padding: 15px 0 0 0; margin: 0; border-top: 1px solid white; }
.staff-list .staff-image { float: left; width: 120px; }
.staff-list .staff-image img { border: 2px solid #B2AFA0; background-color: #DAD7C8; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin: 5px 10px 0 0; }
.staff-list .staff-info { float: right; width: 328px; }
.staff-list .staff-info h3 { font-size: 18px; padding: 0 0 6px 0; margin: 0; }
.staff-list .staff-info strong { display: block; font-style: italic; padding: 0 0 4px 0; margin: 0; }
/* @end */

/* !Misc Classes and Styles */
.clear 	{ clear: both; }
.error_message { color: red; }
/* @end */ 


/* !Comment Styles */
.navigation {
	padding: 10px; 
	border: 1px solid #EFEBE3;
	clear: both;
	font-size: 11px; margin: 10px 0;
	font-weight: bold;
	display: none;
	}

.postmetadata {
	padding: 10px; 
	border: 1px solid rgb(221, 221, 221);
	display: block; clear: both; 
	}
	
.postmetadata small { font-size: 10px; line-height: 130%;  }	

.commentlist { list-style-type:  none; margin: 0; padding: 0; }
.commentlist li {margin: 10px 0; }

.comment-body { padding: 20px; }
.avatar { float: right; padding: 10px; }
.comment-meta { font-size: 11px; }
.says { display: none; }
.fn { margin: 0; padding: 0; font-size: 15px; }
.commentmetadata { font-size: 11px; padding: 0 0 15px 0;}