@charset "utf-8";
/* CSS Document */
html, body{
height: 100%;
margin: 0;
padding: 0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

h3 {
margin: 0;
padding: 0;
}

html #footer {
text-align: center;
margin-top:40px;
margin-bottom:10px;
}

#container{
position: absolute;
left: 50%;
margin-left: -400px;
margin-bottom: -50px;
width:800px;
min-height: 100%;
}

#logo, #logo a, #logo a:visited, #logo a:hover{
display:block;
background:url(../images/logo1.png) no-repeat;
width:800px;
height:110px;
}

#logo{
display:block;
text-indent: -9999px;
margin-bottom: 10px;
}

#nav{
padding: 0;
/*background-color: #559cbe;*/
width:130px;
float: left;
}

#products{
display:block;
background:url(../images/products.png) no-repeat;
width:127px;
height:17px;
margin-top:5px;
}

#showroom{
display:block;
background:url(../images/showroom.png) no-repeat;
width:127px;
height:17px;
margin-top:5px;
}

#directions{
display:block;
background:url(../images/directions.png) no-repeat;
width:127px;
height:17px;
margin-top:5px;
}

#contact{
display:block;
background:url(../images/contact.png) no-repeat;
width:127px;
height:17px;
margin-top:5px;
}

.link a, .link a:visited{
display:block;
width:140px;
height:16px;
}

.link a:hover{
display:block;
background:url(../images/over.png) no-repeat center left;
text-indent: 10px;
width:140px;
height:16px;
}

.link {
height: 16px;
width:140px;
font-weight: bold;
display: block;
margin-top:5px;
margin-left:5px;
}

.sub a, .sub a:visited{
display:block;
width:100px;
height:16px;
}

.sub a:hover{
display:block;
background:url(../images/over.png) no-repeat center left;
text-indent: 10px;
width:100px;
height:16px;
}

.sub {
height: 16px;
font-weight: bold;
display:block;
margin-top:5px;
margin-left:15px;
}

#pic{
display:block;
margin-top:5px;
width: 659px;
height:162px;
float:right;
}

#infopic{
max-height: 337px;
max-width: 300px;
margin-right: 10px;
float: left;
overflow: hidden;
}

#info{
width: 290px;
height: 162px;
float:right;
margin-right: 20px;
text-align: justify;
}

#main{
display:block;
min-height: 100%;
height: 100%;
width:659px;
float:right;
margin-bottom: 40px;
}

#bar{
width: 659px;
height: 33px;
display: block;
float: right;
background:url(../images/blueBar.png) repeat-x;
margin-top: 10px;
}

#barinfo{
width: 659px;
height: 33px;
display: block;
float: right;
background:url(../images/blueBar.png) repeat-x;
margin-top: 5px;
}

#text{
color:#FFFFFF;
margin-left: 20px;
position:relative;
top:12px;
}

#product{
min-height: 100%;
height: 100%;
position:relative;
width: 650px;
top: 10px;
*top: 0;
text-align: center;
}

#proTable {
margin-top: 200px;
*margin-top:0;
margin-left: 10px;
*margin-left: 0px;
width: 620PX;
}

#productinfo{
min-height: 100%;
height: 100%;
position:relative;
width: 630px;
left: 20px;
top: 30px;
_left: 70px;
text-align: left;
}

#mail {
display: block;
min-height: 100%;
height: 100%;
position:relative;
width: 630px;
left: 30px;
top: 30px;
_left: 70px;
text-align: left;
}

.proImg{
width: 195px;
padding: 10px;
text-align: center;
}

.proThumb{
max-width: 178px;
max-height: 200px;
}

#secImg{
max-width: 284px;
max-height: 153px;
}

.galImg{
text-align: left;
width: 280px;
min-height: 100%;
float:left;
margin-right: 30px;
margin-bottom: 20px;
}

fieldset{
width: 50%;
border: 1px solid #666666;
padding: 20px 20px 20px 40px;
*padding-top: 0;
position: relative;
margin-top: 20px;
*margin-top: -20px;
left: 20px;
}

legend {
color:#003f5f;
font-size: 13px;
}

img{border:none;}

a, a:visited{
text-decoration:none;
color: #000;
}

a:hover{
text-decoration:none;
color: #000;
}

.required{
color:#FF0000;
}