/**************************************************
* @project:	Ramada Port Douglas Resort Site
* @author:	Alexander Noakes
* @date:		6-2-2012
* @version:	1.0
*
**************************************************/
body { background: #fff ; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#717171;}

h1,h2,h3,h4,h5{margin:0 0 10px 0;  color:#717171;}
h1 {font-size:20px;  }
h2 {font-size:20px;font-weight:100; }
.title h2{position:relative; font-size:18px; display:block; padding:0px; margin:0px;}
.alt{visibility:hidden;}
.title embed{position:absolute; left: 0px; top: 0px; }
.title object{position:absolute; left: 0px; top: 0px;   }

h3 {font-size:16px; }
h4 {font-size:12px; }
h5 {font-size:10px; }
.title{background:#abddfe; height:25px; padding:5px 0 0 0px; margin: 0 0 10px 0;}
.title span{color:#014b6f;}
.clr{ clear:both;}
img { border:none;}
a { text-decoration:none; color:#cf203f;}
a:hover { text-decoration:underline; color:#333333;}
hr{ border:none; height:1px; background:#6970a4;}


/*--------------------Page--------------------*/



/*--------------------header--------------------*/
.header{ width: 1000px; padding:0 0 1px 0; margin:0 auto; background:url(../images/bg-header.html) center top no-repeat;}
.headerLeft{float:left; margin:15px 0 0 0;}
.headerRight{float: right;width:240px; height:152px; text-align:left; color:#e76d00; margin:0px; border-left:#666666 solid 1px; padding: 0 0 0 10px;}
.headerRight ul{ padding:10px 0 6px 0; margin:0 0 7px 0; border-bottom:#666666 solid 1px;}
.headerRight li{list-style:none; padding:0px 0px 2px 0px;}
.headerRight li a{color:#666666; font-size:11px; text-decoration:none}
.headerRight li a:hover{color:#6970a4; }

.shareBox {margin-top:3px;}


/*--------------------menuTop--------------------*/
.menuTop{color:#FFF; margin: 0 0 1px 0; background:#cf203f;height:30px; width:1001px; }
.menuTop ul{ padding:0px; margin:0;}
.menuTop li{ float:left; line-height:30px; list-style:none; text-transform: uppercase;}
.menuTop li a{color:#fff; font-size:12px; padding:0 17px; text-decoration:none;display:block; line-height:30px;border:#cf203f solid 1px; border-bottom:none; border-top:none;}
.menuTop li a:hover{color:#fff; background:#6970a4; font-size:12px; padding:0 17px; text-decoration:none;display:block; line-height:30px; border:#fff solid 1px; border-bottom:none; border-top:none;}

.MenuLeft{padding-left:10px;}
.MenuLeft ul{ margin:0; padding:0px;}
.MenuLeft li{line-height:25px; width:185px;  display:block; border-bottom:#d5d7e2 solid 1px; }
.MenuLeft li a{ padding:0 0 0 10px; color:#717171;}
.MenuLeft li a:hover{ background-color:#d5d7e2; display:block ; text-decoration:none;}

.bar{background-image: url('../images/bar.jpg'); height:70px; margin:0 0 0 0; position:relative; width: 1001px;}
.contenRight .bar{background:#e9ebf0; height:10px; margin:0 0 8px 0; padding: 10px 10px;	}

.barLeft{float:left; width:500px; margin: 10px 0 0 10px; }
.barLeft h2{color:#cf203f; text-transform: uppercase;}

.barRight{ float:right; width:150px; padding: 15px 0 0 10px}
.barRight ul{ padding:0px; margin:0 ;}
.barRight li{list-style:none; padding:0px 0px 3px 0px;}
.barRight li a{color:#6970a4; font-size:11px; text-decoration:none}
.barRight li a:hover{color:#6970a4; }
.barRight li img{ margin: 0 3px 0 0; vertical-align:bottom;}
/*--------------------content--------------------*/
.container{width: 1000px; margin:0 auto 10px auto; padding:0px; text-align: left; }
.cotenLeft{float:left; width:240px;padding:0}
.cotenInsideLeft{float:left; width:505px; margin:0 0px 0 0;}
.cotenInsideLeftLeft{float:left; width:251px;padding:0 0px 0 0;}
.cotenInsideLeftRight{float:right; width:252px;padding:0 0px 0 0;}
.purpleText{ color:#6970a4; height:160px;}
.purpleText h3, .purpleText a,.slovetextUnhome h3{color:#cf203f; font-weight:100; height:20px;}
.purpleText .more{padding:0px 0px; text-align:right;}
.rbcotenLeft{float:left; width:200px;padding:0}

.contenInsideRight{float:right; width:250px;padding:0 0px;}
.homecontenRight{ float:right; width:757px;padding:0 0px 0 0;}
.contenRight{ float:right; width:757px;padding:0 0px 0 0;}
.contenRight ul{ margin:0 0 0 20px;  padding:0;}
.contenRight li{ list-style:url(../images/bg-list-li.jpg);}

/** MAP **/
#mapcontainer { width:735px; height:420px; margin-bottom:22px; padding:1px; border:4px solid #717171; }
#map { width:100%; height:100%; }


/*--------------------Slide--------------------*/
.slide{width:505px; height:276px; margin: 0 0 2px 0; position:relative;}
.slideimages{ height:276px; width:505px; z-index:1;}
.slideimages ul{padding:0px; margin:0px; list-style:none; }
.slideimages li{ list-style:none; display:none;}
.loading{ background:  url(../../../js/loading.gif) center no-repeat #FFF;  height: 276px; }

.slideDes{ width:485px; height:30px; position:absolute; bottom:2px; left:0px; font-size:12px; font-weight:bold; color:#fff; padding:10px;}
.bgslideDes{height:45px; background:#000000; filter: alpha(opacity = 50); opacity:0.5;  width:505px; position:absolute; bottom:4px; left:0px;}
*html .bgslideDes{bottom:0px;}
.btnslideKanan{ float:left; width:80px;}
.btnslideKiri{ float:right; width:80px;}
.mainImages{ float:left;}
.mainImages img{ border:#FFFF00 5px solid;}

.detailviewtumb{margin:5px; text-align:center;}
.detailviewtumb img{padding:5px}


/*--------------------SLOVE--------------------*/ 
.title{background:#e9ebf0; height:25px; padding:5px 0 0 10px; margin: 0 0 0px 0;}
.sloveForm{background:#ffffff;  margin: 0 0 2px 0; padding: 0 0px; height:275px;}
.slove{  margin: 0 0 2px 0; padding: 0px;}
.slovetext{background:#e9ebf0;  margin: 0 0 2px 0; padding:10px 10px;}
.slovephotos {margin: 0 0 2px 0; padding:0px 0px 0px 10px;}
.slovetextUnhome{margin: 0 0 2px 0; padding:0px 0px 0px 10px;}
.slovetextUnhome table, .contenRight table{ margin:5px 0;}
.contenRight tr td{ vertical-align:top;}
.slovetext p {height: 90px;}



/*--------------------form input--------------------*/
form{ margin:0; padding:0;}
.reserHome{ margin:0 0 10px 0;}
.reserHome td{ padding:7px 0 0 0;}
.reserHome td img{ vertical-align:middle;}
.btn{ font-size:10px; background:#b5b5b5; padding: 1px 8px 0 8px; font-weight:bold ;color:#717171; text-decoration:none; float:right; height:15px; margin:0px 0 0px 0px;}
.btn_input{  border-style:solid;border-width:2px 3px;border-color:#6970A4;background-color:#6970A4;text-align:center; color:#fff;font-weight:bold;}
.btn_book{  border-style:solid;border-width:2px 3px;border-color:#cf203f;background-color:#cf203f;text-align:center; color:#fff; font-weight:bold;}
input, select { font-size:11px; co}

.navibtn{margin:5px 0; border-bottom:#6970a4 solid 1px; padding: 5px;}
.navibtnLeft{ float: left; width:500px;}
.navibtnRight { float:right; width:200px; text-align:right;}


/*--------------------List Group--------------------*/

.listTumb{padding:0 0 10px 0; margin: 0 10px 10px 0;border-bottom:#6970a4 1px dashed;}
.listTumbImages{ float:left; width:120px; padding:0 }
.listTumbDes{float:left; margin-left:220px; width:360px;}

.activitylistTumb{padding:0 0 10px 0; margin: 0 10px 10px 0;border-bottom:#6970a4 1px dashed;}
.activitylistTumbImages{ float:left; width:120px; padding:0 }
.activitylistTumbDes{float: left;margin-left: 195px; width: 416px;}




.ContenlistTumb{padding:0 0 10px 0; margin: 0 10px 10px 0;border-bottom:#6970a4 1px dashed;}
.ContenIamgesList{ float:left; width:150px;}
.ContenDesList{ float:left; width:575px; margin: 0 0 0 10px;}


/*--------------------Down Adv--------------------*/
.downadv {background:url(../images/sekat-bg-maroon.html) bottom no-repeat; padding:0 0 10px 0;margin: 0 0 10px 0;}
.downadv img{margin: 0 0 10px 0; }
.downadv h4{margin:0 0 5px 0;} 

/*--------------------Paging--------------------*/
.paging{font-size:11px; margin: 10px 0;}
.paging span{margin-right: 2px; padding: 2px 5px 2px 5px;border: 1px solid #ccc;
background:#6970a4; color:#fff; }
.paging a{margin-right: 2px; padding: 2px 5px 2px 5px;border: 1px solid #ccc;
background:#e9ebf0; color:#666; }
.paging a:hover{color:#fff ;background-color:#6970a4;text-decoration: none}


.tumSubcribe{ width:458px; height:37px; padding:15px 0 0 0; background:url(../images/bg-sub-scribe.html) no-repeat top left; float:right;}
/*--------------------footer--------------------*/

.footer{  margin:0px auto 20px auto; padding:10px 0 0px 0; width:990px; font-size:11px; border-top:#6970a4 solid 1px; color:#6970a4; text-align: left;}

.footerLeft{ float:left; width:720px;}
.footerLeft span{font-size:10px;}
.footerLeft a{color:#B3263F;}
.footerLeft ul{ padding:0px; margin:0px;}
.footerLeft li{ float:left;list-style:none;}
.footerLeft li a{color:#6970a4; font-size:11px; padding:0 10px 5px 0; text-decoration:none;display:block;}
.footerLeft li a:hover{color:#6970a4;}

.footerRight{ float:right; width:200px; text-align:right;}


/*
.textinput, .textinputHovered, .input, .inputbook 
{width:236px;height:15px;background:url(../images/input.png) repeat-x left top;border:none;	padding:4px 0px; float:left;}
.inputleft{width:6px; height:23px; background:url(../images/input_left.png) no-repeat right top; float:left;}
.inputright{width:5px; height:23px; background:url(../images/input_right.png) no-repeat left top; float:left;}
.inputcenter{float:left;}
.selectbook{width:236px; background:url(../images/input.png) repeat-x left top;border:none; float:left;	padding:3px 0px 2px 0px;}
.selectbook option{ background:#707175;color:#FFFFFF;}
.selectbook option:hover{background:#333333; color:#FFFFFF;}
.textarea, .textareaHovered, .textareabook 
{width:336px;height:125px;background:url(../images/textarea.png) no-repeat left top;	border:none;padding:4px 8px;}
.textalert{color:#F00; font-weight:bold; display:none; font-size:14px;}
#contactbutton, #buttonSend, #buttonclear{ font-size:12px; background: url(../images/button.png) repeat-x; padding:4px 15px 4px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; cursor:pointer;}

-------------FORM-----------*/


/*----Feature box---------*/

.box { background: #D3D2B6; padding: 0 0 15px 0; margin: 18px 0 18px 0; border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; }
.box div { width: 367px; height: 23px; padding: 5px 0 0 8px; background: #797E01; font: 13px verdana; color: #FFFFFF; border-bottom: 2px solid #FFFFFF; }
/*.box img { float:left; padding:5px }*/
.box p { padding: 12px 20px 12px 20px; }
.box ul { margin: 15px 20px 0 20px; padding: 0; list-style-image:url(images/box-li.gif); }
.box li { margin: 0 10px 0 10px; padding: 5px 0 0 5px; }
.box span { color: #CB1652; }
.box a:hover img { opacity:0.75; }
.box h2 { padding: 20px 0 0 20px; font:bold 15px arial; }
.box h3 { padding: 0 0 0 20px; }s


/*testimonial form*/
.tellinput{width:160px;height:15px;background:url(../images/input.png) repeat-x left top;border:none;	padding:4px 0px; float:left;}
#BoxTellfriend{display:none; position:absolute; top:45px; right:0px; width:290px; height:150px; background:#FFF; border:1px #e9ebf0 solid; z-index:10; padding:5px;}
#BoxTellfriendclose{text-align:right; cursor:pointer;}
#BoxTellfriendcontent{color:#000; font-size:10px; font-weight:bold; min-height:30px; _height:3px;} 
/* #contactbutton{background:#CCC; border:#e9ebf0 solid 1px; cursor:pointer;} */
#sendtofriend{background:#CCC; border:#e9ebf0 solid 1px; cursor:pointer;}
#BoxTellfriend .loading{background:url(../../../js/loading.gif) center no-repeat #FFF; height:130px;}
.texalert{color:#F90; padding-left:2px; font-weight:bold;}






/*-------------FORM-----------*/

.textinput, .textinputHovered, .input, .inputbook {width:236px;height:15px;background:url(../images/input.png) repeat-x left top;border:none;	padding:4px 0px; float:left;}

* html .textinput, * html .textinputHovered, * html .input, * html .inputbook {height:14px;padding:4px 0px;}

.inputleft{width:6px; height:23px; background:url(../images/input_left.png) no-repeat right top; float:left;}

.inputright{width:5px; height:23px; background:url(../images/input_right.png) no-repeat left top; float:left;}

.inputcenter{float:left;}



.selectbook{width:236px; background:url(../images/input.png) repeat-x left top;border:none; float:left;	padding:3px 0px 2px 0px;}

.selectbook option{ background:#707175;color:#FFFFFF;}

.selectbook option:hover{background:#333333; color:#FFFFFF;}



.textarea, .textareaHovered, .textareabook 

{width:336px;height:125px;background:url(../images/textarea.png) no-repeat left top;	border:none;padding:4px 8px;}
.textalert{color:#F00; font-weight:bold; display:none; font-size:14px;}
.contactbutton, .buttonSend, #buttonclear{ font-size:12px; background: url(../images/button.png) repeat-x; padding:4px 15px 4px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; cursor:pointer;}

.buttonloading{background:url(../../../js/ajax-loader.gif) 5px 4px no-repeat #3a9fdd; padding-left:20px;}

* html .contactbutton, * html  .buttonSend, * html  #buttonclear{ font-size:12px; background: url(../images/button.png) repeat-x; padding:4px 10px 4px 10px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; cursor:pointer;}



#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/*-------------Meeting Table-----------*/
table.rooms 
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 500px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.room td 
{background-color: #CCC;
color: #000;
width:400px;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.room td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

table.room td.mid
{background-color: #aaa;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}


.confList {
padding: 0 0 10px 0;
margin: 0 10px 10px 0;
border-bottom: #6970A4 1px dashed;
border-bottom-color: #6970A4;
border-bottom-width: 1px;
border-bottom-style: dashed;
}

.row {
	float: right;
	width: 760px;
	margin-bottom: 15px;
}

.left {
	float:left;
	margin-right: 20px;
}