/*
SHAWNASEA CHARTERS
*/
html {padding:0px; margin:0px; height:100%;}
table {margin: 0px; padding:0px;}
a:active, a:focus{outline:none;}
em { font-style: normal; font-weight: bold;}
body#www-shawnaseacharters-com {
font-size:0.9em;
line-height:1.35em;
background:#005788 url(../images/bg.png) repeat-x;
padding: 0px;
margin: 0px;
font-family: Verdana;
height:100%;
position: relative;
}
div#bodyContainer { position: relative; min-height: 100%;}
#logo-and-nav { height: 161px;}
#atHome #logo-and-nav {height: 218px;}
/* GENERAL //////////////////////////////// */
.clearBoth {clear: both; height: 0px; margin: 0px; padding: 0px; line-height: 0px;}
.minWidthSpacer {width: 776px;}
.alpha-shadow {
float: left;
background: url(../images/shadow_blue.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.alpha-shadow div {
background: url(../images/shadow2_blue.png) no-repeat left top !important;
background: url(../images/shadow2_blue.gif) no-repeat left top;
padding: 0px 5px 2px 0px;
}
.alpha-shadow img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}
.highlight {
color:#ffbd7c;
}
/* MAIN SECTIONS AND HOME PAGE ///////////////////*/
#general-page { padding-bottom: 6em; }
#general-page #content { width: 670px; padding: 10px 6px 39px 6px; margin: 0px auto 0px auto; font-size:0.9em; position: relative;}
#general-page #content h1 { font-family: Trebuchet MS; color: #fef8c0; font-size: 1.7em; font-weight: normal; margin: 14px 0px 14px 0px; }
#general-page #content h2 { font-family: Trebuchet MS; font-size: 1.15em;}
#general-page .side-one { float: right; margin-top: 0px; margin-left: 12px;}
#general-page .side-one .alpha-shadow { margin-top: 0px !important; }
#general-page, #top-section {margin: 0px; background:#005788 url(../images/bg_secondary.png) repeat-x; position: relative; color: #FFFFFF; border-top: 1px solid #1294de;}
#general-page a:link, #general-page a:visited,
#top-section a:link, #top-section a:visited {
color: #ffede2;
text-decoration: none;
border-bottom: 1px dotted #d5d5d5;
font-weight: bold;
}
#general-page a:hover,
#top-section a:hover {
color: #FFFFFF;
background: #F37900;
}
#bot-section {
background: #77c1ee;
position: relative;
color: #1e2b3e;
margin-bottom: 0px;
}
/* OTHER PAGES */
#prep-list {font-size: 110%;}
#prep-list li {margin-bottom: 6px;}
#charter-rates { background: #436787 url(../images/bg_rates.png) repeat-x top left; height: 234px; position: relative; }
#charter-rates div {float: left; padding: 28px 25px 20px 25px; height: 146px;}
#charter-rates div.left { width: 338px; }
#charter-rates div.mid { }
#charter-rates div.right { width: 216px; float: right; border-left: 2px solid #005788;}
#charter-rates div.right p {font-size: 0.88em;}
#charter-rates h2, #charter-rates p { margin-top: 0px !important; }
#charter-rates h2 { color: #1b2063; font-size: 2.0em !important; font-weight: normal; text-align: center;}
#charter-rates table { margin: 0 auto 4px auto; }
#charter-rates table tr {vertical-align: top;}
#charter-rates h3 { margin-bottom: 7px;}
#charter-rates h3,
#charter-rates td {
font-size: 1.35em; font-weight: normal; font-family: Trebuchet MS; overflow: hidden;
}
.alignedList { padding-left: 0px; list-style-position: inside; }
#charter-rates .topL,
#charter-rates .topR,
#charter-rates .botL,
#charter-rates .botR {
background-image: url(../images/bg_rates_corners.png); width: 5px; height: 5px; display: block; line-height: 0px; padding: 0px; margin: 0px; position: absolute; z-index: 30;
}
#charter-rates .topL {left:0px; top:0px; background-position:0px 0px;}
#charter-rates .topR {right:0px; top:0px; background-position:-5px 0px;}
#charter-rates .botL {left:0px; bottom:0px; background-position:0px -5px;}
#charter-rates .botR {right:0px; bottom:0px; background-position:-5px -5px;}
#photo-section { position: relative;}
#photo-main { text-align: center; margin-bottom: 8px; float:left; }
#photo-main img {display: block;}
#photo-main .alpha-shadow {margin-left: auto !important; margin-right: auto !important; padding-bottom: 5px; }
#caption {max-width:670px; width: 100%; clear: both; background: #00476F; text-align: center; margin-top: 4px; border: 1px solid #3f7593; }
#caption h2 { font-size: 1.0em !important; font-weight: normal !important; padding-left: 7px; padding-right: 7px; margin-top: 0.83em; margin-bottom: 0.83em; }
#photo-thumbs { width: 658px; padding: 8px 0px 0px 8px; float: left; border: 2px solid #3f7593; line-height: 8px; }
#photo-thumbs ul {margin:0px; padding: 0px; }
#photo-thumbs .alpha-shadow {margin: 0px 4px 3px 0px !important; list-style-type: none; }
#photo-thumbs a { border: 0px !important;}
#photo-thumbs a:hover { background: transparent;}
#photo-thumbs a:hover img { background: #F37900; border: 1px solid #F37900;}
#contact-page h2 {font-size: 1.3em !important; font-weight: normal; font-family: Verdana !important; margin: 9px 0 9px 0;}
td.g { color:#ffffff; background: #85A770;}
td.e { color:#ffffff; background: #38930D;}
/* HOME PAGE ///////////////////*/
.containment {
max-width: 860px;
min-width: 776px;
position: relative;
margin: 0px auto 0px auto;
}
.col-text {width:516px; margin:0px; padding:1px 0px 5px 20px;}
.col-extra {margin:0px; padding:0px;}
.col-boxes {width: 176px; padding-left: 5px; padding-top: 17px;}
.col-text p.first {margin-top: 0px;}
img.sideFloat { float: right; padding-left: 10px; padding-bottom: 20px;}
#top-section .sideFloat {margin-top: 16px;}
#fish-types { width: 100%; margin-top: 4px; }
/* HOME PAGE PHOTO /////////////////// */
#home-photo {background: #FFFFFF; color: #7d7d7d; padding: 4px; border: 1px solid #58acdc; position: relative; top: -40px; max-width:312px; }
#home-photo img {
background-color: #ffffff;
border: 0px;
width: 100%;
}
#home-photo p {
margin: 0px;
padding: 3px 1px 3px 1px;
font-family: verdana;
font-size: 0.75em;
text-align: center;
letter-spacing: 0px;
}
#more-photos { position: relative; top: -40px; margin-bottom: -20px; text-align: center; color: #FFFFFF; background: #031e55; font-size: 0.95em; font-weight: bold; padding: 0px; font-family: Trebuchet MS; border: 1px solid #1a7db6; border-top: 0px; }
#more-photos a { display: block; padding: 5px 0px 3px 0px; text-decoration: none; border: 0px !important; }
#more-photos a:link,
#more-photos a:visited {color: #eef5f9; text-decoration: none;}
#more-photos a:hover {background: #FB7D00;}
/* IMAGE TEXT with text alternative (negative indented) */
.txt-img, #logo-and-nav ul li a{
display: block;
text-indent: -2000em;
text-decoration: none;
z-index: 1000;
background-repeat: no-repeat;
padding: 0px;
}
#home-h1-1 { position: absolute; background-image: url(../images/text/home_h1_1.png); height:24px; width:497px; margin: 0px; top:-30px;}
#home-h1-2 { background-image: url(../images/text/home_h1_2.png); height:61px; width:516px; margin: 0px;}
#logo { background-image: url(../images/logo_text.png); height:114px; width:527px; margin:0px auto 0px auto; }
/* NAVIGATION ///////////////////////////////////// */
#logo-and-nav ul {padding: 5px 0px 0px 19px;}
#logo-and-nav ul li {display: inline; margin: 0px 4px 0px 0px; float: left;}
#nav {
width: 540px;
margin: 0px auto 0px auto;
}
#nav-home a { background: url(../images/nav/home.png); width:45px; height:24px;}
#nav-about a { background: url(../images/nav/captainboat.png); width:135px; height:24px;}
#nav-rates a { background: url(../images/nav/charter.png); width:97px; height:24px;}
#nav-trip a { background: url(../images/nav/preparation.png); width:114px; height:24px;}
#nav-contact a { background: url(../images/nav/contact.png); width:58px; height:24px;}
#nav-photos a { background: url(../images/nav/photos.png); width:51px; height:24px;}
#nav-home a:hover,
#nav-about a:hover,
#nav-rates a:hover,
#nav-trip a:hover,
#nav-contact a:hover,
#nav-photos a:hover {
background-position: 0px -25px;
}
/* current active page */
#atHome #nav-home a,
#atAbout #nav-about a,
#atRates #nav-rates a,
#atTrip #nav-trip a,
#atContact #nav-contact a,
#atPhotos #nav-photos a {
background-position: 0px -49px;
cursor: default;
}
div.section ul {
padding-left: 30px;
margin-left: 0;
}
/* FOOTER /////////////////////////////////////////////////////// */
div#footer {
background: #122b55 url(../images/bg_footer.png) repeat-x;
margin: 0px;
color: #a3b6d3;
font-family: Trebuchet MS, Verdana;
font-size: 90%;
text-align: center;
padding: 1em 0px 1em 0px;
height: 6em;
position: relative;
bottom: 0px;
width:100%;
margin-top: -7em;
height: 100px;
}
#footer a:link,
#footer a:visited {
color: #c5dcf5;
text-decoration: none;
border-bottom: 1px dotted #768391;
}
#footer a:hover,
#footer a:active {
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #8597b2;
}
#footer ul { margin: 0 auto 0 auto; text-align: center; position: relative; padding:0; width:700px; }
#footer ul li {
display: inline;
margin-right: 8px;
margin-left: 10px;
line-height: 1.1em;
}