* { padding: 0; margin: 0; }

body {
    background: #CEEBF6;
 	font: 85% Verdana, Helvetica, arial, sans-serif;
}
/*
h1, h2, h3, h4, h5, h6 
{
   margin: 0 10px .5em; 
   color: White; 
   font-family:  Verdana, arial, Helvetica, arial, sans-serif;
  }
*/
h1, h2, h3, h4, h5, h6 
{
    margin: 0 10px .5em; 
    background-color:transparent;
    color:white;
    font-family:  Verdana, arial, Helvetica, arial, sans-serif;
}

h2 {
    font-size:140%;
    font-weight:normal;
    margin-bottom:10px;
    }
    
h1 {
    font-size:160%;
    font-weight:normal;
    margin-bottom:10px;
    text-align: center;
    }
    
h4 {font-weight: normal;}



sup
{
	font-size: 65%;

}

.disclaimer
{
 	font: 75% Verdana, Helvetica, arial, sans-serif;
    line-height: 165%; 
    color: White;
    text-align: left;
    margin: 0 10px 0 10px;
}

.alignleft {
float: left;
}
.alignright {
float: right;
}

img 
{
    border: none;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 15px; 
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px; 
}

img.border {
   padding:4px;
   border:1px solid #3D87CE;
   background-color: #4992D1;
}

.webcam { background-color: #F9F9F9; padding: 3px 3px 3px 2px; font: 11px/1.4em Verdana, sans-serif; color: Black;}
.right { margin: 0.5em .5em 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 




a:link { color: White; text-decoration: underline; }
a:visited { color: White; text-decoration: underline; }
a:focus { color: White; text-decoration: underline; }
a:hover { color: White; text-decoration: underline; }
a:active { color: White; text-decoration: underline; }

a.anchor:link { color: White; text-decoration: none; }
a.anchor:visited { color: White; text-decoration: none; }
a.anchor:focus { color: White; text-decoration: none; }
a.anchor:hover { color: White; text-decoration: none; }
a.anchor:active { color: White; text-decoration: none; }



#wrapper { 
 margin: 10px auto 0;
 width: 960px; /*922*/
 border: 4px solid #fff;
}

#print-logo {display:none;}

#faux {
 background: url(../images/faux_bg.jpg) ;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

/*--------------------
Header
----------------------*/

#header {
 width: 940px; /*902*/
 padding: 10px 10px 0px 10px;
 /*margin: 10px 0px 0px 0px;*/
 background: #D1DBDB;
    background: url(../images/header.jpg) no-repeat 0 0;
    height: 130px; /*Height of top section*/

}

#header .logo {
    background: transparent url(../images/ron-jon-cape-caribe-resort.png) no-repeat 0 0;
  /*  display:block;
    height:148px;
    width:255px;*/
   position: relative;
    z-index: 10;
}


.logo:hover {
    background-position:0 -100px;
}




#skipmenu
{
	left: 0;
	text-align: right;
	width: 980px;
	font-size: 95%;
	position: absolute;
}

#skipmenu a
{
	color: #555;
	text-decoration: none;

}
#skipmenu a:link { color: #fff; text-decoration: none;}
#skipmenu a:visited { color: #fff; text-decoration: none;}
#skipmenu a:focus { color: #fff; text-decoration: none;}
#skipmenu a:hover { color: #fe9900; text-decoration: underline;}
#skipmenu a:active { color: #fe9900; text-decoration: none;}

/* ------------------------------
footernav styles
------------------------------ */
#skipmenu ul
{
	margin: 0 0 10px 20px;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#skipmenu li
{
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #fff;
	color: #fff;
}

#skipmenu li a
{
	text-decoration: none;
	color: #000;
}

#skipmenu li a:hover
{
	text-decoration: underline;
	color: #fe9900;

}

#skipmenu li.last { border-right: none;}

        .address
        {
            text-align: center;
        }


#navigation {
 	height: 280px;
	background: url(../images/header2.jpg) no-repeat 0 0;
	position:relative;
	z-index: -1;
}

.copyright {
    
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 10px;
    line-height: 14px;
    padding: 5px 10px 0 0;
    text-align: right;
}


#use {
    float: right;
    padding: 0px 10px 25px 10px;
}


#hhotelslogo {
    float: left;
    width: 87px;
    padding: 0 20px 25px 10px;
}

#facebooklogo {
    float: left;
    padding: 0 15px 25px 0;
}

.smediaicons {
    float: left;
    width: 30px;
    padding: 0 10px 0 0;
}

.tripadvisor {
    float: left;
 /*  width: 158px;*/
    padding: 0 10px 0 0;
}


/*--------------------
Left Column
----------------------*/

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 220px; /*195*/
 float: left;
}

#leftcolumn ul
{
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
	font-weight: bold;
}

#leftcolumn ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

#leftcolumn h3 { margin: 0 0 .5em; color: White; }


#leftcolumn li a
{
	text-decoration: none;
	color: #fff;
	text-transform:uppercase;
	
}

#leftcolumn li a:hover
{
	text-decoration: none;
	color: #fe9900;
	}

/*--------------------
Right Column
----------------------*/
#rightcolumn { 
 float: right;
 color: white;
 margin-bottom:10px;
 padding: 0px;
 width: 720px;
 display: inline;
 position: relative;
}



#rightcolumn p { line-height: 165%; 
              color: White;
              text-align: left;
              margin: 0 10px 10px 10px;
              }

#lookbook { 
 float: right;
 margin-right:10px;
 display: inline;
 position: relative;
    padding:4px;
   border:1px solid #004EBD;
   background-color:white;
   color: #004EBD; 
}
#lookbook a 
{
   color: #004EBD; 
}

ul
{
list-style-type: circle;
padding: 0 0 15px 0;
margin: 0 10px 0 40px;
line-height: 165%; 
color: White;

}
li
{
padding-left: 12px;
}

#footer { 
/* width: 940px;
 clear: both;
 color: white;
 background: url(../images/footer.jpg) no-repeat 0 0;
 font-size: 80%;

 text-align: right;
 padding: 10px 10px 0 10px;
 height: 130px; */
}
.clear { clear: both; background: none; }

#footer2
{
	clear: both;
	color: #5d5d5d;
	text-align: center;
	font-size: 80%;
	padding: 5px;
	background-color: #CEEBF6;
	width: 960px;
	margin: 0 auto;

}

#footer2 a:link { color: #5d5d5d; text-decoration: none; }
#footer2 a:visited { color: #5d5d5d; }
#footer2 a:focus { color: #5d5d5d; }
#footer2 a:hover { color: #5d5d5d; text-decoration: underline;}
#footer2 a:active { color: #5d5d5d; text-decoration: none;}

div.spacer {clear: both; }


/* ------------------------------
footernav styles
------------------------------ */
#footer2 ul
{
	margin: 0 0 10px 20px;
	padding: 0;
	list-style-type: none;
	text-align: right;
	
}

#footer2 li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #5d5d5d;
}

#footer2 li a
{
	text-decoration: none;
	color: #000;
}

#footer2 li a:hover
{
	text-decoration: underline;
	color: #000;
	/*background-color: #272900;*/
}

#footer2 li.last { border-right: none;}

        .address
        {
            text-align: center;
        }



/* ------------------------------
3 Column Styles
------------------------------ */
#wrap{ width:100%; height:auto;}
#column{ float:left; width:480px;}

#column1 
{
    
	float:left;
	width: 240px;
	background: #4286CD;
}

#column2 {
	float:right;
	width: 240px;
		background: #4992D1;
}

#column3 {
	float:right;
	width: 240px;
		background: #448ACF;
}

/* ------------------------------
Form Layout
------------------------------ */
    fieldset 
    {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
      background-color: #DDEEF6;
       /*  border: solid 1px #a1a1a1;*/
        padding: 10px;
        width: 550px;
        color:#789;
        border:1px transparent;
       margin: 0 auto;
       /* text-align:center; */
    }

    fieldset label, fieldset input, fieldset select
    {
        display: block;
       /* width: 210px; */
        float: left;
        margin-bottom: 10px;
    }
 
     fieldset select, fieldset input[type=text], fieldset input[type=password], textarea
    {
      
        width: 210px;

    }
 
    fieldset label
    {
      
        text-align: right;
        padding-right: 20px;
        width: 210px; 
    }
    
    fieldset p, fieldset h3
    {
      
        color:#789;
    }


.checkbox INPUT
{
 margin-right: 5px
}

.checkbox label
{
 text-align: left
}

.radiolist INPUT
{
 margin-right: 5px
}

.radiolist label
{
text-align:left;
width: auto;
}

    #formLayout
    {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
      background-color: #DDEEF6;
       /*  border: solid 1px #a1a1a1;*/
        padding: 10px;
        width: 500px;
        color:#789;
        border:1px transparent;
       margin: 0 auto;
       /* text-align:center; */
    }
    
    #formLayout label, #formLayout input, #formLayout select
    {
        display: block;
        width: 210px;
        float: left;
        margin-bottom: 10px;
    }
 
    #formLayout label
    {
      
        text-align: right;
        padding-right: 20px;
    }
    
     #formLayout p, #formLayout h3
    {
      
        color:#789;
    }

    
#h_radioclass input
{
    width: 12px; height:12px; 
    margin-top: 2px; float: left;
    }  
 #h_radioclass label{width: 30px;text-align: left; padding-left:5px;}  
 #h_radioclass {}
    
    #v_radioclass input{width: 12px; height:12px; margin-top: 2px;}  
 #v_radioclass label{width: 70%;  text-align: left;}  
 #v_radioclass {float: left; width: 50%}
    



input.button
{
    margin-top:10px;
    width:100px;
}
 
    br
    {
        clear: left;
    }

.hide,
.print
{
	display: none;
}
/* ------------------------------
3 Column Bullets
------------------------------ */
li.col1a, li.col1b, li.col1c, li.col1d, li.col1e, li.col1f{
margin-left: 1.5em;
}


li.col2a, li.col2b, li.col2c, li.col2d, li.col2e, li.col2f {
margin-left: 14.5em;
}

li.col3a, li.col3b, li.col3c, li.col3d, li.col3e, li.col3f {
margin-left: 26.5em;
}

#listyles {
display: block;
padding: 0;
margin: 0;
width: 90%;
list-style-type: circle;
}


/* Column's 2 and 3 are given negative top margins by taking the number of list items * line-height, this example has 5 list items per column, and a line height of 1.5em: 5 * 1.5= 7.5(add negative margin) = -7.5em. */
li.col2a, li.col3a {
margin-top: -9em;
}

#listyles li {
line-height: 1.5em;
}

/* ------------------------------
Amenities page
------------------------------ */

.article-td {
vertical-align:top;
padding:16px 0 0 18px;
}

.article-titletext {
color:#555759;
font:bold 16px arial,helvetica,sans-serif;
text-transform:uppercase;
padding: 5px 0 0 0;
}

.article-subtitle{
color:#555759;
font:italic 12px arial,helvetica,sans-serif;
padding-bottom: 5px;
}

 .article-contenttext {
color:#555759;
font:12px arial,helvetica,sans-serif;
padding-top: 5px;
padding-right:5px;
}

.article-contenttext a {
color:#555759;

}



ul.black 
{
    color:#555759;
    line-height:normal;
}

.singleimagearticlecontentlink-div {
padding:5px 0 0 17px;
}

img.article-contentimage {
left:4px;
position:relative;
top:-1px;
border: medium none;
}

.sia_728x163 {
background: url("../images/amenities_bg.jpg") no-repeat 0 0;
}

.amenities_top {
background: url(../images/content_top.jpg) no-repeat scroll 0 0 transparent;
height:4px;}

.amenities, .amenities_mid {
background: url(../images/content_mid.jpg) repeat-y scroll 0 0 transparent;
}

.amenities_bottom {
background: url(../images/content_bottom.jpg) no-repeat scroll 0 0 transparent;
height:10px;
}

.amenities {
overflow:hidden;
padding: 0 15px 0;
}

hr {
background-color: #D9D9D9;
border: medium none;
width:650px;
margin-bottom: 5px;
}


/*---
Front Page Silder
-----*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	/*height:286px;	width: 790px;*/
	height:165px;	width: 720px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border: 0 none;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; /*right: -7px;*/
	right: 0;
	width: 125px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	/*background: url(paging_bg2.png) no-repeat;*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}



.calendar
{
    color: Black;
}

div.contentbox
{
background: #4992D1 no-repeat;
background-position: 100% 0%;
border: solid 5px #3d87ce;
padding: 10px;
margin-left: 25px;
margin-right: 25px;
}


.submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}

.submitCenter {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
    float: none;
display: inline-block;
}