body {margin:0; padding:0; background:#043669 url(../images/Oceanop.jpg) top left fixed no-repeat; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100%;}

#main {margin: 20px auto; padding:0; background:#fff; width:760px; clear:both;  border:2px solid #133B83;  -moz-border-radius: 10px;-webkit-border-radius: 10px; padding:10px 10px 40px 10px; overflow:hidden;}

#header {margin:auto; background:url(../images/Header3.png) top left no-repeat; padding:0; width:760px; height:150px; }

#navlist {margin:auto; width:760px; height:55px; background: url(../images/navimg.jpg); padding-right:0px;}
ul#nav {margin:0; padding:18px 0 0 0; width:760px; text-align:center;}
#nav li {display:inline; list-style:none;}
#nav li a {text-decoration:none; color:#133B83; font-weight:bold; font-style:italic; padding: 0px 15px 0 15px;}
#nav li a:hover {color: #fff}

/*general content wrapper css*/
#content-wrapper { width:750px; height:auto; clear: both; float: left; }
#content-wrapper a:hover {text-decoration: underline;}

/*index page css*/
#content_home {margin:10px 10px 10px 10px; width:740px; height:auto; position:relative}
#content_home a {text-decoration:none; color:#133B83;}
#leftcol {float:left; width:740px; clear:both;}
.slideshow {padding: 0; margin: 0; float:right; width:300px; border:1px solid #133B83; height:225px; margin-left:15px; margin-bottom:10px; }
.slideshow img { display: none }
.slideshow img.first { display: block }
#quick_info { width:740px; float:left; clear:both; height: auto; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: 10px; font-size:.70em;}
#wind { margin:10px 5px 10px 10px; height:auto; float:left;  width:380px;}
.iconWind { margin-left:100px;float:left; width:155px; clear:both;}
p.wind {width:350px; margin-left:10px; font-size:.75em; text-align:center; float:left; clear:both;}
#weather { margin:10px 10px 10px 5px;float:right; width:350px;}
.iconWeather {margin-left:130px; float:left; width:71px; clear:both;}
p.weather {width:350px; font-size:.75em; text-align:center; float:left; clear:both;}
#bottom { margin:10px 10px 10px 10px; width:740px; height:280px; clear:both;}
#bottom a {color:#133B83;  text-decoration:none;}

/*hotel page css*/
#rates { margin: 20px auto; width:740px; float:left; clear:both; height: auto; margin-left:10px; line-height:20px;}
#amenities {margin: 20px auto; width:740px; float:left; clear:both; height: auto; margin-left:10px; line-height:20px;}
#amenities a {text-decoration:none; color:#133B83}
#reservations { margin: 20px auto; width:740px; float:left; clear:both; height: auto; line-height: 22px; margin-left:10px;}


/*fishing page css*/
#tours { width:740px; float:left; clear:both; height: auto; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: 10px;}
#tours a {text-decoration:none; color:#133B83;}

#crew { width:740px; float:left; clear:both; height: auto; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: 10px;}
#crew a {text-decoration:none; color:#133B83;}

#fishing_rates { width:740px; float:left; clear:both; height: auto; margin-top: 20px; margin-right: auto; margin-bottom: 20px;margin-left: 10px;}
#fishing_rates a {text-decoration:none; color:#133B83;}

/*activities css*/
#activities_intro { width:740px; float:left; clear:both; height: auto; margin: 20px 0 10px 10px;}
#activities_intro a {text-decoration:none; color:#133B83;}

#kite {width:740px; float:left; clear:both; height: auto; margin: 10px 0 20px 10px;}
#kite a {text-decoration:none; color:#133B83;}
p.kite {width:410px; float:right;}
.kiteL {float:left; width:200px; border:1px solid #133B83; margin:10px 0px 10px 50px;}
.kiteR {float:right; width:300px; border:1px solid #133B83; margin: 10px 50px 10px 0;}

/*contact page css*/
#content_contact { margin:10px; width:740px; height:auto;position:relative;}
#content_contact a {text-decoration:none; color:#133B83}

/*footer css*/
#footer {margin:auto; width:740px; clear:both; margin-bottom:15px; text-align:center;} 
ul#footer {margin:0; padding:0; width:740px;}
#footer li {display:inline; list-style:none;}
#footer li a {text-decoration:none; color:#133B83; font-weight:bold; font-style:italic; padding: 0px 10px 0px 10px;}
#footer li a:hover {color:#333333;}
#footer a {text-decoration:none; color:#133B83;}

/*classes and extras css*/
#socialicons {margin:10px 10px 10px 10px; width:740px; clear:both; text-align:center}
p.footer {text-align:center; color:#133B83; font-style:italic; font-size:.80em;}
.floatright {float:right; margin-left:10px; width:300px; border:1px solid #133B83;}
.floatrightcontact {position: absolute; width:300px; left: 418px; top: 62px; border:1px solid #133B83;}
.floatleft {float:left; width:300px;  border:1px solid #133B83; margin-right:10px} 
.floatrighthome {float:right; width:400px; border:1px solid #133B83; margin-left:10px}
.cwd { margin:auto; width:740px; font-size:0.8em; color:#133B83; font-style:italic; line-height: 18px;}
.cwd a {text-decoration:none; color:#133B83;}
li {list-style:none}
h2 {text-indent:15px;}
p.indent {text-indent:10px;} 
img {border-style:none}

