body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #e5e5e5;}
.clear { clear: both;}
.push { height: 25px;}
#container { display: block; position: absolute; min-height: 100%; /* this line is for #footerbottom */ width: 100%;}

.wrapper { margin: 0 auto; padding: 0px; width: 90%; max-width: 1200px; min-width: 760px;}
#header { width: 100%; padding: 0px; margin: 0px; background: url(../images/headerbg.png) repeat-x; height: 168px;}
#header img.logo { float: left;}
#header .headertop { height: 106px;}
#navigation { width: 100%; background: url(../images/nvbg.png) repeat-x; height: 62px;}
#lnav{ width: 100%; background: url(../images/lnav.png) no-repeat left; height: 62px;}
#rnav { width: 100%; background: url(../images/rnav.png) no-repeat right; height: 62px;}
#rnav ul { list-style-type: none; float: left; margin: 0px; padding: 24px 0px 0px 0px; font-size: 16px; color: #333; font-weight: normal;}
#rnav ul li { float:left;}
#rnav ul li a { text-decoration: none; color:#999; padding: 0px 20px 0px 20px; margin: 0px 15px 0px 15px;}
#rnav ul li a:hover { color: #CCC;} 
#rnav ul li.navactive a { color: #FFFFFF;}

#glasscontainer { width: 100%; background-color: #FFFFFF;}
#glass { width: 100%; background: url(../images/glassbg.png) repeat-x bottom; padding: 0px; color: #666; }
#lglass { width: 100%; background: url(../images/lglass.png) repeat-y left; }
#rglass { width: 100%; background: url(../images/rglass.png) repeat-y right; }
#bottomglass { width: 100%; background: url(../images/bottomglassbg.png) repeat-x; height: 52px;}
#lbglass { width: 100%; background: url(../images/lbglass.png) no-repeat left; height: 52px;}
#rbglass { width: 100%; background: url(../images/rbglass.png) no-repeat right; height: 52px;}

#content { background-color: #e5e5e5; display: block; /* this line is for #footerbottom */}
#content table.whowhatwhy { width: 90%; margin: 0 auto;}
#content table.whowhatwhy img { margin: 0px 10px 30px 0px;}
#content table.whowhatwhy p { color: #666; line-height: 20px;}
#content table.whowhatwhy td { width: 33%; padding: 10px;}

#footer { width: 100%; height: 20px;}
#footer p { color: #CCCCCC; margin: 0px; padding: 8px 0px 0px 0px; font-size: 12px; text-align: center;}
#footerbottom { width: 100%; background-color: #484848; height: 30px; border-top: 1px solid #929292; margin: 0px 0px 0px 0px;
	position: absolute; display: block; bottom: 0;/* this line is for #footerbottom */}
	
h1 { margin: 75px 0px 0px 0px; float: right; padding: 5px 0px 5px 50px; font-size: 14px; color: #999; background: url(../images/bubble.png) no-repeat left;}
h2 { margin: 0px; padding: 10px 0px 0px 10px; color: #333;}
h3 { color: #666;}

img.glassimg { padding: 2px; border: 1px solid #CCC; float: right; margin: 10px 10px 10px 10px;}
p.slogan { margin: 0px; padding: 0px 0px 0px 10px; color: #ff6c00; font-size: 16px;}
#glass p { padding: 3px 0px 3px 10px; font-size: 16px;}
#glass a { color: #ff6c00; text-decoration: none; border-bottom: 1px dotted #ff6c00; font-size: 11px; }
#glass a:hover { color: #9cc5e9; border-bottom: 1px solid #9cc5e9;}
#glass ul.glassul { margin: 0px; padding: 0px 0px 0px 27px; list-style-type: none; font-size: 16px; line-height: 23px;}
#glass ul.glassul li { list-style-image: url(../images/plus.png);}

table.whowhatwhy { margin: 0px; padding: 0px;}
table.whowhatwhy td { vertical-align: top;}

table.products { width: 100%; margin: 0px; padding: 10px 0px 0px 10px;}
table.products td.imagecell { width: 100px; padding: 3px 10px 3px 0px;}
table.products td.imagecell img { padding: 1px; border: 1px solid #999; margin-bottom: 3px;}
table.products td { vertical-align:top; text-align: left; height: 75px; border-bottom: 1px dotted #999; padding: 3px 0px 3px 0px;}
table.products td:first-line { font-weight: bold; font-size: 14px;}

div.contactleft { width: 75%; float: left;}
div.contactright { width: 25%; float: right;}

div.servicesdiv { width: 45%; padding-bottom: 20px;}
div.servicesdiv p { padding: 0px 0px 0px 10px;}

#contactformbackground {width: 90%;
	padding: 0px 0px 0px 10px;
	/*border-bottom-style: double;
	border-top-style: double;
	border-color: #bd8046;*/
	/*float:left;*/
	margin-bottom: 20px;}
.leftform {float: left; width: 250px;}
.rightform {float: right; width: 250px;}
.bottom {float: left;  width: 100%;
	margin: 0px 0px 0px 0px;}

#glasscontainer>.wrapper>#glass>#lglass>#rglass>.contactleft>p.required {color: #FF0000; font-size: 10px;}
#glasscontainer>.wrapper>#glass>#lglass>#rglass>.contactleft>#contactformbackground>p.required {color: #FF0000; font-size: 10px;}
#glasscontainer>.wrapper>#glass>#lglass>#rglass>.contactleft>h2.required {color: #FF0000;}
#glasscontainer>.wrapper>#glass>#lglass>#rglass>.contactleft>#contactformbackground>h2.required {color: #FF0000;}

form#contactform {margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;
	line-height: 22px; 
	color: #cccccc;}
	
form#contactform label {width: 110px; font-size: 12px; float: left; color: #666;}

form#contactform input.style {font-size: 10px;float: right;
	border: 1px solid #999;
	background: #CCC;
	width: 125px;}
form#contactform select {font-size: 10px;float: right;
	border: 1px solid #999;
	background: #CCC;
	padding: 0px 0px 0px 0px;
	width: 127px;}
form#contactform textarea {font-size: 12px;float: right;
	border: 1px solid #999;
	background: #CCC;
	width: 100%;}
form#contactform input.submit {font-size: 12px; margin: 5px 0px 0px 0px;
	float: left;
	/*border: 1px solid #999;*/
	color: #333;
	width: 75px;
	/*background: #CCC;*/}
form#contactform input.checkbox {float: left; 
	margin: 0px 0px 0px 10px;
	padding: 0px;}