@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }

body          { background:#081b21 url(../images/body-bg.jpg)  50% 0 no-repeat; font:12px/1.5 Arial, Helvetica, sans-serif; color:#000; }

img           { border:0; vertical-align:top; }

a             {color:#333;  text-decoration:underline; }
a:hover       {color:#666;}
img 		  { border-bottom:none;}
:focus        { outline: 0; }
p 			  { margin:10px 0;}
/* Headings */
h1            { font-size:20px; font-weight:normal; line-height:1.3;  }
h2            { font-size:18px; font-weight:normal; line-height:1.34; }
h3            { font-size:16px; font-weight:bold; line-height:1.375; }
h4            { font-size:14px; font-weight:bold;  }
h5            { font-size:12px; font-weight:bold;  }
h6            { font-size:11px; font-weight:bold;  }

.wrapper { width:980px; position:relative; margin:0 auto 60px auto; clear:both;}

.header { height:121px; background:url(../images/blind-pass-marina-header.jpg) no-repeat; margin-top:10px;}
.header img { display:block; width:669px; height:108px; margin:10px 0  0 10px; background:url(../images/blind-pass-marina-logo.jpg) no-repeat 0 5px; text-indent:-999999px;}
.header  .nav-contact {position:absolute; width:225px; padding:5px 0 0 35px; font-size:12px; color:#FFF; top:0; right:0; background:url(../images/florida-marina-phone-email.jpg) no-repeat top left;}
.header  .nav-contact a{ color:#FFF;border-bottom:1px dotted; text-decoration:none;}
.nav { position:relative; z-index:999; width:968px; height:35px; background:url(../images/nav-bg.jpg) no-repeat; margin:0px 0 0 0px; padding:0px 0 0 12px;}
.nav li { list-style:none; float:left; display:block; height:34px; margin:0; padding:0 1px; }

.nav li.active { background:url(../images/nav-bg-hover.jpg); height:35px; border-left:1px solid #999; border-right:1px solid #999; padding:0;}
.nav a:hover { background:url(../images/nav-bg-hover.jpg); height:25px;}
.nav a {color:#333; text-decoration:none; border-bottom:none; display:block; padding:5px 25px; text-align:center; font-size:14px; font-weight:bold; }


.content { min-height:400px; overflow:hidden; margin:0; padding:10px; background:#FFF url(../images/content-bg.jpg) top repeat-x;}
.sub-content { position:relative; min-height:400px; width:918px; background:#FFF url(../images/div-bg.jpg) top center no-repeat; padding:10px 20px; margin:auto;}
.cms		{ position:relative; clear:both; overflow:hidden; background:#FFF;}

.right-div { height:395px; margin:5px 0 0 600px; background:url(../images/right-div-bg.jpg) no-repeat; padding:10px 20px; color:#316698}
.right-div ul{ list-style:none; margin:10px 0 0 5px;}
.right-div ul li { padding:2px 0px;}
.right-div ul li:hover{ cursor:default;}

/* slider ================================================================================ */
.slider { height:411px; width:595; margin:5px 0 20px -5px; overflow:hidden; float:left; background:url(../images/fade-bg.jpg) top center no-repeat; }
.slidecontainer { width:595px; height:411px; position:relative; z-index:888; }		
.slides { position:absolute; top:0; left:0;  }
.slides div { position:absolute; top:0; width:595px; display:none; }	
ul.pagination { position:absolute; list-style:none; padding:0; top:433px; left:820px; width:100px; float:right; z-index:999; }
ul.pagination li { float:left; margin:2px; list-style:none; }	
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(../images/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -12px}
ul.pagination a:hover { border:none;}

.featured { margin:30px 0 0 55px; }
.featured li{ float:left; list-style:none; width:195px; height:203px; border:5px solid #CCC; margin-right:10px;}
.featured li { text-align:center;}
.featured img { margin-bottom:5px; display:block;}

.gallery a img { border:1px solid #CCC; margin:5px;  }

/* Product Page ============================================================================ */
.product-page { list-style:none; }
.product-page a{ font-size:14px; display:block; width:200px; padding:2px 5px; }
.product-page a:hover{ font-size:14px; display:block; background:#EEE; color:#000}

/* Contact Form ============================================================================ */
#contact-form { margin-bottom:30px;}
#contact-form button {background:url(../images/input-bg.jpg) repeat-x bottom; border:1px solid #adc2d5; margin-top:5px; padding:2px; color:#32679b;}
#contact-form input { width:300px; background:url(../images/input-bg.jpg) repeat-x bottom; border:1px solid #adc2d5; font-size:12px; padding:3px;}
#contact-form textarea.front {width:300px; height:100px; background:#FFF url(../images/input-bg.jpg) repeat-x bottom; border:1px solid #adc2d5; font-size:12px; padding:3px; }
#contact-form input:focus {border:1px solid #32679b;}
#contact-form textarea:focus, #contact-form textarea#front:focus {border:1px solid #32679b;}
#contact-form textarea {width:400px; height:200px; background: #FFF url(../images/input-bg.jpg) repeat-x bottom; border:1px solid #adc2d5; font-size:12px; padding:3px; }

#contact-form h1 { font-size:12px;}


.footer { background:#FFF url(../images/footer-bg.jpg) repeat-x; margin:0; clear:both; padding-top:20px; color:#0066cb;  }
.foot { width:960px; height:150px; margin:0 auto; clear:both;}
.end-footer { background:url(../images/end-footer.jpg); width:980px; height:12px;}

.footer-nav { list-style:none; margin:0 20px 0 0; float:left; border-right:1px solid #CCC; padding-right:20px;}
.footer-nav li { margin-left:5px;}
.footer-nav a{ font-size:10px; display:block; color:#0066cb; border:none; padding-bottom:1px; text-decoration:none; }
.footer-nav a:hover{ padding:0; border-bottom:1px dotted;}

.design { position:relative; margin:auto; width:960px; height:52px; }