/* CSS Document */
body {
font-size: .7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
background:#03426B url(images/background.jpg) repeat-y 50% 0;
}

h1 {
color:#04558A;
font-size: 1.2em;
font-weight:bold;
background-image:url(images/h1_arrow.gif);
background-repeat:no-repeat;
background-position:left;
height:25px;
padding-left: 20px;
margin-left: 23px;
}

#Container {
width:748px;
margin:0 auto;
text-align:left;
background-repeat:no-repeat;
background-color:#FFFFFF;
background-image:url(images/beach_background.jpg);
}

/* HEADER */
#header {
height:143px;
}
#logo {
vertical-align:top;
margin-left:44px;
float:left;
}
#cart {
float:right;
display:block;
height: 22px;
color:#FFFFFF;
padding: 10px 80px 0 20px;
background-image:url(images/shopping_cart_icon.gif);
background-repeat:no-repeat;
background-position:left;
}

/* MAIN NAVIGATION AND CONTENT STYLES */
#Nav {
clear:both;
float:left;
width:149px;
margin:0;
padding:0;
}
#Nav ul {
margin:0;
padding:0;
list-style:none;
display:block;
overflow:hidden;
margin-left: -20px;
width:165px; /* For IE 5 */
voice-family:"\"}\"";
voice-family:inherit;
width:149px; /* actual */
margin-left: 0;
}
#Nav li {
margin:0;
padding:0;
}
#Nav a {
display:block;
width:149px;
height:26px;
margin:0;
padding:0 0 0 149px;
vertical-align:bottom;
}

#navHome {
background-image:url(images/nav_home.gif);
}
a:hover#navHome{
background-image:url(images/nav_home_r.gif);
}
#navAbout {
background-image:url(images/nav_about.gif);
}
a:hover#navAbout{
background-image:url(images/nav_about_r.gif);
}
#navProd {
background-image:url(images/nav_prod_r.gif);
}
#navHints {
background-image:url(images/nav_hints.gif);
}
a:hover#navHints{
background-image:url(images/nav_hints_r.gif);
}
#navService {
background-image:url(images/nav_service.gif);
}
a:hover#navService {
background-image:url(images/nav_service_r.gif);
}
#navContact {
background-image:url(images/nav_contact.gif);
}
a:hover#navContact{
background-image:url(images/nav_contact_r.gif);
}

#content {
float:right;
margin-top: 80px;
margin-left: 18px;
padding: 19px 23px 50px 17px;
background-image:url(images/content_background.jpg);
background-repeat:no-repeat;
width: 580px; /* For IE 5 */
voice-family:"\"}\"";
voice-family:inherit;
width:540px; /* actual */
}

/* FOOTER */
#footer {
clear: both;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
height: 28px;
padding:0;
}
#footer ul {
list-style: none;
float:left;
margin-top: 8px;
margin-left: 2px;
padding-left: 2px;
}
#footer li {
display:inline;
height: 10px;
padding: 0 2px ;
margin-left: 2px;
border-right: 1px solid #000;
}
.lastli {
border: 0 !important;
}
#footer a {
text-decoration:none;
color:#000000;
}
#sitedesign {
float:right;
width:200px;
height:28px;
display:block;
overflow:hidden;
margin:0;
padding:0;
}
#sitedesign a {
background-image:url(images/sitedesign.gif);
display:block;
margin:0;
padding:0 0 0 300px;
}
#SubNav li{
padding:0;
margin-left: 20px;
list-style-image:url(images/submenubullet.gif);
}
#SubNav a {
padding: 5px 0;
font-size:10px;
color:#FFFFFF;
font-weight:bold;
height:20px;
width: 105px;
text-decoration:none;
}
#Nav span {
display:block;
background-color:#00234C;
padding-left: 35px; /* For IE 5 */
voice-family:"\"}\"";
voice-family:inherit;
padding-left: 15px;
}

/* RESOLUTION CODE */

th.header1, th.header2, th.header3, td.header1, td.header2, td.header3 { 
background:#8997A5; 
color:#ffffff; 
vertical-align:middle
}

td.header4 { 
background:#FFFFFF; 
vertical-align:middle
}
td.photo_msg {color:#8997A5; vertical-align:top; text-align:left}

td.bar {
background:#04558A;
height:1px;
font-size:1px;
}

.large {
font-weight:bold;
}

td.text { color:#000000; font-weight:bold}
td.text2 { color:#04558A; font-weight:bold}
.required { color:#04558A; }
.smalltextblk{color:#000000; font-family:verdana,Arial, Helvetica, sans-serif; font-size: 11px;}
.plaintext{color:#000000; font-family:verdana,Arial, Helvetica, sans-serif; font-size: 11px;}

.button { background:#04558A; color:#FFFFFF; font-weight:bold; }