/* Main */

body {
	margin-top:100px;
	padding: 0;
	background: #ffffff url(images/bg.jpg) repeat-x ;
	font-size: 14px;
	color: #333;
}

#top{background:url() repeat-x; height:14px;width:100%;}

body, th, td, input, textarea, select, option {
	text-transform: none;
	font-family: "Arial";
	font-size: 12px;
}

h1{
	font-size: 20pt;
	color: #333333;
	text-transform:none;
	letter-spacing: -1.5px;
	line-height:87%;
	font-weight:normal;
	font-family: "Arial";
}

h2 {
	font-size: 14pt;
	color:#333;
	text-transform:none;
	letter-spacing: -1px;
	line-height:100%;
}

h3 {
	font-size: 20pt;
	color: #000000;
	text-transform:none;
	letter-spacing: -2px;
	line-height:132%;
}


p {
	line-height: 150%;font-family: "Arial";font-size:13px;
}


a {
	color: #034A03;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	font-weight:bold;
	color: #034A03;
	text-decoration: underline;
}

a:focus {-moz-outline-style: none;}

.frontpagelinks a {
	color: #AF7817;
	text-decoration: none;
	font-weight:bold;
}

.frontpagelinks a:hover {
	font-weight:bold;
	color: #AF7817;
	text-decoration: underline;
}

/* Header */

#header {
	width: 850px;
	height: 73px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* Page */

#page {
	width: 850px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: #ffffff;
	}

/* Menu */

#menu { height: 27px; width: 850px;margin-top: 1px; text-align:left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}
.menu { height: 27px; width: 850px;margin-top:1px; text-align:left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}
#menu a { display: block; height: 27px;text-decoration: none; float:left;}

.C_navLink1 { width: 64px; background: url(images/home.jpg) no-repeat; }
.C_navLink1:hover { background: url(images/homeOn.jpg) no-repeat; text-decoration: none; }
.C_navLink1active { width: 64px; background: url(images/homeOn.jpg) no-repeat; text-decoration: none; }

.C_navLink2 { width: 80px; background: url(images/aboutus.jpg) no-repeat; }
.C_navLink2:hover { background: url(images/aboutusOn.jpg) no-repeat; text-decoration: none; }
.C_navLink2active { width: 80px; background: url(images/aboutusOn.jpg) no-repeat; text-decoration: none; }

.C_navLink3 { width: 78px; background: url(images/services.jpg) no-repeat; }
.C_navLink3:hover { background: url(images/servicesOn.jpg) no-repeat; text-decoration: none; }
.C_navLink3active { width: 78px; background: url(images/servicesOn.jpg) no-repeat; text-decoration: none; }

.C_navLink4 { width: 74px; background: url(images/projects.jpg) no-repeat; }
.C_navLink4:hover { background: url(images/projectsOn.jpg) no-repeat; text-decoration: none; }
.C_navLink4active { width: 74px; background: url(images/projectsOn.jpg) no-repeat; text-decoration: none; }

.C_navLink5 { width: 65px; background: url(images/prices.jpg) no-repeat; }
.C_navLink5:hover { background: url(images/pricesOn.jpg) no-repeat; text-decoration: none; }
.C_navLink5active { width: 65px; background: url(images/pricesOn.jpg) no-repeat; text-decoration: none; }

.C_navLink6 { width: 81px; background: url(images/suppliers.jpg) no-repeat; }
.C_navLink6:hover { background: url(images/suppliersOn.jpg) no-repeat; text-decoration: none; }
.C_navLink6active { width: 81px; background: url(images/suppliersOn.jpg) no-repeat; text-decoration: none; }

.C_navLink7 { width: 55px; background: url(images/faq.jpg) no-repeat; }
.C_navLink7:hover { background: url(images/faqOn.jpg) no-repeat; text-decoration: none; }
.C_navLink7active { width: 55px; background: url(images/faqOn.jpg) no-repeat; text-decoration: none; }

.C_navLink8 { width: 88px; background: url(images/contactus.jpg) no-repeat; }
.C_navLink8:hover { background: url(images/contactusOn.jpg) no-repeat; text-decoration: none; }
.C_navLink8active { width: 88px; background: url(images/contactusOn.jpg) no-repeat; text-decoration: none; }



/* Content */

#content {
	float: left;
	width: 803px;
	height: auto;
	margin-top:-3px;	
	margin-bottom:-17px;
	padding: 20px 20px 20px 25px;
	background: #fff ;
	border-left: 1px solid #034A03;		
	border-right: 1px solid #034A03;		
}


/* Footer */

#footer {
color:#333333;
	font-size:12px;
}

#footer a {
color:#333333;
	font-size:12px;
}

#footer a:hover {
color:#333333; text-decoration:underline;	font-size:12px;
}

#footer {
background:url(images/footer.jpg) repeat-x center top;
	clear: both;
	width: auto;
	height: 90px;
	text-align: left;
	line-height:150%;
	font-size:12px;
	color: #333333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 0px;
}

/* Contact Form */

#contact-wrapper {
width : 540px;
padding-left : 20px;
padding-bottom : 20px;
padding-right : 0;
color : #666;
}
#contact-wrapper div {
clear : both;
margin : 1em 0;
}
#contact-wrapper label {
display : block;
float : none;
font-size : 16px;
width : auto;
}
form#contactform input {
border-color : #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7;
border-style : solid;
border-width : 1px;
padding : 5px;
font-size : 16px;
color : #333;
}
form#contactform textarea {
font-family : Arial, Tahoma, Helvetica, sans-serif;
font-size : 100%;
padding : 0.6em 0.5em 0.7em;
border-color : #b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7;
border-style : solid;
border-width : 1px;
}
#form {
color : #666;
}

img.fancybox a {
	border: 1px solid #000;
}

img.fancybox a:hover {
	border: 1px solid #fff;
}

ul.tabs {
	display:block;
	height: auto; /*--Set height of tabs--*/
	border-bottom:1px solid #ccc;
	padding:1px 1px 1px 0px;
	width:795px;
}
ul.tabs li {
	height: auto; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 30px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	overflow: hidden;
	position: relative;
	display:inline;
	padding:10px;
}
ul.tabs li a {
	text-decoration: none;
	display: inline;
	outline: none;
}

ul.tabs_connected {
	display:inline;
	width:auto;
	margin: 0 auto;
	float:right;
}
ul.tabs_connected li {
	border-left: none;
	overflow: hidden;
}
ul.tabs_connected li a {
	text-decoration: none;
	display: inline;
	outline: none;
	float:right;
}
.tab_container {
	border: 0px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
}
.tab_content {
	padding:20px 40px 20px 40px;
	font-size: 1.2em;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { 
	background: #ccc;
	font-weight:bold;
}