html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px auto; font: 12px Arial,Tahoma; color: #000; background-color:#788DB6; }
img { border: 0px; display: block; }
table { border: 0px; border-collapse: collapse; }
table td { padding: 0px; vertical-align:top; }

#layout { position: relative; margin: 0px auto; width: 780px; height: auto; text-align: left; }

h1{ color:#29396C; font-weight:bold; font-size: 16px; }
h2{ color:#29396C; font-weight:bold; font-size: 14px; }

b {color:#29396C;font-weight:bold; font-size: 14px;}
.sideleft {background: url('imgs/gen/left.gif'); width:8px; height:1px; vertical-align:top;}
.sideright { background: url('imgs/gen/right.gif'); width:10px; height:1px; vertical-align:top; }
.mugs { width:78px; height:83px; }

#header { width: 780px; }
#header #top { width: 780px; height:28px; vertical-align:top; }
#header #head { width: 762px; height:204px; vertical-align:top; }


#nav { width:762px; height:32px;}
#nav a.home { display:block; background: url('imgs/nav/homeOn.jpg') left; width: 108px; height: 32px; }
#nav a.home:hover { background: url('imgs/nav/homeOff.jpg'); }
#nav a.services { display:block; background: url('imgs/nav/servicesOn.jpg') left; width: 109px; height: 32px; }
#nav a.services:hover { background: url('imgs/nav/servicesOff.jpg'); }
#nav a.newsletter { display:block; background: url('imgs/nav/enewsOn.gif') left; width: 109px; height: 32px; }
#nav a.newsletter:hover { background: url('imgs/nav/enewsOff.gif'); }
#nav a.console { display:block; background: url('imgs/nav/consoleOn.jpg') left; width: 109px; height: 32px; }
#nav a.console:hover { background: url('imgs/nav/consoleOff.jpg'); }
#nav a.about { display:block; background: url('imgs/nav/aboutOn.jpg') left; width: 109px; height: 32px; }
#nav a.about:hover { background: url('imgs/nav/aboutOff.jpg'); }
#nav a.contact { display:block; background: url('imgs/nav/contactOn.jpg') left; width: 109px; height: 32px; }
#nav a.contact:hover { background: url('imgs/nav/contactOff.jpg'); }
#nav a.links { display:block; background: url('imgs/nav/linksOn.jpg') left; width: 109px; height: 32px; }
#nav a.links:hover { background: url('imgs/nav/linksOff.jpg'); }

#white {background-color:#fff; width:712px;padding:25px; vertical-align:top; color:#000;}

#content { background-color: #29396C; width: 712px; padding:25px;  vertical-align:top;}

#gen td {padding:8px;}
#gen img {width:200px; height:263px;border:1px solid #000;}
#gen #dr {width:130px; height:130px;border:1px solid #000;}
#gen .mugs { width:78px; height:93px; }
#billing {width:700px;}
#billing td {width:175px;padding:5px;text-align:center;}
#billing img {width:95px; height:94px; margin:0px auto; border:1px solid #000;}

#contact td {padding:1px;}
#contact img {width:500px;height:263px;border:1px solid #000;}


#footer { width: 780px; font: 11px Arial,Tahoma; color: #8DA2C3; vertical-align:bottom; }
#footer #foot { background: url('imgs/gen/foot.jpg') left; width:762px; height:51px; padding-left:8px; font: 11px Arial,Tahoma; color: #C1C1C1; vertical-align:bottom; text-align:center;}
#footer #btm { width:780px; height: 14px; }
#footer a { font: 11px Arial,Tahoma; color: #8DA2C3; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


#ds { font-size: 11px; color: #4D4D4D; width: 780px; padding-left:10px; padding-top:5px; } 
#ds a { text-decoration: none; color: #4D4D4D; }
#ds a:hover { text-decoration: underline; color: #4D4D4D; }




.textareabox { font-family: Arial,Verdana; font-size: 11px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
.selectbox { font-family: Arial,Verdana; font-size: 11px; }
.inputbox { font-family: Arial,Verdana; font-size: 11px; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }
.inputbutton { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; background-color: #CCCCCC; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; cursor: hand; }

a { color: #DD3A00; }
a:hover { text-decoration: underline; color: #DD3A00; }