@charset "UTF-8";
/* --------------------------------------------
site: pasadena marina 2010
author: patu tifinger | http:/www.patuart.com
updated: 10/06/2010
----------------------------------------------- */
body{font:12px/1.6 Lucida Sans Unicode,Lucida Grande,Verdana,sans-serif}
#wrap{margin:0 auto 0;width:910px;background:#009aff}
#container{margin-top:10px;margin-bottom:10px;color:#fff}
#header{background:#fff url(/gui/header_bg.gif) no-repeat;height:240px;position:relative}
#footer{background:#00d3e9 url(/gui/footer_bg.gif) no-repeat;padding:55px 25px 15px;color:#fff;font-size:.85em}
h1{font-size:1.4em;text-transform:uppercase;letter-spacing:1px}
h1 span{display:none}
h2{font-size:1.2em;color:#fff}
h3{font-size:1em}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:1em}
#logo{position:absolute;top:32px;left:30px;z-index:100}
#header p{color:#38457f;text-align:right;padding:10px 20px 0 0;font-size:.95em}
#header span a:link,#header span a:visited{color:#009aff;font-weight:bold;padding-left:5px;text-decoration:none}
#header span a:hover,#header span a:active{color:#38d0d0}
#bigphone{font-size:6em;color:#009aff;background:#fff;font-weight:bold;padding:20px 0;text-align:center;width:800px}
#main{margin-top:35px}
#feat{height:360px;overflow:hidden;outline:1px solid #ace5e2}
a:link,a:visited{color:#ff0}
a:active,a:hover{text-decoration:none}
a:focus{outline:1px dotted}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:1.5em}
dl{margin-bottom:2em}
dt{font-weight:bold;margin:1em 0 .5em}
dd{0margin-left:2em}
ul#nav{list-style:none;position:absolute;top:48px;right:20px}
ul#nav li{display:inline;margin:0}
ul#nav li a{padding:0;width:80px;height:170px;display:block;float:left;text-indent:-9999px;margin-left:10px}
ul#nav li a:focus{outline:0}

body.home{background:#01a4ff url(/imgs/bg/06.jpg) no-repeat fixed}
body.home li#home a{background:transparent url(/gui/newnav.png) no-repeat 0 -340px}
li#home a{background:transparent url(/gui/newnav.png) no-repeat 0 0}
li#home a:hover{background:transparent url(/gui/newnav.png) no-repeat 0 -170px}

body.features{background:#01a4ff url(/imgs/bg/04.jpg) no-repeat fixed}
body.features li#features a{background:transparent url(/gui/newnav.png) no-repeat -80px -340px}
li#features a{background:transparent url(/gui/newnav.png) no-repeat -80px 0}
li#features a:hover{background:transparent url(/gui/newnav.png) no-repeat -80px -170px}

body.photos{background:#01a4ff url(/imgs/bg/08.jpg) no-repeat fixed}
body.photos li#photos a{background:transparent url(/gui/newnav.png) no-repeat -160px -340px}
li#photos a{background:transparent url(/gui/newnav.png) no-repeat -160px 0}
li#photos a:hover{background:transparent url(/gui/newnav.png) no-repeat -160px -170px}

body.blog{background:#01a4ff url(/imgs/bg/08.jpg) no-repeat fixed}
body.blog li#blog a{background:transparent url(/gui/newnav.png) no-repeat -240px -340px}
li#blog a{background:transparent url(/gui/newnav.png) no-repeat -240px 0}
li#blog a:hover{background:transparent url(/gui/newnav.png) no-repeat -240px -170px}

body.map{background:#01a4ff url(/imgs/bg/01.jpg) no-repeat fixed}
body.map li#map a{background:transparent url(/gui/newnav.png) no-repeat -320px -340px}
li#map a{background:transparent url(/gui/newnav.png) no-repeat -320px 0}
li#map a:hover{background:transparent url(/gui/newnav.png) no-repeat -320px -170px}

body.contact{background:#01a4ff url(/imgs/bg/03.jpg) no-repeat fixed}
body.contact li#contact a{background:transparent url(/gui/newnav.png) no-repeat -400px -340px}
li#contact a{background:transparent url(/gui/newnav.png) no-repeat -400px 0}
li#contact a:hover{background:transparent url(/gui/newnav.png) no-repeat -400px -170px}

#footer ul{list-style:none}
#footer ul li{display:inline;margin:0;padding-right:.5em;border-right:1px solid #fff;margin-right:.5em}
#footer p a:link,#footer p a:visited{color:#fff}
#footer p a:active,#footer p a:hover{color:#ff0}
#container img{outline:1px solid #ace5e2}
.thumbs img{margin-bottom:30px}
.thumbs a:focus{outline:0}
#container a:hover img{outline:2px solid #ff0}
.notes{font-size:.85em}
.alert{color:#38457f}
.error{color:#ff0;padding-bottom:.8em}
.attention{outline:1px solid #ff0}
form#sendInquiry{margin-bottom:3em}
#sendInquiry p{clear:left}
#sendInquiry label{text-align:right}
fieldset{margin-bottom:0}
fieldset p{padding-bottom:1em}
legend{font-weight:bold;padding-bottom:1em}
textarea,select,input{background-color:#09a7f3;font-family:Lucida Sans Unicode,Lucida Grande,Verdana,sans-serif;font-size:11px;color:#fff;border:1px solid #fff}
textarea#message{width:395px}
input.checkbox,input.radiobtn{border:0}
input.button{background:#ff0;text-transform:uppercase;padding:2px;border:0;font-size:12px;color:#38457f;cursor:pointer}
#boat_dir_2 dd,#boat_dir_3 dd,#car_dir_2 dd,#car_dir_3 dd{display:none}
#by_boat,#by_car{margin-top:1em}
#by_boat dl,#by_car dl{margin-bottom:1em}
#draft{margin-bottom:2em}
iframe{outline:1px solid #ace5e2;margin-bottom:2em}
.thumbs h3{margin-top:1em}
img#pointer{outline:0}
#weather{padding-top:1.2em}
#weather li{margin-bottom:1em}