*, h1, h2, h3, h4, h5, p, ul, li, img {
margin:0; 
padding:0; 
border:0; 
font: 100% Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;

}


h1{ font-size:26px; font-weight:bold; font-style:italic}
h2{ color:#FFBD7A; font-size:20px; font-weight:bold; margin-top:10px;}
h3 { color:#FFBD7A; font-size:16px; font-weight:bold; padding-bottom:5px;}
h4{}


a {}
a:hover {}

.floatleft{ float:left;}
.floatright{ float:right; margin-right:30px;}
.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }



p { padding:10px; padding-left:0px;}

body  {
	
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}


.left-container{
	width:790px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-image: url(../assets/page_left.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align:left;
}
.right-container{
	background-image: url(../assets/page_right.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.main-container{
	background-image: url(../assets/page_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:102px;
}


.content{ float:left; padding-top:20px; width:600px; }
.content ul{ list-style:disc; margin-left:20px;}
.strap{ font-size:26px; font-weight:bold; font-style:italic; margin:30px; width:250px; margin-left:60px; color:#000000;}
.buttons{ margin:20px;}

.footer{
	height:104px;
	background-image: url(../assets/page_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footer{ width:770px; margin:auto;}

.

/* top menu*/

.navbar{ background-color:#FFFF00; width:800px; height:26px}
.navbar ul{list-style:none;} 
.navbar li{
margin: 0px;
	size:14px;
	float:left;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 12px;
	background-image: url(../images/bar_pin.jpg);
	background-repeat: no-repeat;
	background-position: right center;
} 
.navbar li a{ 
color: #006600;
text-decoration:none;
font-weight:bold;
display: block;
}
.navbar li a:hover{ color: #CCCCCC;}


/* side menu*/

.menbar{ float:left; width:171px; padding-left:15px; padding-top:20px;}
.menbar ul{list-style:none;} 
.menbar li{
margin: 0px;
	size:14px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 12px;
} 
.menbar li a{
	color: #666666;
	text-decoration:none;
	font-weight:bold;
	display: block;
	border: 1px solid #FFBA75;
	padding:3px;
	background-image: url(../assets/menu_back.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.menbar li a:hover{ color: #CCCCCC; background-image:none; background-color:#FFFF00;}


.callback{ 
margin-top:15px;  
width:149px;
border: 1px solid #FFBA75;
background-image: url(../assets/menu_back.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 5px;
	
	}
	
.callback h2{ margin:3px; font-size:14px; font-weight:bold; color: #666666;}
	
.callinput{ border: 1px solid #FFBA75; width:120px; margin:3px; margin-top:1px; padding:2px;} 
.calllabel{ margin:3px; margin-bottom:0px;}

/* end of side menu*/






.rights_reserved{
	font-size: 10px;
	text-align: right;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/* forms */



.formlabel {
	width:160px;
	float:left;
	clear: left;
	font-size: 14px;	
}

.forminput {

}

input, textarea, select {
border: 1px solid #FFBA75;
font-size:14px;}
.formbutton input {
	width:211px;
	height:44px;
	background-image: url(../images/form-button.jpg);
	background-repeat: no-repeat; text-align:center; border:none; font-size:16px; font-weight:bold;
}


#form div{ padding:7px;}
/* forms */
.error{ color:#FF0000; }
.error-space{ border: 1px solid #FF0000; padding:10px; width:550px;}

/* QUOTE */

.quote-label{ float:left; font-weight:bold; color:#999999; width:150px; padding-top:3px;}
.quote-item{ width:300px;   color:#000000; padding-top:3px; }
.quote-label-total{ float:left; font-weight:bold; color:#999999; width:150px; padding-top:3px; font-size:20px;}
.quote-item-total{ width:300px;   color:#000000; padding-top:3px; font-size:20px; }


.orderformbox{
	background-color: #ffffae;
	background-image: url(../assets/quote-frame-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 557px;
	padding-top:15px;
}

.orderformboxbottom{
	background-image: url(../assets/quote-frame-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:557px;
	height:23px;
	margin-bottom:10px;
}

#order-form .formlabel{ margin-left:10px; margin-top:3px;}
#order-form .forminput{ margin-top:3px; }

.formmaterial{ width:150px; float:left; padding-left:10px; }

.formmaterial label{ width:120px; display:block; float:left; }