@charset "utf-8";
/* CSS Document */
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}
/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body{background:url(../i/Background.png) repeat #efe9da; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px;}

/* Link Settings */
a:link{color: #c44c31; text-decoration: none;}
a:visited{color: #666666;}
a:hover{color: #666666;}

/* Headings */
h1{background-color: #cf0b00; color: #fefae4; font-size: 16px; padding: 8px 0px 8px 8px; margin: -3px -20px 10px -20px;}
h2{color: #095e7a; font-size: 18px; padding: 0px; margin: 15px 0px 5px 0px;}

/* Main Site Containers */
#container{margin: 10px auto 20px auto; width:960px; position: relative; background:url(../i/Logo2.png) no-repeat;}
#phone{width:620px; position: absolute; background: url(../i/Phone3.png) no-repeat; right: 0px; top: 0px; height: 75px;}
#headerContainer{position: relative; height: 385px;}
#footerContainer{margin: 8px auto 0px auto; width: 960px; padding: 0px 0px 8px 0px; text-align: center; color: #ebe4d3; font-size: 11px; line-height: 14px;}

#contentContainer{position: relative; margin: 10px 0px 0px 5px; width: 960px; padding: 0px; background:url(../i/backgroundVTile18.png) repeat-y;}
#content{width: 856px; text-align: justify; background-color: #dce1e7; margin: 0px 0px 0px 28px; padding: 15px;}

#navContainer{width:408px; margin:0; padding:0; position: absolute; left: 5px; height: 320px; top: 75px; background:url(../i/navUp6.png) no-repeat;}
#navigation{margin:60px 0px 0px 10px; padding:0;}
#navigation li span { display: none; }
#navigation li {float:left; list-style:none; position:relative; }
#navigation li, #navigation a {   
    /* Each button must have the same height, define it here */ display:block; margin:0; padding:0;}

li#navHome a{width:408px; height:59px;}
li#navServices a{width:408px; height:50px;}
li#navProducts a{width:408px; height:51px;}
li#navContact a{width:408px; height:61px;}

#navHome a:hover { background:url("../i/navOver6.png") -10px -60px no-repeat;}
#navServices a:hover { background:url("../i/navOver6.png") -10px -119px no-repeat;}
#navProducts a:hover { background:url("../i/navOver6.png") -10px -169px no-repeat;}
#navContact a:hover { background:url("../i/navOver6.png") -10px -220px no-repeat;}

#splashImage{width:523px; margin:0; padding:0; position: absolute; right: 24px; top: 75px; height: 320px;}
.mapContainer{border: 1px solid #7a6958; width:400px; height: 300px; margin-bottom: 5px; overflow: hidden;}

.column{float: left; width: 200px; font-size: 13px;}

/* Lists */
.copyList{margin: 10px 0px 10px 0px;}
.copyList li {list-style-type: disc; font-size: 13px; margin: 0px 0px 0px 45px; line-height: 18px;}

.productList{margin: 10px 0px 10px 0px;}
.productList li {list-style-type: disc; font-size: 13px; margin: 0px 0px 0px 15px; line-height: 18px;}

/*Form */
.form{position: relative; width: 450px; margin: 0px auto;}
.row{clear: left; padding: 6px; font-weight: bold; font-size: 13px;}
label{float: left; width: 135px; text-align: right; margin-right: 5px; padding-top: 3px;}
.txtbx{float: left; width:203px; border: 1px solid #7a6958; padding: 3px;}
.txtbxR{float: left; width:200px; border: 1px solid #7a6958; padding: 3px; border-right: 4px solid #CC0000;}
.ddl{float:left; width:205px; border: 1px solid #7a6958;}
.ddlR{float:left; width:75px; border: 1px solid #7a6958; border-right: 4px solid #CC0000;}
.validation{float:left; color:Red}
.txtarea{width:440px; height: 100px;}
.chkLabel{float:none;}

.picIdentify{float: left; width: 145px; text-align: center; margin-bottom: 5px;}
.picIdentify img{margin: 6px; border: 1px solid #FFFFFF;}

/*Misc */
.clear{margin:0px; padding: 0px; clear: both; height: 0px;}
.center{text-align: center;}
.italic{text-align: center; font-style: italic; padding: 0px 70px 0px 40px; margin: 15px 0px 15px 0px; font-size: 13px; line-height: 16px; font-weight:bold;}
hr.thin{height: 1px; border: 0px; color: #67573e; background-color: #7a6958;}
.smallText{font-size: 12px; line-height: 15px;}
.floatR{float: right; position: relative; margin: 0px 0px 0px 15px;}
.floatL{float: left; position: relative; margin: 0px 15px 0px 0px;}