/* -----------------------------------------------------------------------------------------*/
/* ---------->>> CSS Document <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Global CSS V 1.0 (Screen)  ----- */
/* -- (c) 2008 www.element115desgin.com ---------- */
/* -- Created by: Cyle Olson --------- */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table of Contents <<<------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Universal Elements ------ */
/* -- Layout Elements --------- */
/* -- Table Elements ---------- */
/* -- Form Elements ----------- */
/* -- List Items -------------- */
/* -- Menu Navigation  -------- */
/* -- Typography -------------- */
/* -- Links ------------------- */
/* -- Graphic Buttons --------- */
/* -- Image Styles ------------ */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Universal Elements <<<-----------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

html{height: 100%;}

body{
	font: normal 62.8%/1.6 Arial, Helvetica, sans-serif;
	background: #94896d url(../img/layout/bg_index.jpg) repeat;
	height: 100%;}

.hidden{display: none;}
.half{width: 50%; margin: 0px;}
.left{display: block; float: left; margin: 0px 10px 10px 0px;}
.right{display: block; float: right; margin: 0px 0px 10px 10px;}
.center{display: block; position: relative; margin: 0px auto 10px auto;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Layout Elements <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Container --------------- */

#container_all{
	background: #211803 url(../img/layout/bg_container.jpg) repeat;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0px auto 0px auto;
	position: relative; 
	width: 800px;}

#container_bg{
	background: #95876d url(../img/layout/bg_index.jpg) repeat;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width: 100%;}
#container_index{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	position: relative; 
	width: 800px;}

	
	
/* -- Bannners ------------------ */

#banner{
	background-color:#000000;
	height: 810px;
	margin: 10px auto 10px;
	padding: 15px 40px 15px;
	width: 540px;}
#zebra_home {
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px;
	width: 180px; float:right; margin-left: 15px;}
#banner_home{
	background: url(../img/layout/banner_home.jpg) no-repeat;
	height: 216px;
	width: 800px;}
#banner_photo{
	background: url(../img/layout/banner_photo.jpg) no-repeat;
	height: 216px;
	width: 800px;}
#banner_services{
	background: url(../img/layout/banner_services.jpg) no-repeat;
	height: 216px;
	width: 800px;}
#banner_services_clean{
	background: url(../img/layout/banner_services_clean.jpg) no-repeat;
	height: 216px;
	width: 800px;}
#banner_about{
	background: url(../img/layout/banner_about.jpg) no-repeat;
	height: 216px;
	width: 800px;}
#banner_contact{
	background: url(../img/layout/banner_contact.jpg) no-repeat;
	height: 216px;
	width: 800px;}
#banner_references{
	background: url(../img/layout/banner_references.jpg) no-repeat;
	height: 216px;
	width: 800px;}
	
/* -- Area Shape Logo --------- */

#logo a, #logo a:hover{
	display: block;	
	float: left;
	height: 80px;
	margin: 130px 0px 0px 20px;
	width: 385px;}
	
	
/* -- Navigation -------------- */



	
/* -- Content ----------------- */
	
#content{  
padding: 25px 50px 95px 50px;
width: 700px;}


		
/* -- Footer ------------------ */
	
#footer{
	background: url(../img/layout/bg_footer.jpg) no-repeat top;
	padding: 40px 0px 10px 0px;
	position:absolute;
	bottom: 0; /* stick to bottom */
	text-align: center;
	width: 800px;}
#container_index #footer{
	background: none;
	padding: 0px 0px 10px 0px;
	position: relative;
	text-align: center;
	width: 800px;}
#skipintro {
	display: block;}

/* -- Clear Fix --------------- */

.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 */


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Table Elements <<<---------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

#content table.boarders{
	background: #120e01;
	border-color: #281c0b;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	position: relative;
	margin-bottom: 25px;
	width: 698px;}
#content table.boarders td{
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px 0px 0px 1px;}
	
#content table{
	color: #c8b78c;
	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 25px;
	position: relative;
	width: 700px;}
#content th {
	background: none;
	font-size: 14px;
	padding: 1px 5px 1px 5px;}
#content td {
	vertical-align:top;
	padding: 6px 2px 6px 2px;}
	
#content th.t-left, #content td.t-left {text-align:left;}
#content th.t-right, #content td.t-right {text-align:right;}
#content th.t-center, #content td.t-center {text-align:center;}

#content table.references td {
	vertical-align:top;
	text-align:center;
	padding: 15px 2px 15px 2px;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Form Elements <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/


label{ float: left; width: 100px;}





form {
	font: normal 13px/20px Georgia, "Times New Roman", Times, serif; 
	color: #c8b78c;}
input {
	background-color: #070500; 
	border: 1px solid #281c0b; 
	color: #8f7228;
	font: normal 11px/20px Georgia, "Times New Roman", Times, serif; 
	padding: 4px; 
	margin: 0px 8px 0px 1px;}
textarea {
	overflow: auto; 
	background-color: #070500; 
	border: 1px solid #281c0b; 
	font: normal 11px/20px Georgia, "Times New Roman", Times, serif; 
	color: #8f7228; 
	padding: 5px;
	margin: 4px 8px 0px 1px;}

.button:hover { cursor:pointer; background-color: #252013; }

/* classes for validator.js */
.tfvHighlight {color:#FF0000;}
.tfvNormal {color:#c8b78c;}
.inputHighlighted {color: #FF0000;}
.inputNormal {color: #c8b78c;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> List Items <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

ul li {list-style: disc;}
ul li ul li {list-style: circle; font-size:13px;}
ul li ul li ul li {list-style: square; font-size:13px;}

ol li {list-style: decimal;}
ol li ol li {list-style: lower-alpha; font-size:13px;}
ol li ol li ol li {list-style: lower-roman; font-size:13px;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Menu Navigation <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* ----- navigation (dropdown) ----- */


#nav_top{
	height: 29px;
	width: 800px;}
	
#nav_border {
	border: solid #57544d 2px;
	width: 696px;
	margin: 0px 50px 0px 50px;
	height: 25px;}

#nav li:hover, #nav li.hover {
    position: static;}
		
#nav {
	float: left;
	height: 25px;
	width: 595px;}

#nav ul {
	float: left;
	background: url(../img/layout/bg_menu_box.png); 
	padding: 0 0px 2px 0px;
	border: solid #281c0b;
	border-width: 1px 1px 1px 1px;
	margin: 0;}

#nav li {
	font: bold 13px/25px Georgia, "Times New Roman", Times, serif;
	float: left;
	padding: 0;
	list-style: none;
	width: auto;}
	
#nav li a {
	display: block;
	color: #8a7f63;
	text-decoration: none;
	padding: 0px 10px 0px 10px;}
#nav li a:hover {color: #9d7b29}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 226px;
	w\idth: 226px;
	margin: 0;
	z-index: 100;
	padding-top: 3px;}

#nav li ul li {
	font: bold 11px/18px Georgia, "Times New Roman", Times, serif;
	width: 226px;
	w\idth: 226px;}

#nav li ul li a {
	padding: 1px 5px 1px 5px;
	margin: 0px 3px 2px 3px;
	color: #857242; 
	border: none;
	background:none;}
	
#nav li ul li a:hover {color: #8f7228; background: url(../img/layout/bg_menu_over.png); }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;}

#nav li.filler{
	width:auto;}

	
	


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Typography <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Vertical Spacing -------- */

li, dt, dd, p { font-size: 12px; }
ul, ol, dl { margin-bottom: 20px; margin-left: 40px; }
p { margin-bottom: 21px;}


/* -- Paragraphs -------------- */ 

#content p{
	color: #c8b78c;
	font: normal 13px/24px Georgia, "Times New Roman", Times, serif;}

#footer p{
	color: #453e2c;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;}
	


/* -- Styles -------------- */ 

strong {font-weight:bold; color:#000000;}

.hr{
	border-width: 2px 0px 0px 0px;
	border-color:#e5e5e5;
	border-style: solid;
	text-align: center;
	padding: 0px;
	margin: 0px 5px 10px 5px;}

/* -- Headings ---------------- */

h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px; 
	color:#c8b78c;	
	font-weight: bold;
	margin: 0px 0px 10px 0px;}
h2{
	font: normal 24px/36px Georgia, "Times New Roman", Times, serif;
	color:#c8b78c;
	margin: 0px 0px 10px 0px;}
h3{
	font: normal 18px/28px Georgia, "Times New Roman", Times, serif;
	color:#c8b78c;
	text-decoration:underline;
	margin: 15px 0px 10px 0px;}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:block;background:url(../img/home-tri-feature-top.gif);
	font-size: 14px; color:#ffffff; font-weight:bold;
	text-align: center;
	line-height:27px;}
	
/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Links <<<------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

/* -- Content ----------------- */

#content a:link,#content a:visited {
	text-decoration: underline;
	color: #9d7b29;
	font-weight: bold;}	
#content a:hover {
	text-decoration: underline;
	color: #ba9c53;}	
#content a:active {
	text-decoration: underline;
	color: #9d7b29;}

/* -- Images ----------------- */
	
#content a:link img, #content a:visited img {
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	text-decoration: none;}	
#content a:hover img {
	border-color: #ba9c53;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	text-decoration: none;}	
#content a:active img{
	border-color: #2f1f00;
	border-style: solid;
	border-width: 3px;
	padding: 0px;
	text-decoration: none;}
	
/* -- Table ----------------- */

#content table a:link,#content table a:visited {
	text-decoration: underline;
	color: #9d7b29;
	font-weight: bold;}	
#content table a:hover {
	text-decoration: underline;
	color: #ba9c53;}
#content table a:active {
	text-decoration: underline;
	color: #9d7b29;}
	

/* -- Skip Intro ------------------ */

#skipintro a {
	font: bold 18px/20px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;}
#skipintro a:link, #skipintro a:visited {
	text-decoration: none;
	color: #453e2c;}
#skipintro a:hover {
	text-decoration: underline;
	color: #453e2c;}
#skipintro a:active {
	text-decoration: none;
	color: #453e2c;}
	
	
/* -- Footer ------------------ */

#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #453e2c;}
#footer a:hover {
	text-decoration: underline;
	color: #7c7154;}
#footer a:active {
	text-decoration: underline;
	color: #453e2c;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Graphic Buttons <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/





/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Image Styles <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
/* --215px max width for 3 column --*/
/* --157px max width for 4 column --*/
img {
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px;}
.lv_Container img {
	background: none;
	border: none;
	padding: 0;
	margin: 0;}
		
.img2px {
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px;}
.img4px {
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	margin: 0px;}	
	
.img2pxleft{display: block; float: left; margin: 0px 10px 10px 0px;
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px;}
.img2pxright{display: block; float: right; margin: 0px 0px 10px 10px;
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
	margin: 0px;}
.img4pxleft{display: block; float: left; margin: 0px 10px 10px 0px;
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	margin: 0px;}
.img4pxright{display: block; float: right; margin: 0px 0px 10px 10px;
	background: none;
	border-color: #281c0b;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	margin: 0px;}