/* -----------------------------------------------------------------------------------------*/

/* ---------->>> 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: 696px;}



#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: 5px; }

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;}