@charset "utf-8";
/* CSS Document of PackagesBoracay.com*/

body{ background:#eaf3fa url(../images/bg.png) repeat-x;}
#wrapper{ width:1000px; height:auto; margin:auto;}
* { padding:0; margin:0;}



p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; text-decoration:none; color:#000000; font-weight:normal;}
h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:justify; text-decoration:none; color:#014561; font-weight:bold;}
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#024b69; font-weight:bold;}
h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#024b69; font-weight:bold;}
.title1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#000000; font-weight:bold;}
.title2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#000000; font-weight:bold;}
.title3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#000000; font-weight:bold;}
.title4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; text-decoration:none; color:#002800; font-weight:bold;}
.red-txt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#FF0000;}
.blue-txt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#0000FF;}
a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:normal; color:#0069D2;}
a:hover{ color:#FF0000; text-decoration:underline;}
a:focus { outline:none;}


/* Header Navigation */
#header-navigation { width:568px; height:auto; float:left; padding:0; margin:110px 0 0 0;}
#header-navigation ul { list-style:none;}
#header-navigation ul li { float:left; width:auto;}
#header-navigation ul li a {float:left; 
	padding:10px 0 0 0;
	margin:0 1px 0 0;
	width:141px; 
	height:25px; 
	display:block; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	color:#291a00; 
	text-decoration:none;
	font-weight:normal; 
	text-align:center;
	padding-bottom:2px;
	background: url(../images/navigation-bg.png) no-repeat;
	background-position:center;}
#header-navigation ul li a:hover {background:url(../images/navigation-bg-hover.png) no-repeat; color:#FFFFFF;}
#header-navigation ul li a:active {color:#FFFFFF;}

/* Left Side Navigation */
#left-side-navigation { width:250px; height:auto; float:left; padding:0 0 6px 0; margin:0;}
#left-side-navigation ul { list-style:none;}
#left-side-navigation ul li { float:left; width:auto;}
#left-side-navigation ul li a {float:left; 
	padding:5px 0 0 20px;
	margin:1px 0 0 0;
	width:230px; 
	height:17px; 
	display:block; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	color:#291a00; 
	text-decoration:none;
	font-weight:normal; 
	text-align:left;
	padding-bottom:2px;
	background-position:center;
	background:url(../images/left-side-line-bg.png) repeat-x;
	background-position:bottom;}
#left-side-navigation ul li a:hover{ background-color:#547800; color:#FFFFFF;}
#left-side-navigation ul li a:active{color:#FFFFFF;}


/* Header Content*/
#header{ width:1000px; height:147px;float:none;}
.logo{ width:280px; height:122px; float:left; margin:12px 152px 13px 0;}

/* Side Navigation */
#side-navigation { width:280px; height:auto; float:left; margin:15px 21px 0 0;}
.side-navigation-top{width:280px; height:15px; background:url(../images/green-left-side-bg-top.png) no-repeat;}
.side-navigation-center{width:250px; height:auto; padding:0 15px 0 15px; background:url(../images/green-left-side-bg-center.png) repeat-y;}
.side-navigation-bottom{width:280px; height:15px; background:url(../images/green-left-side-bg-bottom.png) no-repeat;}

/* Flash*/
#flash{ width:699px; height:auto; float:left; margin:15px 0 0 0;}
.flash-bg-top{width:699px; height:15px; background:url(../images/flash-bg-top.png) no-repeat;}
.flash-bg-center{width:669px; padding:0 15px 0 15px; height:auto; background:url(../images/flash-bg-center.png) repeat-y;}
.flash-bg-bottom{width:699px; height:15px; background:url(../images/flash-bg-bottom.png) no-repeat;}


/* Body Content*/
#body-content{ width:1000px; height:auto; padding:0; margin:15px 0 0 0; float:none;}
.top-content-bg{width:1000px; height:15px; background:url(../images/content-bg-top.png) no-repeat;}
.center-content-bg{width:1000px; height:auto; background:url(../images/content-bg-center.png) repeat-y;}
.bottom-content-bg{width:1000px; height:15px; background:url(../images/content-bg-bottom.png) no-repeat;}

#content-leftside-box{width:280px; height:auto; float:left; margin:0 15px 21px 15px;}
.content-leftside-top{width:280px; height:15px; background:url(../images/blue-left-side-bg-top.png) no-repeat;}
.content-leftside-center{width:250px; padding:0 15px 15px 15px; height:auto; background:url(../images/blue-left-side-bg-center.png) repeat-y;}
.content-leftside-center-box{width:250px; padding:15px 0 15px 0; height:auto; background:url(../images/side-line2.png) repeat-x; background-position:bottom;}
.content-leftside-center-box a{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#FF0000;}
.content-leftside-center-box a:hover{ color:#000000; text-decoration:none;}
.main2 { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #c7c7c7; height:auto;}
.main1 {padding:10px 10px 10px 10px; background-color:#FFFFFF;}
.main1 .box{ width:320px; height:auto; float:left;}
.img4 { float:left; width:auto; margin:0 0 0 10px;}
.main1 .reservation { float:left; width:240px; height:56px; margin:5px 0 15px 130px;}
.main1 .hotel-thumbs{ width:135px; height:100px; float:left; margin:5px 15px 40px 5px;}
.main1 .inquire-box{ width:150px; height:20px; text-align:center; background-color:#e40000; float:left; margin:10px 0 20px 0; padding:5px 0 0 0;}
.img1 { float:left; margin: 0 10px 10px 0; width:auto; }
.directory { width:645px; height:auto; margin:30px 10px 10px 15px;}
.directory-image { width:125px; height:92px; margin:0 10px 10px 10px; float:left;}
.directory-text { width:475px; height:auto; margin:20px 10px 10px 0; float:right;}

.content-leftside-bottom{width:280px; height:15px; background:url(../images/blue-left-side-bg-bottom.png) no-repeat;}

.body-content{ width:675px; height:auto; margin:0 15px 20px 0; float:left;}
.body-content2{ width:675px; height:auto; margin:0 15px 20px 0; float:left; font-size:20px; color:#333333;}
.youtube{ width:640px; height:auto; margin:10px auto; }
.office-location { width:497px; height:auto; margin:20px auto;}
.agents-content { width:620px; height:auto; margin:20px auto; }
.agents-image { width:135px; height:100px; float:left; margin:0 20px 0 0; }
.skype { width:auto; height:auto; float:right; margin:0 10px;}
.messenger { width:auto; height:auto; float:right; margin:10px 10px;}



/* Footer Content*/
#footer{ width:100%; height:210px; background-color:#01c1f8; background:url(../images/footer-bg.png) repeat-x; float:none; clear:both; text-align:center}
.footer-box{ width:800px; height:auto; margin:auto; padding:40px 100px 0 100px; text-align:center;}
#footer a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; font-weight:normal; color: #B70000; text-decoration:none;}
#footer a:hover{ text-decoration:underline; color:#002851;}
#footer p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:center;}
/* Other */
.clear{clear:both;}
.img{ width:auto; margin:0 10px 10px 0; float:left;}
.view-our-complete-packages-box{ width:675px; height:60px;}
.view-our-complete-packages-box a{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}
.view-our-complete-packages-box a:hover{ color:#000000; text-decoration:none;}

/*New Class*/

.adventure-right { float:right; margin:0 30px 20px 20px; width:450px; height:auto;}
.adventure { margin:0 0 20px 0; height:230px;}
.mainA { margin:0 0 20px 0; padding:0 0 20px 0; height:auto;}
.packages-right { float:right; margin:0 30px 20px 20px; width:300px; height:auto;}
.packages-right2 { float:right; margin:0 0 0 20px; width:auto; height:auto;}
.packages-left { margin:0 0 20px 0; height:auto;}
.style3 { font-size:18px; color:#333333;}

.load-area { margin:0 0 0 20px; width:300px; height:250px;}
.destin { width:auto; margin:10px 0 0 10px;}
.destin2 { width:300px; margin:15px 40px 0 0; float:right;}
.destin3 { width:auto; margin:10px 0 0 5px; border-bottom:1px solid #c7c7c7; height:auto;}
.small-image { margin:5px 5px 0 5px; width:85px; height:52px; float:left; padding:0;}
.resort-list { margin:10px 0 20px 30px; width:300px; height:auto; float:left; }
.reserve{ width:auto; font-size:12px; margin-left:20px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; }
.packsub{ width:300px; float:left; margin-left:20px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
.packcontent{width:auto; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*flights CSS*/

.type-of-planes {
	width:600px; 
	height:auto; 
	margin:20px auto; 
	float:none; 
	background-color:#ffffcc; 
	border:5px #FF0000 dashed; 
	min-height:150px; 
	padding:20px; 
	min-height:200px;
}
	.type-of-planes-validaty-dates { width:300px; height:auto; float:left; margin:0; padding:10px 0;}
	.type-of-planes-validaty-dates p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:left;}
	.type-of-planes-validaty-dates-from {
		width:135px; 
		height:25px; 
		margin:17px 0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:13px; 
		border:1px #9d9e9e solid; 
		float:left; 
		min-height:25px; 
		background-color:#FFFFFF; 
		color:#FF0000; 
		text-align:center;
		padding:5px 0 0 0;
		}
	.type-of-planes-validaty-dates-to {
		width:135px; 
		height:25px; 
		margin:17px 0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:13px; 
		border:1px #9d9e9e solid; 
		float:left; 
		min-height:25px; 
		background-color:#FFFFFF; 
		color:#FF0000; 
		text-align:center;
		padding:5px 0 0 0;
		}
	.type-of-planes-rates { width:300px; height:auto; float:right; margin:0; padding:0;}
	.type-of-planes-rates-title {
		width:280px; 
		height:auto; 
		float:right; 
		margin:0; 
		padding:6px 0 6px 10px; 
		background-color:#fbf588; 
		border:1px #e8e173 solid; 
		margin:10px 0 0 0;
		}
	.type-of-planes-rates p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center;}
		.type-of-planes-rates-number {
		width:140px; 
		height:25px; 
		margin:0 3px 0 0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:14px; 
		border:1px #9d9e9e solid; 
		float:right; 
		min-height:25px; 
		background-color:#FFFFFF; 
		color:#FF0000; 
		text-align:center;
		padding:5px 0 0 0;
		}
	.type-of-planes-img {
	width:140px; 
	height:auto;
	float:left; 
	padding:15px;
	}
	.type-of-planes-inside-info {
	width:420px; 
	height:auto; 
	float:left; 
	padding:15px 0 15px 10px;
	}
	.name-of-plane {width:420px; height:auto; float:left; margin:0; padding:0;}
	.location {
		width:160px; 
		height:auto; 
		float:left; 
		text-align:left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		margin:10px 0 0 0;
		background-color:#fbfbb9; 
		padding:10px 0 10px 10px; 
		border:1px #b9b906 solid;
		}
	.time {
		width:160px; 
		height:auto; 
		float:left; 
		text-align:left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		margin:10px 0 0 10px; 
		background-color:#fbfbb9; 
		padding:10px 0 10px 20px; 
		border:1px #b9b906 solid;
		}	
.title5 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#0D0D0D; 
	text-decoration:none; 
	text-align:center;
	}
	.tell-number {
		width:180px; 
		height:63px; 
		float:right; 
		margin:15px 0 0 5px; 
		padding:0; 
		text-align:center; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:14px; 
		font-weight:bold;
		color:#F5F5F5; 
		padding:17px 0 0 14px; 
		background:url(../images/phone-bg.png) no-repeat;
		}
	.inquire {width:220px; height:52px; float:left; margin:15px 0 0 80px; padding:0;}					
	.more-flights {width:210px; height:210px; margin:0 auto; float:none; clear:both;}
	
/* Link Directory */
.link-directory { width:215px; margin:10px 10px 0 0; float:left; }
.directory-link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:normal; color:#0069D2; text-decoration:none;}
.directory-link:hover{ color:#FF0000; text-decoration:underline;}
.link-exchange{ width:200px; float:left; margin:10px 0 0 0;}
.add-url{ width:200px; float:right; margin:10px 0 0 0; text-align:right; padding:0 10px 0 0;}