@charset "utf-8";
/* Punta Rosa Boracay CSS Document by: ManilaHosting.net */

/* Global Style ------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	background:#2cb3e5 url(../images/bg.jpg) repeat-x top;
	}
* {
	margin:0;
	padding:0;
	}
a:focus {
	outline:none;
	}
#wrapper {
	width:1024px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:url(../images/blur-bg.png) no-repeat top;
	}

/* Text Style -------------------------------------------------------------------------*/
h1 {
	font-family:Pristina;
	font-size:24px;
	font-weight:normal;
	color:#015bb5;
	text-decoration:none;
	margin-bottom:6px;
	}
#body-content h2 {
	font-family:Pristina;
	font-size:18px;
	font-weight:normal;
	color:#04698e;
	text-decoration:none;
	}
#body-content h2 a{
	font-family:Pristina;
	font-size:18px;
	font-weight:normal;
	color:#F00000;
	text-decoration:none;
	}
#body-content h2 a:hover {
	color:#04698e;
	text-decoration:none;
	}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:justify;
	line-height:16px;
	color:#0D0D0D;
	}
.main-official-web .center {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	}
.main-official-web .center a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	color:#0057af;
	font-weight:normal;
	}	
.main-official-web .center a:hover{
	text-decoration:none;
	color:#f2031f;
	}
#left-panel .title-bar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fbfbfb;
	text-decoration:none;
	text-align:center;
	}
.main-thumbs .name-tag {
	font-family:Pristina;
	font-size:18px;
	color:#1e80c7;
	text-align:center;
	text-decoration:none;
	}
#left-panel .panel-content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	text-decoration:none;
	}
#left-panel .panel-content a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#005BB7;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	}
#left-panel .panel-content a:hover{
	color:#F00000;
	}	
#body-content a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f90303;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	}
#body-content a:hover{
	color:#0358af;
	}
#body-content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
	text-decoration:none;
	line-height:16px;
	}
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	}
#footer a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#054c9b;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	}
#footer a:hover{
	text-decoration:none;
	color:#fa0320;
	}

	
/* Navigations Style ---------------------------------------------------------------- */
#navigations {
	width:1004px;
	height:40px;
	border-bottom:2px #b2b2b3 solid;
	margin:0;
	padding:0 10px;
	background:url(../images/nav-bg.png) no-repeat;
	}
#navigations ul{
	list-style:none;
	}
#navigations ul li{
	width:143px;
	height:40px;
	float:left;
	}
#navigations ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#046b9b;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	width:143px;
	height:28px;
	float:left;
	display:block;
	padding:12px 0 0 0;
	}
#navigations ul li a:hover{
	text-decoration:none;
	color:#023d58;
	}
#navigations ul li a.active{}


/*  Accommodations Navigation Style ----------------------------------------------------------*/
#accoommodations-nav {
	width:620px;
	height:44px;
	float:none;
	padding:0 8px 4px 7px;
	margin:5px 0 3px 390px;
	clear:both;
	background:url(../images/accommodations-bg.png) no-repeat;
	clear:both;
	}
#accoommodations-nav ul{
	list-style:none;
	}
#accoommodations-nav ul li{
	width:auto;
	height:44px;
	float:left;
	}
#accoommodations-nav ul li a{
	font-family:Pristina;
	font-size:16px;
	font-weight:normal;
	color:#046592;
	text-align:center;
	text-decoration:none;
	display:block;
	width:auto;
	height:34px;
	margin:0;
	padding:10px 15px 0 15px;
	background:url(../images/accommodations-divider.png) no-repeat right;
	}
#accoommodations-nav ul li a:hover{
	text-decoration:none;
	color:#023345;
	}
#accoommodations-nav ul li a.active{
	color:#FF0000;
	}
#accoommodations-nav ul li a.bg {
	background:url(../images/accomodations-divider2.png) no-repeat right;
	}
	
/* Footer Navigations Style ---------------------------------------------------------- */
#footer-nav{
	width:952px;
	height:30px;
	float:none;
	margin:0 auto 20px auto;
	}
#footer-nav ul{
	list-style:none;
	}
#footer-nav ul li{
	width:136px;
	height:30px;
	float:left;
	}
#footer-nav ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	width:136px;
	padding:8px 0 0 0;
	height:22px;
	text-align:center;
	display:block;
	color:#FFFFFF;
	border-right:1px dotted #157ea5;
	}
#footer-nav ul li a:hover{
	color:#014ab9;
	text-decoration:none;
	background:url(../images/footer-nav-hover.png) no-repeat;
	}
#footer-nav ul li a.active{
	color:#FF0000;
	}
#footer-nav ul li a.bg {
	border-right:1px dotted #2cb3e5;
	}
	
/* More Info Style ---------------------------------------------------------------------- */
#more-info{
	width:150px;
	height:30px;
	float:right;
	margin:20px 0 0 0;
	}
#more-info ul{
	list-style:none;
	}
#more-info ul li{
	width:auto;
	height:30px;
	}
#more-info ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	float:left;
	font-weight:normal;
	color:#FFFF00;
	display:block;
	width:auto;
	height:auto;
	padding:7px 20px;
	background:url(../images/more-info.png) no-repeat center;
	}
#more-info ul li a:hover{
	text-decoration:none;
	color:#FCFCFC;
	}
#more-info2{
	width:150px;
	height:30px;
	float:right;
	margin:20px 0 0 0;
	}
#more-info2 ul{
	list-style:none;
	}
#more-info2 ul li{
	width:auto;
	height:30px;
	}
#more-info2 ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	float:left;
	font-weight:normal;
	color:#FFFF00;
	display:block;
	width:auto;
	height:auto;
	padding:7px 20px;
	background:url(../images/more-info.png) no-repeat center;
	}
#more-info2 ul li a:hover{
	text-decoration:none;
	color:#FCFCFC;
	}
#more-info3{
	width:150px;
	height:30px;
	float:right;
	margin:20px 0 0 0;
	}
#more-info3 ul{
	list-style:none;
	}
#more-info3 ul li{
	width:auto;
	height:30px;
	}
#more-info3 ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	float:left;
	font-weight:normal;
	color:#FFFF00;
	display:block;
	width:auto;
	height:auto;
	padding:7px 20px;
	background:url(../images/more-info.png) no-repeat center;
	}
#more-info3 ul li a:hover{
	text-decoration:none;
	color:#FCFCFC;
	}
#more-info4{
	width:150px;
	height:30px;
	float:right;
	margin:20px 0 0 0;
	}
#more-info4 ul{
	list-style:none;
	}
#more-info4 ul li{
	width:auto;
	height:30px;
	}
#more-info4 ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	float:left;
	font-weight:normal;
	color:#FFFF00;
	display:block;
	width:auto;
	height:auto;
	padding:7px 20px;
	background:url(../images/more-info.png) no-repeat center;
	}
#more-info4 ul li a:hover{
	text-decoration:none;
	color:#FCFCFC;
	}
#more-info5{
	width:150px;
	height:30px;
	float:right;
	margin:20px 0 0 0;
	}
#more-info5 ul{
	list-style:none;
	}
#more-info5 ul li{
	width:auto;
	height:30px;
	}
#more-info5 ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	float:left;
	font-weight:normal;
	color:#FFFF00;
	display:block;
	width:auto;
	height:auto;
	padding:7px 20px;
	background:url(../images/more-info.png) no-repeat center;
	}
#more-info5 ul li a:hover{
	text-decoration:none;
	color:#FCFCFC;
	}

/* Header Style ---------------------------------------------------------------------- */
#header {
	width:1024px;
	height:auto;
	clear:both;
	float:none;
	margin:0;
	padding:0;
	}
.punta-rosa-logo {
	width:400px;
	height:70px;
	float:left;
	margin:25px 289px 13px 14px;
	}
.main-official-web {
	width:321px;
	height:auto;
	float:right;
	margin:15px 0 5px 0;
	padding:0;
	}
.main-official-web .divider-official {
	width:2px;
	height:70px;
	float:left;
	background:url(../images/divider-official-web.png) no-repeat;
	margin:8px 8px 0 0;
	padding:0;
	}
.main-official-web .official-web {
	width:311px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	clear:right;
	}
.main-official-web .top {
	width:311px;
	height:5px;
	margin:0;
	padding:0;
	float:right;
	background:url(../images/top-bg-official-web.png) no-repeat;
	}
.main-official-web .center {
	width:291px;
	height:auto;
	padding:2px 10px;
	margin:0;
	float:right;
	background:url(../images/center-bg-official-web.png) repeat-y;
	}
.main-official-web .bottom {
	width:311px;
	height:5px;
	margin:0;
	padding:0;
	float:right;
	background:url(../images/bottom-bg-official-web.png) no-repeat;
	}

/* Content Style --------------------------------------------------------------------- */
#main-content {
	width:1024px;
	height:auto;
	clear:both;
	margin:0;
	padding:0;
	}
#main-content .center {
	width:1004px;
	height:auto;
	margin:0;
	padding:10px;
	background:url(../images/content-center-bg.png) repeat;
	min-height:400px;
	}
#main-content .bottom {
	width:1024px;
	height:15px;
	margin:0;
	padding:0;
	background:url(../images/content-bottom-bg.png) no-repeat;
	}
	
/* Left Panel Style ---------------------------------------------------------------------------- */
#left-panel {
	width:300px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	}
#left-panel .title-bar{
	width:300px;
	height:25px;
	padding:5px 0 0 0;
	text-align:center;
	margin:0;
	clear:both;
	background:url(../images/title-bar.png) no-repeat top;
	}
#left-panel .panel-content{
	width:280px;
	height:auto;
	padding:10px 10px 20px 10px;
	clear:both;
	margin:0 0 15px 0;
	background-color:#faf9f9;
	min-height:50px;
	border-top:1px solid #FFFFFF;
	}
.panel-content .panel-left{
	width:140px;
	height:auto;
	margin:0 0 10px 0;
	text-align:left;
	float:left;
	padding:0;
	}
.panel-content .panel-right{
	width:120px;
	height:auto;
	margin:0 0 5px 0;
	float:right;
	padding:0 0 0 15px;
	text-align:left;
	}
.panel-content form {
	width:120px;
	height:20px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0076EC;
	float:left;
	clear:both;
	}
.panel-content select {
	width:118px;
	height:20px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fa0202;
	float:left;
	margin:2px 0 10px 0;
	}
.panel-content .submit input {
	width:133px;
	height:35px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	float:left;
	border:0;
	margin:20px 0 0 5px;
	cursor:pointer;
	}

/* Body Content --------------------------------------------------------------------- */	
#body-content {
	width:693px;
	height:auto;
	padding:0;
	margin:0;
	float:right;
	min-height:600px;
	}	
#body-content .punta-rosa-banner{
	width:693px;
	height:auto;
	clear:both;
	padding:0 0 3px 0;
	float:none;
	margin:0 0 20px 0;
	border-bottom:1px dotted #cbcaca;
	}	
#body-content .main-thumbs {
	width:210px;
	height:auto;
	float:left;
	margin:0 10px 0 0;
	}	
#body-content .main-thumbs .name-tag {
	width:180px;
	height:25px;
	margin:0;
	padding:15px 0 0 30px;
	background:url(../images/name-tag.png) no-repeat top;
	}
#body-content  .punta-rosa-map{
	width:500px;
	height:auto;
	margin:20px auto;
	clear:both;
	text-align:center;
	}
#body-content  .punta-rosa-map {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	text-align:center;
	}
#body-content .line {
	width:693px;
	height:10px;
	float:none;
	margin:10px 0;
	clear:both;
	background:url(../images/line.png) no-repeat center;
	}
#body-content .main-accommodation{
	width:660px;
	height:auto;
	padding:10px 10px 20px 10px;
	float:none;
	margin:0 auto 15px auto;
	clear:both;
	border-bottom:1px dotted #6997a6;
	}	
.main-accommodation .thumbs {
	width:135px;
	height:auto;
	float:left;
	margin:0 10px 50px 0;
	}
#body-content  .main-rates {
	width:630px;
	height:auto;
	margin:20px auto;
	clear:both;
	padding:10px;
	border:1px solid #a6defa;
	background-color:#eaf5fa;
	min-height:100px;
	}	
#body-content .contact-form {
	width:490px;
	height:auto;
	margin:20px auto;
	clear:both;
	float:none;
	padding:0;
	}
#body-content .punta-rosa-youtube {
	width:343px;
	height:auto;
	margin:20px auto;
	padding:0;
	float:none;
	clear:both;
	}

#body-content .punta-rosa-tripadvisor {
	width:150px;
	height:auto;
	margin:20px auto;
	padding:0;
	float:none;
	clear:both;
	}
	
/* Footer Style ----------------------------------------------------------------------*/
#footer {
	width:1004px;
	height:auto;
	margin:0 0 15px 0;
	clear:both;
	float:none;
	padding:10px;
	min-height:30px;
	text-align:center;
	}

/* Link Exchange Style ----------------------------------------------------------------*/


/* Other Style ------------------------------------------------------------------------*/
.clear {
	clear:both;
	}
.video {
	width:640px;
	height:auto;
	float:none;
	clear:both;
	margin:10px auto 20px auto;
	}
.main-accommodation-thumbs {
	width:600px;
	height:auto;
	float:none;
	margin:10px auto 30px auto;
	padding:0;
	clear:both;
	}
.main-accommodation-thumbs .thumbs {
	width:280px;
	height:auto;
	margin:10px;
	float:left;
	}
.panel-content .youtube-img {
	width:130px;
	height:auto;
	margin:10px 0 0 10px;
	float:left;
	padding:0;
	}
.panel-content .facebook-img {
	width:66;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	}
.panel-content .twitter-img {
	width:66;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	}
.panel-content .tripadvisor-img {
	width:90;
	height:auto;
	float:left;
	padding:10px 0 0 90px;
	}
	
/*
 * Form Design
 * 
 */
 
form#front-form fieldset
{
 clear: both;
 font-size: 100%;
 border-color: #000000;
 border-width: 1px 0 0 0;
 border-style: solid none none none;
 padding:5px 5px;
 margin: 0 0 0 0;
}

form#front-form fieldset legend
{
 font-size: 150%;
 font-weight: normal;
 color: #000000;
 margin: 0 0 0 0;
 padding: 0 5px;
}

form#front-form div
{
 clear: left;
 display: block;
 width: auto;
 padding: 1px 3px;
}

form#front-form label
{
 font-size: 100%;
 text-align: right;
 margin: 15px 5px 0 0;
 padding: 5px;
 width: 120px;
 float: left;
 font-weight: bold;
}

form#front-form label.label-desc
{
 width: 180px !important;
}

form#front-form label.label-extended
{
 width: 220px !important;
}


form#front-form input
{
 width: 250px;
}
form#front-form select
{
 width: 265px;
}

form#front-form select#custom { width: 75px; }

form#front-form input.short
{
 width: 180px;
}

form#front-form input#order
{
 width: 30px;
}

form#front-form input, form#front-form select, form#front-form textarea
{
 font-size: 100%;
 color: #000000;
 margin: 10px 0 0 0;
 padding: 5px;
 border: 3px solid #DFF1F6;
}

form#front-form input#short_input
{
 width: 60px;
}

form#front-form input#add_input, form#front-form input#check, form#front-form input#radio
{
 width: 10px;
 margin: 20px 0 0 0;
}

form#front-form input#check
{
 margin: 22px 0 0 10px;
}


form#front-form select option
{
 padding: 2px;
 margin-left:10px;
}

form#front-form input#submit, form#front-form input#reset
{
 width: 100px;
 font-weight: bold;
}

form#front-form input#extended
{
 font-weight: bold;
}

form#front-form input:focus
{
 border-color: #9DE2F6;
}

#note-box
{
 background: #f8f8f8 /*url('../images/note.png') no-repeat 1% 20%*/;
 padding:20px !important;
 font-style: italic;
 color: #008000;
 text-indent: 20px;
 margin: 0 auto;

}

#note-box div
{
 margin-left: 40px !important;
 text-indent: 20px;
 padding-left: 10px;
}

.required { color: red; }

/* Calendar */
 #calendar-wrapper
 {
  margin: 0 auto;
 }

 .calendar-top
 {
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  margin: 0 0 5px 0;
 }

 #calendar1, #calendar2 { float: left; }
 #calendar1
 {
  margin: 0 20px 0 50px;
 }

#success-message
{
 background: #E2F9E3;
 border: 1px solid #9ECE9E;
 text-indent: 35px;
 margin: 10px 15px !important;
 padding: 20px 0 !important;
}

#error-message
{
 background: #FCDCDC;
 border: 1px solid #FF6A6A;
 text-indent: 20px;
}

#success-message div, #error-message div
{
 margin: 0 0 0 15px;
}