/*
This file now also applies to about and bahamas pages
*/

#content { margin: 0; }

#comHead {
width: 712px;
height: 245px;
margin-bottom: 20px;
position: relative;
}

.sandyport #comHead {
background: url(../photos/static/pagehead_about.jpg) top left no-repeat;
}

.olde_towne #comHead {
background: url(../photos/static/commhead_oldetowne.jpg) top left no-repeat;
}

.the_resort #comHead {
background: url(../photos/static/commhead_resort.jpg) top left no-repeat;
}

.about #comHead {
background: url(../photos/static/commhead_sandyport.jpg) top left no-repeat;
}


.bahamas #comHead {
background: url(../photos/static/pagehead_bahamas.jpg) top left no-repeat;
}



#comHead h1 {
width: 712px;
height: 48px;
background: #6699cc url(../images/bg-birdbar.png) top right no-repeat;
margin:0;
position: absolute;
bottom:0px;
left:0px;
color: transparent;
text-indent: -9999px;
}

#comHead h1 span {
background: #6699cc url(../images/sprite-birdbar.png) top left;
display:block;
height:44px;
width:220px;
}

.sandyport #comHead h1 span {
background-position: 0px -144px;
width: 699px;
height: 44px;
}

.olde_towne #comHead h1 span {
background-position: 0px -96px;
width: 249px;
height: 38px;
}

.the_resort #comHead h1 span {
background-position: 0px -48px;
width: 699px;
height: 44px;
}

.about #comHead h1 span {
background-position: top left;
width: 699px;
height: 44px;
}

.bahamas #comHead h1 span {
background-position: 0px -192px;
width: 699px;
height: 44px;
}




#comBody {
float: left;
width: 554px;
}


#viewFeatured {
clear: both;
color: #036;
background: url(/images/sprite-birdbar.png) left bottom;
height:35px;
padding-left:70px;
padding-top:9px;
width:170px;
}




/*old below */

.item {
background: transparent url(/images/bg-missing-photo.png) no-repeat scroll left top;
margin-bottom:30px;
height: 190px;
overflow:hidden;
position:relative;
}

.item a.imagemask {
display:block;
width:175px;
height:166px;
overflow:hidden;
float:left;
margin: 12px 50px 12px 0;
position: relative;
left: 12px;
}

.item .title {
margin:0;
}

.item .subtitle {
4px 0 15px;
font-size: 14px;
}

.item p {
float:left;
width:400px;
}

.item .discover {
background:#003300 none repeat scroll 0 0;
color:#99CC99;
display:block;
height:25px;
left:12px;
line-height:25px;
position:absolute;
text-align:center;
top:153px;
width:175px;}

.item .discover:hover {
background:#9c9;
color:#363;
opacity:0.9;
}




#sideImages {
float: right;
width: 131px;
}




#com_gallery {
margin-bottom:30px;
width:100%;
}

#com_gallery ul {
list-style-type:none;
margin:0;
overflow:hidden;
padding:10px 0 5px 10px;
width:auto;
zoom:1;
}



#com_gallery ul li {
width: 130px;
margin-bottom: 20px;
}

#com_gallery ul li a img {
display:block;
}