/* defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
}

html, html body {
font-family: helvetica, verdana, sans-serif;
font-size:12px;
color:#333;
margin:0;
padding:0;

}


p, ul, ol, dl, blockquote, pre, table
{
margin: 0 0 1.3em;
}


h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight: normal;
margin: 0 0 0.5em;
color:#003060;
}


h1 {font-size:2.2em; margin-top:0;}
h2 {font-size:20px;}
h3 {font-size:16px}
h4 {font-size:14px}
h5 {font-size:12px;}
h6 {font-size:12px}

table { 
border-collapse:collapse; 
border-spacing:0px; 
}
th {
font-style: normal;
font-weight: bold;
text-align: left;
font-size: 10px;
}
th,td {
border: 1px solid #eee;
padding: 4px
}


img {  
border:0; 
} 


a:link {
color:#006;
}

a:visited {
color:#006;
}

a:hover {
color:#00e
}

/* ul in content need bullets and margins */

#content ul{
margin-left:20px;
}



html body  {
background: transparent url(../images/bg-pagetop.png) repeat-x scroll 0 -30px;
}



img {border:0;}
a {text-decoration:none}



#content p, #content ul, #content ol {
font-family: arial;
font-size: 13px;
color: black;
line-height: 22px;
}



/* Site Layout */
#container {
width:960px;
margin:auto;
position:relative;
overflow: hidden;
}

#header {
margin-bottom: 10px;
width:100%;
height:130px;
background: #669acc;
overflow:hidden;
position: relative;
}

#header p {margin: 0;}

#header #logo {
width: 312px;
height: 100px;
margin: 0;
}

#printlogo {display:none}

#logo a {
background:url(/images/sprite-headernav.png) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:100%;
height:100%;
}

#contactinfo {
/*background:transparent url(/images/sprite-headernav.png) no-repeat -301px 0;*/
/*color:#FFFFFF;*/
font-size:11px;
line-height:14px;
height:80px;
padding: 10px 0px;
position:absolute;
right:0;
text-align:right;
text-indent:-9999px;
top:0;
width:337px;
}




#topnav {
background: #cce6ff url(../images/bg-pagetop.png) repeat-x scroll 0 0;
margin: 0px 0 0 0;
padding: 0;
height: 30px;
font-family: arial;
font-size:13px;
width: 100%;
}
#nav {
list-style:none;
position: relative;
height: 30px;
margin:0;
padding:0;
}
#nav a {
text-decoration: none;
text-indent: -9999px;
width: 100%;
height: 100%;
display: block;
}
#nav li {
background:#cce5ff url(../images/sprite-headernav.png) repeat-x 0 -100px;
border-right:0 none;
float:left;
height:30px;
margin:0;
position:relative;
width:108px;
}
#nav #n1 {
width:109px;
margin:0 38px 0 11px
}
#nav #n2 {
background-position:-110px -100px;
margin-right:39px;
width:119px;
}
#nav #n3 {
background-position:-233px -100px;
margin-right:38px;
width:108px;
}
#nav #n4 {
background-position:-343px -100px;
margin-right:117px;
width:128px;
}
#nav #n5 {
background-position:-471px -100px;
margin-right:39px;
width:89px;
}
#nav #n6 {
background-position:-562px -100px;
margin-right:0;
width:112px;
}




#main {
position:relative;
overflow:hidden;
width:100%;
float:left;
/*
margin-bottom: 15px;
*/
}


#content {
width:710px;
float:right;
overflow: hidden;
margin-top:20px;
}

#content ol, #content ul {
margin-left: 20px;
}

#sideA{
width: 220px;
padding-bottom:50px;
background: #cce5ff;
float: left;
/*overflow:hidden;*/
position: relative;
background: #CCE5FF url(../images/bg-bird.png) no-repeat scroll  -13px 97%;
text-align:center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;

}


#sidenav {
padding:24px 0 0 0;
}

#sidenav h2 {
text-indent: -9999px;
width: 100%;
height: 17px;
background: #eee;
margin-bottom:14px;
}

#sidenav.sandyport h2, #sidenav.oldetowne h2, #sidenav.theresort h2 {
background: transparent url(../images/sprite-sidenav.png) repeat scroll center top;
}


#sidenav.sandyport h2 {
background-position: center top;
}

#sidenav.oldetowne h2 {
background-position: center -22px;
}

#sidenav.theresort h2  {
background-position: center -45px;
}


#sidenav ul {
list-style-type:none;
margin:0;
padding:0;
}


#sidenav li {

}

#sidenav li a {
display: block;
font-size:16px;
/*color:#003366;*/
color: #275785;
padding: 9px 0;
}

#sidenav li a:hover {
color: #006;
background: #fff;
}

#booking {
background: url(../images/sprite-bookbutton.png) 0 0 ;
width:160px;
height:81px;
position:absolute;
right: 29px;
top: 10px;
}

#resortlink {
display:block;
width: 100%;
height: 50%;
text-indent: -9999px;
}

#bookbutton {
display:block;
width: 100%;
height: 50%;
text-indent: -9999px;
}

#bookbutton:hover {

}


#footerbar {
background:transparent url(../images/bg-pagebottom.png) repeat scroll 0 0;
height:140px;
position:relative;
width:100%;
margin-top: 10px;
}

#footer {
width: 960px;
margin: auto;
position: relative;
}

#footer a {
color: #fff;
}

#footer p {
font-size:10px;
margin:0;
padding: 0;
}

#footer #copyright {
width: 550px;
float: left;
padding-left: 20px;
height:30px;
line-height:40px;
}

.figure {
clear:left;
float:left;
margin-bottom:18px;
margin-right:22px;
}
.figure.noclear {
clear:none;
}
.figure.widthA img {
max-width:220px;
width:220px;
}
.figure.widthB {
float:none;
}
.figure.widthB img {
max-width:695px;
width:695px;
}
.figure img {
}
.figure .caption {
display:block;
}