/********************************
Client: Bayfield Barbados
Version: 1.0
URL:  www.bayfieldbarbados.com
CSS by: Marcus Thompson Inc. (hello@marcusthompson.net)
********************************/
/*GENERAL*/
body { 
background:#0c7694 url(../images/bg-body.png) top repeat-x;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; 
font-size: 12px; 
}

h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; }
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 1.5em; line-height: 2; }
h4 { font-size: 1.2em; line-height: 1.25; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

a { 
color:#0C7694; 
text-decoration:none;
}

a:hover {
color:#333
}

.center {
text-align:center;
margin: 0 auto
}

/*LAYOUT*/
#wrap { 
width:960px; 
margin: 5em auto 4em auto; 
}

#menu { 
width:200px; 
float:left;
margin-right:10px; 
}

#menu h1 {
background-color:#fff;
text-align:center;
line-height:0.5
}


#content {
width:480px;
float:left;
background-color:#fff;
padding:10px;
margin-right:10px;
line-height:1.6
}

#sidebar {
width:200px;
float:left;
}

/*SECTION SPECIFIC*/
#home #content  {
height:auto
}

#home #menu {
height:400px
}

/*SPECIFICS*/
#home #bayfield,#location #bayfield,#history #bayfield,#rooms #bayfield,#rates #bayfield { 
padding:10px 0; 
background-color:#0C7694;
}

#menu h1 span {
font-size:12px;
font-weight:bold;
text-align:center;
color:#ddd
}

#menu h1 span#telephone {
padding-top:5px;
font-style:normal;
}

.email {
font-size:10px
}

a.email  {
color:#FFFA73
}

a.email:hover {
color:#fff
}

#bayfield {
width:200px;
height:145px;
overflow:hidden;
position:relative
}

a.email {
position:absolute;
top:150px;
width:200px;
left:0;
height:24px;
text-align:center
}

/*MENU*/
#menu ul {
width:180px;
height:225px;
background: #fff url(../images/bg-menu.png) bottom right no-repeat
}

#menu ul  li {
line-height:1.5;
text-align:center;
padding:5px 0
}

#menu li a {
color:#000;
font-weight:bold;
text-decoration:none;
font-family:Georgia;
font-size:14px
}

#menu li a:hover,#menu li a.active {
color:#0C7694
}

/*CONTENT*/
#content {
position:relative
}
#content #welcome {
position:absolute;
top:10px;
right:10px;
background: url(../images/bg-welcome.png) repeat;
padding:10px;
font-size:12px;
font-weight:bold;
color:#eee
}

#content p {
padding-bottom:0.9em;
}

#content p:last-child {
padding-bottom: 0
}

/*SIDEBAR --- MAP*/
#sidebar h2 {
line-height:1.6
}

#sidebar p {
padding-bottom:7px;
line-height:1.3
}

.block {
width:200px;
margin-bottom:10px;
background-color:#fff;
padding: 10px;
display:block
}

/*SPECIALS*/
#specials {
padding-bottom:10px;
width: 200px;
}

.specialtitle {
font-weight:bold;
text-transform:capitalize;
}

#specials ul li {
list-style: square;
margin-left:15px;
padding:5px 0
}

ul.bullets {
list-style: square;
}

ul.bullets li {
margin-left:15px;
}

/*ROOMS*/
.room-image {
width:150px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

.room-image .caption {
color:#000;
text-align:center;
font-weight:bold;
}

ul.roomfeatures {
float:left;
width:240px;
padding-bottom:15px
}

ul.roomfeatures li {
list-style-type:square;
margin-left:15px
}

/*SPECIALS*/
#specials {
background:#fff	
}

#specials li {
line-height:1.6
}

/*FOOTER*/
#footer{
color:#eee;
width:960px;
margin:0 auto 0.5em auto;
}

#footer a {
color:#eee;
font-weight:bold
}


/*badge*/
div.TA_selfserveprop li,div.TA_certificateOfExcellence li,div.TA_excellent li {
list-style:none;
}

div.tripadvisor {
background: #fff	
}


/*Jump nav*/
.jumpnav {
padding: 5px;
text-align:center;
margin:10px 0;
background:#eee;
border: 1px solid #ddd;
font-variant:small-caps;
display:none
}

.jumpnav:hover {
background:#ddd;
border: 1px solid #ccc
}