@charset "utf-8";
/* CSS Document */

body, html {
	margin:0; padding:0;
	font: small  Arial, Helvetica, sans-serif;
	color:#555555;
}
body {
	border-top:3px solid #007dc4;
	background:url(images/mainbg.jpg) top left repeat-x;
}

#main {
	width:900px;
	margin:0 auto;
}
#header {
 height:120px;
}
#content {
	padding:10px 15px;
}
#footer {
	border-top:3px solid #808080;
	padding:8px;
	color:#0066a0;
}
#copyright {
	width:250px;
	float:left;
}
#footerInfo p {
	text-align:right;
}


/************************************** Text Formatting **********************************************/
h1 {
	margin:10px 0 3px 0; padding:0;
	color:#00649d;
	font-size:22px;
	font-weight:normal;
}
h2 {
	margin:0 0 10px 0; padding:0;
	font-size:18px;
	font-weight:normal;
	color:#5b5b5b;
}
h4 {
	color:#00649d;
	margin:0 0 3px 0;
	font-size:110%;
}
.blue { color:#00649d; }
p {
	margin:0 0 10px 0; padding:0; text-align:justify;
}
a { color:#00649d; }
.glassraven {
	color:#999999;
	text-decoration:none;
	font-size:11px;
}


/************************************** Navigation **********************************************/
#navigation {
	background:url(images/navbg.jpg) top left repeat-x;
	height:46px;
	font-size:16px; position:relative;
}
#navigation ul{
	margin:0 -15px;
	padding:0 15px;
	list-style:none;
}
#navigation li {
	margin:0; padding:0;
	float:left;
	height:46px;
	background:transparent url(images/nav-divider.jpg) top left no-repeat;
}
#navigation li.nav1 {
	background:transparent url(images/navbgl.jpg) top left no-repeat;
}
* html #navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
#navigation li a {
	margin:0;
	padding:0;
	height:34px;
	width:180px;
	text-decoration:none;
	border:0;
	padding:12px 0 0 0;
	text-align:center;
	display:block;
	color:#FFFFFF;
	cursor:pointer;
}
#navigation li a:hover, 
#home #navigation li.nav1 a,
#about #navigation li.nav2 a,
#booking #navigation li.nav3 a,
#dest #navigation li.nav4 a,
#contact #navigation li.nav5 a  {
	background:transparent url(images/nav-selected.jpg) center bottom no-repeat;
	text-decoration:none;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
}
#navigation li a:hover {
	color:#bcbbbb;
	font-weight:normal;
	background-image:url(images/nav-hover.jpg);
}

/************************************** Home Page **********************************************/
div#boxes { position:relative; width:100%; height:480px; }
div.box {
	color:#FFFFFF;
	width:250px; height:150px;
	background: bottom left no-repeat;
	position:relative;
}
div.insure { position:absolute; top:320px; left:0;  }
div.box1 { position:absolute; top:0; left:0; }
div.box2 { position:absolute; top:160px; left:0; }
div.box3 { position:absolute; top:320px; right:4px; }  
div.centralbox {
	position:absolute; top:2px; left:265px;
	width:325px; height:460px;
	background:url(images/boxbigimage.jpg) top left no-repeat;
	border:4px solid #00649d;
	font-size:18px;
}
div.centralbox .details a { display:block;width:160px; height:100px; margin: 25px 0 0 140px; padding: 10px 0 0 20px; text-decoration:none; color:#FFFFFF }
/*
div.splitbox {
	color:#00649d;
	background:#c8e3f2 url(images/splitbox.gif) top left no-repeat;
	position:absolute; top:320px; left:0;
	width:250px; height:150px;
}
div.splitbox #tophalf {  position:relative }
div.splitbox #lowerhalf { display:block; height: 75px; width:250px; position:relative }
div.splitbox h3 { margin:0;  }
div.splitbox h3 a { display:block; height: 57px; width:210px; font-size: 18px; padding:18px 0 0 40px;  text-decoration:none; }
div.splitbox h3 a span { font-weight:normal; font-size:14px; }
*/
div.formbox {
	width:250px; height:310px;
	color:#544e4e;
	background:#c8e3f2 url(images/box-bottom.gif) bottom left no-repeat;
	position:absolute; top:0px; right:4px;
}
div.box h3, div.formbox h3 {
	font-size:16px;
	margin:0; padding:0;
	font-weight:normal;
	color:#FFFFFF;
	background: #00649d url(images/boxtop.gif) top left no-repeat;
	border-bottom:1px solid #FFFFFF;
}
div.box h3 a span {
	display: block;
	padding:7px 0 0 10px;	
	height:23px;
	width:240px;
	font-weight:normal; text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}
div.formbox h3 { height:36px; padding:4px 0 0 10px; font-size:13px; }
div.box .price {
	font-size:13px;
	position:absolute; top:10px; right:10px;
}
div.box .type {
	position:absolute; bottom:0; left:0;
}
div.box .type a {
	width:250px; height:120px;
	display:block;
	font-style:italic; text-decoration:none; color:#FFFFFF;
}
div.box .type a span {
	position:absolute; bottom:5px; left:10px;
}

/************************************** Destinations Page **********************************************/
#dest table td { padding: 0 0 2px 10px; }
#dest table { background:#c8e3f2 url(images/table-top.gif) top left no-repeat;}
#dest table thead td {
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 0 8px 10px;
}
.priceType { float:right; font-style:italic; font-size:14px; padding: 4px 10px 0 0;}
#dest table td.tinfo { width:230px }
#dest table td.tfrom { width:85px }
#dest table td.tprice { width:85px }
#dest table td.tfoot {
	padding:8px 0 6px 10px;
	font-style:italic;
	border-bottom:1px dotted #00649d;
}



/************************************** Forms **********************************************/
form { width: 590px; float:left }
#booking form { width: 450px; }
#booking form#callback {width:380px; }
form#minibooking { width: 250px; margin-top:3px }
form select, form input, form textarea,
form#minibooking select, form#minibooking input, form#minibooking textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px;
	height:18px;
	border: 1px solid #999999;
}
form#minibooking select, form#minibooking input, form#minibooking textarea {
	width: 163px;
	float: left;
	margin-bottom: 2px;
	height:16px;
}
form select, form#minibooking select { height:20px; }
form textarea { height:80px; }
form#minibooking textarea { height:55px; }
form select.required, form input.required, form textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
form input.smaller { width:75px; }
form#minibooking input.smaller { width:49px; }
form input.cal { width: 226px; margin-right:0; }
form#minibooking input.cal { width:142px; margin-right:0 }
form label, form#minibooking label {
	text-align: left;
	width: 100px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 7px;
	padding-top:2px;
	float:left;
	height:18px;
	position:relative;
	clear:left;
}
form#minibooking label { 
	text-align: right;
	width: 74px;
	font-weight:normal;
	font-size:12px;
	margin-right:3px;
	margin-bottom: 2px;
	height:16px;
}
form label.double { clear:none; padding-left:15px; width:78px; }
form#minibooking label.double { clear:none; padding-left:8px; width:50px; }
form div.info, form#minibooking div.info {
	text-align: left;
	width: 50px;
	padding-top:2px;
	float:left;
	height:18px;
}
form#minibooking div.info { width:25px; height:16px; }
form div.info a, form#minibooking div.info a {
	border:0; text-decoration:none;
}
form label.checkbox {
	clear:none;
	font-weight:normal;
	text-align:left;
	width:250px;
}
form label.checkbox input {
	width:auto;
	height:auto;
	margin-left:8px;
	margin-right:8px;
	border:0;
}
form input.nopad  {
	width: 20px;
}
form a.submitform {
	margin-left:110px;
	border:0;
	text-decoration:none;
}
form#minibooking a.submitform { border:0; text-decoration:none;  }
form span.formnote {
position:absolute;
top:2px;
left:422px;
width:110px;
font-weight:normal;
text-align:left;
}