/* General items */

* { padding: 0; margin: 0; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #666666; }
a:active { color: #000000; }
body { background-image: url(../images/header-bg.jpg); background-position: top center; background-repeat: no-repeat; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 0.7em; color: #000000; line-height: 1.9em; }
p { margin-bottom: 2em; line-height: 2em; }
ul { margin-left:20px; margin-bottom: 20px; line-height: 2em; }


/* Layout */

#top-blue-bar { width: 100%; height: 7px; background-color: #0060AF; clear: both; }
#header-holder { height: 307px; width: 100%; clear: both; float: left; background-image: url(../images/blue-line.png); background-repeat: repeat-x; }
#header-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; height: 307px; }
#header-nav { width: 920px; float: left; }
#header-intro { float: left; width: 431px; padding-top: 10px; }
#main-content-holder { clear: both; width: 100%; float: left; margin-bottom: 30px; }
#main-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; }
.content-column-1 { float: left; width: 191px; margin: 0px 16px 0px 0px; background-image: url(url) ..images/content-column-bg.png));
background-image: url(../images/content-column-bg.png); font-weight: normal; }
.content-column-2 { float: left; width: 211px; margin: 0px 16px 0px 0px; font-weight: normal; }
.content-column-1 ul { list-style-type: none; margin: 0px; padding: 0px; width: 192px; list-style-image: none; }
.content-column-1 li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; margin: 0px; padding: 6px 0px 6px 8px; list-style-type: none; list-style-image: none; }
.content-column-2 ul { list-style-type: none; margin: 0px; padding: 0px; width: 211px; list-style-image: none; }
.content-column-2 li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; margin: 0px; padding: 6px 0px 6px 8px; list-style-type: none; list-style-image: none; }
.content-column-end { height: 400px; float: left; width: 485px; background-image: url(../images/homefleet-bg.png); background-repeat: repeat-x; }
.text-holder { padding: 9px 20px 20px 20px; }
#call-back-box { width: 172px; background-color: #0060AF; margin-top: 27px; color: #FFFFFF; padding: 20px 10px 10px 10px; background-image: url(../images/callback.png); background-repeat: no-repeat; background-position: 10px 10px; }
#call-back-box p { line-height: 1.4em; margin: 10px 0px 10px 0px; font-weight: normal; }
#footer-holder { width: 100%; background-color: #0060AF; background-image: url(../images/footer-bg.png); clear: both; margin-top: 15px; padding: 30px 0px 0px 0px; background-repeat: repeat-x; }
#footer-content { clear: both; width: 920px; margin-left: auto; margin-right: auto; color: #FFFFFF; padding-bottom: 20px; }
#footer-content a { color: #FFFFFF; }
#footer-content a:hover { color: #A8B6D7; }
#designed-by { float:right; width:176px; clear:none; margin-top: 60px; background-image: url(../images/dock9.png); background-repeat: no-repeat; height: 32px; }


/* Navigation */

#navholder { z-index: 9; position:relative; top:0px; width:605px; float: right; }
#navmenu ul { margin: 0; padding: 0; border-bottom: none; }
#navmenu li { position: relative; float: left; margin: 0; list-style: none; line-height: 31px; }
#navmenu #home a:hover, #navmenu #prod a:hover, #navmenu #forms a:hover, #navmenu #where a:hover, #navmenu #contact a:hover { background-position:bottom; }
#navmenu li a { display: block; padding: 0px; text-decoration: none; color: #fff; height:31px; }
#navmenu span { display:none; }
#navmenu #home a { background:url(../images/button-home-roll.png); width: 141px; }
#navmenu #prod a { background:url(../images/button-products-roll.png); width: 89px; }
#navmenu #forms a { background:url(../images/button-forms-roll.png); width: 138px; }
#navmenu #where a { background:url(../images/button-where-roll.png); width: 133px; }
#navmenu #contact a { background:url(../images/button-contact-roll.png); width: 104px; }
#navmenu #homestatic a { background:url(../images/button-home-static.png); width: 141px; }
#navmenu #prodstatic a { background:url(../images/button-products-static.png); width: 89px; }
#navmenu #formsstatic a { background:url(../images/button-forms-static.png); width: 138px; }
#navmenu #wherestatic a { background:url(../images/button-where-static.png); width: 133px; }
#navmenu #contactstatic a { background:url(../images/button-contact-static.png); width: 104px; }
.introtextimage { padding-top:10px; }


/* Forms */

fieldset {
 / * clear: both;
note that this clear causes inputs to break to left in ie5.x mac, commented out */ border-color: #000; border-width: 5px; border-style: solid; padding: 20px; margin: 10px; }
form label { display: block; float: left; width: 50px; padding: 0px; text-align: left; margin-right: 10px; margin-bottom: 10px; }
textarea { overflow: auto; }
form br { clear:left; }
input:focus { background-color: #DDEAF4 }
textarea:focus { background-color: #DDEAF4 }