/* sailmaking support systems css styles */
a img 	{ border-style: none; }
body         { font-size: small; line-height: 1em; background-color: white; text-align: center; margin: 0; padding: 0; voice-family: inherit     }
p    { color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: justify }
ol { color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; list-style-type: decimal; list-style-position: inside; display: block }
#wrap      { margin-right: 0; position: relative; width: 741px; clear: both }
#canvas       { background-color: white; text-align: left; margin-top: 25px; margin-right: auto; margin-left: auto; width: 741px; voice-family: inherit    }
a:link  { color: #ea8001; text-decoration: underline }
a:visited   { color: #828282; text-decoration: underline }
a:hover   { color: #1e3e86; text-decoration: none }
a:active  { color: #ea8001; text-decoration: underline }

/* headlines */
h1      { color: #ea8001; font-size: 14pt; font-family: "Times New Roman", Times, serif; font-weight: normal; margin: 0; padding: 0 }
h2 	      { color: #8c8c8c; font-size: 12pt; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; line-height: 1.25em; width: 480px }
h3 	     { color: #567eb5; font-size: 12pt; font-family: "Times New Roman", Times, serif; padding-top: 15px }
h4   { color: #b3b3b3; font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 0; text-decoration: underline; text-transform: uppercase }

/* main nav */
#logo   { margin-bottom: 0; margin-left: 8px; width: 213px; height: 47px }
#container     { margin-left: 211px; padding: 0; position: absolute; top: 25px; width: 530px; height: 30px }

#nav  { list-style: none; display: inline; margin: 0; padding: 0; height: 22px; overflow: hidden }
#nav li { margin: 0; padding: 0;list-style: none; display: inline }
#nav a  { padding: 22px 0 0; height: 0 !important; float: left; overflow: hidden; height /**/: 22px }
#nav a:hover { background-position: 0 -22px }
#nav a:active, #nav a.selected  { background-position: 0 -44px }

#home a    { background: url("images/nav/home.jpg") no-repeat left top; width: 50px }
#about a     { background: url("images/nav/about.jpg") no-repeat left top; width: 74px }
#mildew a     { background: url("images/nav/mildew.jpg") no-repeat left top; width: 62px }
#sailwashing a     { background: url("images/nav/sailwashing.jpg") no-repeat left top; width: 87px }
#sailkote-plus a     { background: url("images/nav/sailkote.jpg") no-repeat left top; width: 95px }
#resources a     { background: url("images/nav/resources.jpg") no-repeat left top; width: 82px }
#contact a     { background: url("images/nav/contact.jpg") no-repeat left top; width: 80px }

/* sailkote sub nav */
#subnavbox         { background-repeat: repeat; text-transform: uppercase; margin-left: 486px; padding: 0; position: absolute; z-index: 3; top: 50px; width: 93px; height: 35px }

#subnav      { list-style-type: none; display: block; margin: 0; padding: 4px 0 0 6px; height: 25px }
#subnav li { margin: 0; padding: 0;list-style: none; display: inline }
#subnav a    { color: #000; font-size: 7.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; text-decoration: none }
#subnav a:hover  { color: #1e3e86 }
#subnav a:active, #nav a.selected   { color: #ea8001 }

/* sailkote teaser */
#homephoto  { margin-bottom: 5px; width: 741px; height: 172px }

#sailkote         { background-color: #acceed; margin: 10px 0 0; position: relative; width: 741px }
#teaser      { padding: 10px 18px }
#testimonial { text-align: left; padding: 5px 18px; border-top: 1px dotted #a6a5a3; border-bottom: 1px dotted #a6a5a3 }
.quote { color: #fff; font-size: 13px; font-weight: bold; text-align: left }
#date    { color: #828282; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin-left: 15px; padding-top: 2px; height: 15px }
#contactinfo      { color: #828282; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin-right: 15px; margin-bottom: 10px; position: absolute; top: 180px; right: 5px; float: right }

/* intro */
#position      { position: relative; z-index: 1 }
#intro        { text-align: justify; margin: -55px 30px 15px; position: relative; z-index: 2; width: 680px }
.bold { font-weight: bold }
#clear { clear: both }

/* text */
#photo     { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #edeceb; margin-top: 15px; margin-right: 20px; margin-bottom: 15px; width: 212px; float: left; border: solid 1px #cfcecb }
#textbox  { color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 10px }
#flow { margin-top: 35px }
/* form */
label    { cursor: hand ; display: block; width: 150px; float: left }
#form { margin-top: 25px; margin-bottom: 25px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8 }
#request { display: inline; position: relative; float: inherit }

/* footer */
#homefoot          { color: #828282; font-size: 6.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/footer/footer.gif"); background-repeat: no-repeat; text-transform: uppercase; margin: 10px 0 0; position: relative; z-index: 1; clear: both }
#footer         { color: #828282; font-size: 6.5pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/footer/footer.gif"); background-repeat: no-repeat; text-transform: uppercase; margin: 30px 0 0; position: relative; z-index: 1; clear: both }
#footnav   { position: absolute; z-index: 2; top: 17px; left: 5px }
a.foot:link    { color: #828282; text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px; border-right: 1px solid #b3b3b3 }
a.foot:visited     { text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px; border-right: 1px solid #b3b3b3 }
a.foot:hover     { color: #1e3e86; text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px; border-right: 1px solid #b3b3b3 }
a.foot:active     { color: #ea8001; text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px; border-right: 1px solid #b3b3b3 }

a.footr:link    { color: #828282; text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px }
a.footr:visited     { text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px }
a.footr:hover     { color: #1e3e86; text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px }
a.footr:active     { color: #ea8001; text-decoration: none; margin-right: 5px; padding-right: 7px; height: 15px }
#credit { position: absolute; z-index: 2; top: 10px; right: 5px; float: right }
#copyright { margin-bottom: 30px; padding-top: 40px; position: relative; left: 5px }