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

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

/* @group Body */

body {	
	background: #4B5C54 url(../img/bg/main-bg.png) top left repeat-x;
	margin: 0; padding: 0 0 60px 0;	
	}

/* @end */
				
/* @group Header Styles */


#grid-header-logo a {
	background: transparent url(../img/logo/logo.png) no-repeat left top;
	display: block; float: left;
	width: 146px; 	height: 108px;
	margin: 0 0 0 0px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	
	}

#grid-header-phone { display: block; float: left; width: 340px; margin: 35px 0 0 0; font-size: 14px; font-weight: bold; color: white; text-align: center; }
	#grid-header-phone span	{ display: block; clear: both; font-size: 11px; }

#grid-header-info 		{ display: block; float: left;width: 145px; height: 106px; margin: 0 0 0 20px; padding: 0 0 0 40px; background: transparent url(../img/misc/request-info-icon.png) 0% 50% no-repeat; }
#grid-header-contact	{ display: block; float: left;width: 125px; height: 106px; padding: 0 0 0 40px; background: transparent url(../img/misc/contact-bill-icon.png) 0% 50% no-repeat; }

#grid-header-info a, #grid-header-contact a { color: white; font-size: 14px; line-height: 106px; font-weight: bold; text-decoration: none; }
#grid-header-info a:hover, #grid-header-contact a:hover { color: #FFCC20; }
/* @end */
	

/* @group Navigation */

#main-nav {
	background: #393630 url(../img/bg/main-nav.png) top left repeat-x; 
	width: 900px; height: 44px; 
	overflow: hidden;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;	
	}

#main-nav a, #main-nav ul, #main-nav li {
	font-size: 12px; line-height: 44px; font-weight: bold; text-transform: uppercase; 
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	}

#main-nav a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0; padding: 0 25px; 
	width: auto; height: 44px;
	overflow: hidden;
	border-right: 0px solid #70C22E;
	}

#main-nav a:link, #main-nav a:visited 	{ color: #FFF;  }
#main-nav a:active, #main-nav a:hover 	{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #FFCC20; }

#main-nav ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}

#main-nav ul li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	}	
 
body#home-section #nav-one a 		{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #ABB90A; }
body#listing-section #nav-two a 	{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #ABB90A; }
body#about-section #nav-four a 	{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #ABB90A; }
body#services-section #nav-three a 	{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #ABB90A; }
body#events-section #nav-five a 	{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #ABB90A; }
body#contact-section #nav-six a 	{ background:transparent url(../img/bg/main-nav-hover.png) 50% 0% no-repeat; color: #ABB90A; }

#sub-nav { list-style-type; none; margin: 0; padding: 0; }
#sub-nav li { display: block; clear: both; background: white url(../img/bg/sub-nav.jpg) top left no-repeat; width: 170px; height: 36px; line-height: 36px; text-align: left; }
#sub-nav li:hover { background-image: none; background-color: white; }
#sub-nav a { padding: 0 0 0px 25px; margin: 0; font-size: 11px; font-weight: bold; }

/* @end */

/* @group Body Style */

#body 	{ 
	background: white url(../img/bg/body-bg.png) bottom left repeat-x;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px; 
	
	}

#body-header {
	background: white url(../img/bg/header-bg.jpg) top left no-repeat; 
	width: 900px; height: 233px;
	}


/* @end */


/* @group Home Page Style */

#fp-col-one { 
	width: 570px; height: auto;
	margin: 0 0 0 20px; padding: 0 0 10px 0;
	float: left;  
	}
	
#fp-col-two { 
	width: 280px; height: auto;
	margin: 0 20px 0 0; padding: 20px 0 10px 0;
	float: right; 
	}

#featured-listing {
	background-color: #EDEDED; 
	padding: 10px; margin: 10px 0; font-weight: bold; 
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px; 
	}


#featured-listing p.border-top { margin: 10px 0 0 0; padding: 5px 0 0 0; clear: both; border-top: 0px dotted #4B5C54;  }

#featured-listing img { padding: 5px 0; }	
#featured-listing img.listing-photo { float: left; padding: 2px; border: 1px solid #CBCBCB; margin: 0 10px 0 0;  }	

/* @end */


/* @group Sub Page Style */

#sub-col-one { 
	width: 180px; height: auto;
	margin: 0 0 0 10px; padding: 38px 0 10px 0;
	float: left;  
	}
	
#sub-col-two { 
	width: 640px; height: auto;
	margin: 0 20px 0 5px; padding: 30px 0 10px 0;
	float: left; 
	}

	#services-table   							{ border-top:1px solid #ddd; border-right:1px solid #ddd; width: 555px; margin: 10px 0; }
	#services-table td, #services-table th   	{ padding:0 0px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;  }
	#services-table th      					{ font-weight:bold; background-color: #99CC33; color: white; font-size: 14px; text-align: left; padding: 5px 0 10px 5px;  }
	#services-table td 							{ padding: 0 10px; }
	
	#services-table p { font-size: 12px; }	

/* @end */


/* @group Event Style */

	h3.border-top { border-top: 1px dotted #c4c4c4; margin: 10px 0 0 0; padding: 5px 0; }
	h3.border-top+p { margin: 0; padding: 0px 0 5px 0;}
	
/* @end */

/* @group Inventory Style */

	#search-box { 
		background-color: #ABB90A; 
		padding: 5px 0px 5px 30px; 
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		}
	
	.search-field { width: 500px; }
	
	#listing-table 	{ margin: 10px 0; }
	#listing-table thead { background-color: #666666; }
	#listing-table thead th {color: white; padding: 10px 0; text-align: left; font-weight: bold; }
	#listing-table tbody td 	{ padding: 5px 0; border-bottom: 1px dotted #666; }
	
	#listing-detail-table 	{ margin: 10px 0; }
	
	#listing-photo img { border: 1px solid #666; padding: 4px;   }
	
/* @end */


/* @group Contact / Info Form Style */

	#form 		{ margin: 20px 0; padding: 20px 0 10px 0px; color: #727272; border: 1px dotted #E2E2E2; width: 100%; }
	#form td 	{ padding: 0 0 0 60px; }
	#form tr td table tr td { margin: 0; padding: 0; }
	#form label { display: block; clear: both; font-weight: bold; color: #727272; font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 5px 0 0 0; }

/* @end */

/* @group Footer Style */

#footer { clear: both; width: 900px; height: 80px; margin: 0; }
	
#footer-one, 
#footer-two, 
#footer-three, 
#footer-four { 
	background: transparent url(../img/bg/footer-edge.png) top right repeat-y; 
	float: left; width: 175px; height: 60px; margin: 0; padding: 15px 10px 0 40px; 
	}

#footer-one 			{  color: #727272; font-size: 12px; font-weight: bold; }
	#footer-one span 	{ display: block; clear: both; font-size: 19px; font-weight: normal; padding: 5px 0 0 0; }

#footer-two 			{  color: #727272; font-size: 12px; font-weight: bold; }
	#footer-two span 	{ display: block; clear: both; font-size: 11px; font-weight: bold; padding: 0px 0 0 0; }
	#footer-two a 		{ color: #8B8B8B; }

#footer-three 			{  color: #727272; font-size: 11px; font-weight: bold; }

#footer-four 			{  color: #727272; font-size: 12px; font-weight: bold; }
	#footer-four span 	{ display: block; clear: both; font-size: 11px; font-weight: bold; padding: 0px 0 0 0; }
	#footer-four a 		{ color: #8B8B8B; }

#footer-three	{ }

#footer-four { background-image: none;}

/* @end */

/* @group Misc Classes and Styles */

#form label.error { color: red; text-transform: none; padding: 0 0 10px 0; margin: 0; }
.clear 	{ clear: both; }

/* @end */