@charset "UTF-8";

/* CSS Document TRANQUILSEAS
------------------------------------------------------------- */
html, body {
	padding:0;
	margin:0;
	font-family: Geneva,"Lucida Sans", "Lucida Grande", Lucida, Verdana;
	color:#000;
	font-size:13px;
	line-height: 18px;
	background:url(../images/bk.jpg);
}

p {
	padding: 0 0 14px 0;
	margin: 0;
}

a {
	color: #C35402;
	font-weight: bold;
	text-decoration:none;}

a:hover {color: #C9A538;}	
.marq {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #C1650C;
	text-decoration: none;
}

	
	
/* ----- CONTAINER -------- */
#container-wide {
	background:url(../images/bk-center.jpg) no-repeat top center;
	float: left;
	width:100%;}

#container-wide-top {
	background:url(../images/bk-top.jpg) repeat-x top center;
	float: left;
	width:100%;}

#container {
	margin:auto;
	width:980px;}
		
/* ------ TOP ----------- */

/* @group Top */

#top {
	float: left;
	height: 150px;
	width: 980px;
	background-image: url(logo.jpg);
}

#logo {
	float: left;
	padding: 25px 0 0 20px;
	width: 310px;}

	#logo a img {
		border: none;}

#slogan {
	float: left;
	padding: 45px 0 0 10px;
	width: 325px;}

	#slogan h1 {
		padding: 0;
		margin: 0;}

#translate {
	float: left;
	padding: 10px 0px 0 30px;
	width: 285px;
}

	#translate p {
		padding: 0 0 5px 0;}

/* @end */

/* ---- MENU ------------ */

/* @group Menu */

#menu {
	width:970px;
	height: 40px;
	background:url(../images/menu-bk.jpg);
	padding:8px 0 0 10px;
	float:left;}

#menu ul, li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;}
	
#menu li a {
	float:left;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	height:30px;
	padding:10px 5px 0 5px;
	text-shadow: 1px 1px 1px #47331E;
	background:url(../images/menu-div-line.png) right center no-repeat;
	display:block;
}	

#menu li a:hover{
	color: #DCC36E;
	padding:11px 5px 0px 5px;
	height:29px;
}
	
#menu li.selected a{
	color:#B2DEDD;}

/* @end */


/* ----- CONTENT ----------- */
#content {
	background:url(../images/content-cross.jpg);
	float: left;
	width: 980px;}

#content-left {
	background:url(../images/content-left-cross.jpg);
	float: left;
	width: 695px;}

#content-left-top {
	background:url(../images/content-left.jpg) no-repeat;
	float: left;
	width: 695px;}
#content-left-top2 {
	background:url(../images/bg2.jpg) no-repeat;
	float: left;
	width: 695px;}

#content-left-bottom {
	background:url(../images/content-left-bot.jpg) no-repeat;
	float: left;
	height: 50px;
	width: 695px;}
	
#header-pic {
	float: left;
	height: 300px;
	padding: 13px 0 0 20px;
	width: 670px;
}

#header-pic-frame {
	background:url(../images/pic-frame.gif) no-repeat;
	height: 304px;
	position: absolute;
	width: 670px;
}

#header-slogan {
	float: left;
	padding: 10px 0 0 80px;
	width: 615px;
}

#body-text {
	float: left;
	color: #F9F2E8;
	line-height: 19px;
	padding: 10px 90px 0px 90px;
	width: 505px;
}

#body-text2 {
	float: left;
	color: #F9F2E8;
	line-height: 19px;
	padding: 50px 20px 0px 90px;
	width: 580px;
}

#body-text p {
	color: #F3E8C9;
	font-size: 13px;
}

#content-right-top {
	background:url(../images/content-right.jpg) no-repeat;
	float: left;
	width: 285px;
}

#content-right {
	background:url(../images/content-right-cross.jpg);
	float: left;
	margin: 0 -3px 0 0;
	width: 285px;}

#content-right-bottom {
	background:url(../images/content-right-bot.jpg) no-repeat;
	float: left;
	height: 60px;
	width: 285px;}

#box-availability {
	float: left;
	height: 120px;
	padding: 40px 80px 0 25px;
	width: 180px;
}

#box-special-offer {
	float: left;
	height: 120px;
	padding: 30px 80px 0 25px;
	width: 180px;
}

#box-availability p, #box-special-offer p, #content-right-ip p {
	padding: 5px 0 0 0;
}

#box-availability h3, #content-right-ip h3, #box-special-offer h3 {
	padding: 0;
	margin: 0;
}

#stay-in-touch {
	float: left;
	height: 85px;
	padding: 15px 0px 0 25px;
	width: 260px;
}

#stay-in-touch img {
	padding: 0px 10px 0 0px;
}

#stay-in-touch a img {
	border: none;
}

#trip-advisor {
	float: left;
	padding: 28px 0 0 27px;
	width: 258px;
}


/* ----- FOOTER ------------ */
#footer {
	color: #EAD9A5;
	width:960px;
	height:40px;
	background:url(../images/footer-bk.jpg) no-repeat;	
	padding:30px 10px 20px 10px;
	text-shadow: -1px -1px 1px #654A2A;
	font-weight: bold;
	float:left;
	margin: 0 -3px 0 0;}
	
#footer a {
	color:#333;
	font-weight:bold;}

#footer a:hover {
	color:#000;}
	
.footer-left {
	color: #D8BE75;
	font-size: 16px;
	float: left;
	width: 335px;
}

.footer-right {
	font-size: 14px;
	float: right;
	text-align: right;
	width: 460px;
}

/* ----- EXTRA CODE FOR THE INNER PAGES ------------- */

#content-left-top-ip {
	background:url(../images/content-left-ip.jpg) no-repeat;
	float: left;
	width: 695px;}
	
#body-text-ip {
	float: left;
	color: #F9F2E8;
	line-height: 19px;
	padding: 60px 90px 40px 100px;
	width: 505px;
}

#body-text-ip p {
	color: #F3E8C9;
	font-size: 13px;
}

#body-text-ip h1 {
	margin-left: -40px;
}

#body-text-ip h2 {
	background:url(../images/leaf.gif) right top no-repeat;
	font-family: Geneva,"Lucida Sans", "Lucida Grande", Lucida, Verdana;
	font-size:24px;
	color: #DCC683;
	padding: 15px 0 15px 0;
}

#body-text-ip h2.no-leaf {
	background:none;
}

#content-right-ip {
	background:url(../images/content-right-ip-cross.jpg);
	float: left;
	margin: 0 -3px 0 0;
	width: 285px;}

#content-right-top-ip {
	background:url(../images/content-right-ip.jpg) no-repeat;
	float: left;	
	width: 285px;}

#content-right-bottom-ip {
	background:url(../images/content-right-ip-bot.jpg) no-repeat;
	float: left;
	height: 50px;
	width: 285px;}

#box-availability-ip {
	float: left;
	height: 220px;
	padding: 40px 40px 0 25px;
	width: 220px;
}

/* ----- CLASSES ------------- */

h1 {
	font-family: Geneva,"Lucida Sans", "Lucida Grande", Lucida, Verdana;
	font-size:34px;
	color:#009898;
	margin:0;
	padding:0 0 50px 0;
	text-shadow: 1px 1px 1px #fff;
	font-weight:bold;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	margin:0;
	padding:0 0 15px 0;
	font-weight: normal;
	line-height: 20px;
}


.flag {
	display: block;
	float: left;
	padding: 8px 8px 8px 10px;
}

.red {
	color: #AA4000;
}
.red-head {
	color: #AA4000;
	font-weight:bold;
	font-size:26px;
}
.green-head {
	color: #009898;
		font-weight:bold;
	font-size:26px;
}


.small-pic {
	background:url(../images/pic-small-frame.gif) no-repeat;
	float: left;	padding: 25px 20px 50px 15px;
	margin: 0 30px 10px 0;}

a.dropdown {
	background:url(../images/dropdown.png);
	font-size: 12px;
	font-weight: normal;
	float: left;
	color: #666;
	margin: 0 0 10px 0;
	padding: 5px 0 0 10px;
	height: 23px;
	width: 145px;
}

a.dropdown:hover {color:#C35402;}

form.date {
	line-height: 15px;
	padding: 10px 0 0 0;
	float: left;
}

form.date a img {
	border: none;
	float: left;
}

.search {
	margin: 0 0 0 65px;
}

form.date label {
	color: #BF5D01;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 0 0;
	width: 70px;
	float: left;
}

.date-field {
	background-color: #F4EBD0;
	border:1px solid #C5A448;
	color: #9B754C;
	float: left;
	height: 23px;
	padding: 2px 5px;
	font-style: italic;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0 5px 10px 0;
	width: 80px;
}

.paperbox {
	background:url(../images/paperbox-cross.jpg);
	float: left;
	width: 285px;
}

.paperbox-bottom {
	background:url(../images/paperbox-bot.jpg) no-repeat;
	float: left;
	height: 37px;
	width: 285px;
}

.paperbox-top {
	background:url(../images/paperbox-top.jpg) no-repeat;
	float: left;
	padding: 30px 20px 0 30px;
	width: 235px;
}

.paperbox-top2 {
	background:url(../images/paperbox-top2.jpg) no-repeat;
	float: left;
	padding: 30px 20px 0 30px;
	width: 235px;
}

.pic-float-right {
	float: right;
}
#pro_drop1
{ height:auto;
width:250px;
float:left;
text-align:center;
}
#pro_drop2
{height:50px;
width:250px;
float:left;
text-align:center;
}