@import url(display.css);


/* ============================= GENERAL ============================= */
body{
	background: url(../images/bg_body.jpg) repeat #fff;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}

#container{
	width:1000px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/bg_content.jpg) repeat-y #000;
}

#header{
	width:1000px;
	height:100px;
	padding:0px;
	background: url(../images/header.jpg) no-repeat;
}

#navigation{
	width:1000px;
	height:50px;
	margin:0px;
	padding:0px;
}

#subNavHome{
	width:1000px;
	text-align: center;
	background-color:#222222;
}

#subNavGallery{
	width:1000px;
}

#subNav{
	width:1000px;
	text-align: center;
	height:26px;
    padding-top: 8px;
	background-color:#111111;
}

#subNav a{
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	}
	
#subNav a:hover{
	font-size: 13px;
	color: #ff6600;
	text-decoration: none;
	font-weight: normal;
	}
	
#content{
	width: 1000px;
	margin: 0px;
	padding: 0px;
    background: url(../images/bg_content.jpg) repeat-y #000;
	color: #000000;
}



/* ============================= HOME PAGE ============================= */

#leftCol{
	width: 350px;
	margin: 0px;
	padding: 20px 20px 10px 20px;
	float: left;

}

#rightCol{
	width: 610px;
	margin:0px;
	padding: 0px;
	float: right;
}


/* ============================= ABOUT ============================= */

#mainAbout{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_about.jpg) repeat #c7a460;
	color: #000000;

}

#mainAbout p{
	color: #000000;

}


/* ============================= PRODUCTS ============================= */

#mainProducts{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_products.jpg) repeat #6f4c36;
	color: #000000;

}

#mainProducts h1{
	color: #ffffff;
}

#mainProducts ul{
	color: #ffffff;
}

#mainProducts ul li{
	color: #ffffff;
}

/* ============================= MAIN CONTACT ============================= */

#mainContact{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_contacts.jpg) repeat #6f4c36;
	color: #000000;

}

#mainContact p{
	color: #000000;
}

#mainContact h1{
	color: #000000;
}

#mainContact h2{
	color: #444444;
}

#mainContact a{
	color: #cc3300;
}

#mainContact a:hover{
	color: #ff6600;
}

/* ============================= MAIN FAQ ============================= */

#mainFAQ{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_faq.jpg) repeat #140d09;
	color: ffffff;

}

#mainFAQ p{
	color: #ffffff;
}

#mainFAQ h1{
	color: #ffffff;
}

#mainFAQ ul{
	color: #ffffff;
}

#mainFAQ ul li{
	color: #ffffff;
}

/* ============================= MAIN FAQ ============================= */

#mainLinks{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_products.jpg) repeat #140d09;
	color: ffffff;

}

#mainLinks p{
	color: #ffffff;
}

#mainLinks h1{
	color: #ffffff;
}

#mainLinks h2{
	color: #666666;
}

#mainLinks ul{
	color: #ffffff;
}

#mainLinks ul li{
	color: #ffffff;
}



/* ============================= MAINTESTIMONIALS ============================= */

#mainTestimonials{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_testimonials.jpg) repeat #b9835b;
	color: #000000;

}

#mainTestimonials p{
	color: #000000;
}

#mainTestimonials h1{
	color: #000000;
}

#mainTestimonials h2{
	color: #333333;
}

#mainTestimonials a{
	color: #cc3300;
}

#mainTestimonials a:hover{
	color: #ff6600;
}


/* ============================= MAINTESTIMONIALS ============================= */

#mainServices{
	width: 940px;
	margin: 0px;
	padding: 40px 30px 10px 30px;
	background: url(../images/bg_services2.jpg) repeat #b9835b;
	color: #000000;

}

#mainServices p{
	color: #000000;
}

#mainServices h1{
	color: #000000;
}

#mainServices h2{
	color: #333333;
}

#mainServices a{
	color: #cc3300;
}

#mainServices a:hover{
	color: #ff6600;
}


/* ============================= FOOTER  ============================= */


#footer{
	width: 985px;
	padding: 8px 5px 5px 10px;
	height:17px;
	background: url(../images/bg_footer.png) no-repeat #111111;
	margin: 0px auto;
	color: #666;
	font-size: 11px;
}


/* ============================= FORMS  ============================= */

.labelForm{
	float: left;
	width: 130px;
	text-align: right;
	padding: 7px 5px 0px 5px;
	
}

.labelFormAdvanced{
	float: left;
	width: 220px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	
}





.formResults{
	font-size: 11px;
	padding-left: 5px;
	padding-right: 2px;
	
}


/* ============================= CLEAR  ============================= */

div.clear {
	clear: both;
	margin: 0px;
	visibility: hidden;
	height: 0px;

}
div.clear hr {
	display: none;
}