#topHeader {
	background: url(/img/bg_top_header.gif) repeat-x
}
#topHeader #logo {
	width: 290px
}
#topHeader #topMenu {
	border-right: red 0px solid; 
	border-top: red 0px solid; 
	margin-top: 18px; 
	font-weight: bold; 
	font-size: 10px; 
	border-left: red 0px solid; 
	width: 455px; 
	border-bottom: red 0px solid
}
#topHeader #topMenu a {
	padding-left: 6px
}

/*  Navigation */
#mainNav {
	background: url(/img/bg_main_nav.gif) repeat-x
}
#mainNav a {
	display: block; 
	font-size: 1px; 
	text-indent: -9000px; 
	height: 66px
}
#mainNav #maldives {
	background: url(/img/nav.gif) no-repeat 0px 0px; 
	width: 90px
}
#mainNav #contact {
	background: url(/img/nav.gif) no-repeat -100px 0px; 
	width: 100px
}
#mainNav #surfing {
	background: url(/img/nav.gif) no-repeat -550px 0px;
	 width: 100px
}
#mainNav #diving {
	background: url(/img/nav.gif) no-repeat -470px 0px;
	 width: 80px
}
#mainNav #safaris {
	background: url(/img/nav.gif) no-repeat -220px 0px; 
	width: 130px
}
#mainNav #charters {
	background: url(/img/nav.gif) no-repeat -360px 0px; 
	width: 110px
}
#mainNav #about {
	background: url(/img/nav.gif) no-repeat -650px 0px; 
	width: 140px
}
#mainNav #maldives:hover {
	background: url(/img/nav.gif) no-repeat 0px -70px; 
	width: 90px
}
#mainNav #contact:hover {
	background: url(/img/nav.gif) no-repeat -100px -70px; 
	width: 100px
}
#mainNav #surfing:hover {
	background: url(/img/nav.gif) no-repeat -550px -70px;
	 width: 100px
}
#mainNav #diving:hover {
	background: url(/img/nav.gif) no-repeat -470px -70px;
	 width: 80px
}
#mainNav #safaris:hover {
	background: url(/img/nav.gif) no-repeat -220px -70px; 
	width: 130px
}
#mainNav #charters:hover {
	background: url(/img/nav.gif) no-repeat -360px -70px; 
	width: 110px
}
#mainNav #about:hover {
	background: url(/img/nav.gif) no-repeat -650px -70px; 
	width: 140px
}
.breadcrumbs {
	font-size: 10px; 
	color: #0099ff; 
	height: 20px
}

/* Home */
.wide {
	margin-bottom: 25px;
	margin-top: 20px;
}
#homeContent {
	margin-top: 20px;
}
#homeAds div {
	background: #0066cc; 
	margin: 4px; 
	width: 235px; 
	height: 108px
}
#homeContent p {
	font-size: 14px;
	line-height: 1.5;
}
.special_p {
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
}

/* Maldives */
#maldivesContent .left {
	width: 230px;
	float: left;
	text-align:left;
	padding: 0px 12px 0px 0px;
}
#maldivesContent .right {
	width: 230px;
	float: right;
	text-align:left;
	padding: 0px 0px 0px 12px;	
}
.gallery_thumbnails{
	text-align: left;
	padding: 5px;
	margin-bottom: 20px;
}
.threeColumns {
	margin-bottom: 20px;
}
.threeColumns h4 {
	font-size: 16px;
	margin: 10px 0px 5px 0px;
}
.threeColumns p {
	line-height: normal;
	font-size: 14px;
}

/* Diving */
table.diving td {
	vertical-align: top
}
table.diving td p {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px;
	 margin: 0px; 
	padding-top: 0px
}
table.diving p.note {
	padding-right: 0px; 
	padding-left: 0px; 
	font-weight: bold; 
	padding-bottom: 10px; 
	padding-top: 10px
}
.cruise_item {
	padding: 5px;
	text-align: left;
	margin: 5px 5px 5px 5px;
	width: 610px;
}
.cruise_item h4 {
	font-size: 16px;
	color: #4b4b4b;
	margin: 5px 0px 0px 0px;
}
#cruises {
	margin-top: 20px;
}
#scubaDiving .left {
	width: 200px;
	float: left;
	text-align: right;
}
#scubaDiving .right {
	width: 400px;
	float: right;
	text-align: left;
}
#scubaDiving h2 {
	margin-top: 30px;
}
.td_cruise_name {
	padding: 0px 5px 0px 5px;
}
/* Surfing */
#surfContent h2 {
	border-bottom: blue 1px solid
}
.surfSpot {
	border-right: red 0px solid; 
	padding-right: 10px; 
	border-top: red 0px solid; 
	padding-left: 10px; 
	padding-bottom: 10px; 
	border-left: red 0px solid;
	width: 340px; 
	padding-top: 10px; 
	border-bottom: red 0px solid
}
.surfSpot b {
	display: block
}

/* Safaris Grid */
.safari_grid table, tr, td {
	vertical-align:top;
}
.safari_grid_item {
	padding:5px;
  width:180px;
	text-align: left;
	margin-bottom:30px;
}
.safari_grid h4 {
	font-size:16px;
	margin-top:12px;
	margin-bottom:2px;
	color:#4b4b4b;
}
table.features {
	width: 100%;
	margin: 0px 0px 30px 0px;
}
table.features thead tr td {
	font-weight: bold; 
	font-size: 12px; 
	text-transform: uppercase; 
	color: #336699; 
	padding: 5px; 
	text-align: center
}
table.features tbody tr td {
	background-color: #f5f5d6; 
	text-align: center; 
	border-bottom-style: none;
	padding: 5px 10px 5px 10px;
}
table.features thead tr :first-child {
	width: 300px;
}
table.features tbody tr :first-child {
	text-align: left;
}
.twoColumns {
	margin-bottom: 30px;
}
.twoColumns h4 {
	font-size: 16px;
	margin: 10px 0px 5px 0px;
}
.twoColumns p {
	line-height: normal;
	font-size: 14px;
}
#safaris .left {
	width: 345px;
	float: left;
	text-align:left;
	padding: 0px 12px 0px 0px;
}
#safaris .right {
	width: 345px;
	float: right;
	text-align:left;
	padding: 0px 0px 0px 12px;	
} 

/* Resort and Hotels Grid */
.grid table, tr, td {
	vertical-align:top;
}
.grid_item {
	padding:5px;
  width:245px;
	text-align: left;
	margin-bottom:30px;
}
.grid h4 {
	font-size:16px;
	margin-top:12px;
	margin-bottom:2px;
}
.type_description {
	padding-bottom:20px;
}
.description {
	margin:0px;
}
.synopsis {
	margin-top:6px;
	font-size:12px;
}

/* Diving Package Details Safari */
#cruisePackage .left {
	width: 400px;
	float: left;
	text-align:left;
	padding: 5px;
}
#cruisePackage .right {
	width: 290px;
	float: right;
	text-align:left;
	padding: 5px;	
}
#cruisePackage h4 {
	font-size:16px;
	color:#4b4b4b;
	margin: 0px;
}
#package_safari_table {
	width: 400px;
}
#package_safari_table td, tr {
	vertical-align:top;
	padding: 5px;
}
#package_safari_table p {
	font-size:12px;
}

/* property page show */
#property #topLeft {
	width: 475px;
	float: left;
	text-align:left;
	padding: 5px;
}
#property #topRight {
	width: 215px;
	float: right;
	text-align:left;
	padding: 5px;	
}
#property h4 {
	font-size:16px;
	color:#4b4b4b;
	margin: 0px;
}
#property .left {
	width: 230px;
	float: left;
	text-align:left;
	padding: 0px 12px 0px 0px;
}
#property .right {
	width: 230px;
	float: right;
	text-align:left;
	padding: 0px 0px 0px 12px;	
}
#property .wide_right {
	width: 485px;
	float: right;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.box {
	border: 1px solid #cccccc;
	padding: 20px 30px 20px 30px;
	background-color: #f5f5d6;
	margin-top: 20px;
}
.box ul {
	margin: 8px 0px 15px 0px;
	font-size: 12px;
}
.synopsis_big {
	font-family: 'MS Sans Serif';
	font-size: 18px;
	font-style: italic;
	margin-top: 50px;
}
.wide_right p {
	margin-top: 30px;
}
.no_top_margin p {
	margin-top: 0px;
}
.room_thumbnails {
	margin-top: 5px;
}

/* Bookings */
#bookings .right {
	width: 220px;
	float: left;
	text-align:left;
	padding: 0px 8px 5px 13px;
	background-color: #f5f5d6;
	border: 1px solid #cccccc;
	margin-top: 5px;
}
#bookings .wide_left {
	width: 485px;
	float: right;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
#bookings h4{
	color: #4b4b4b;	
}
.booking_item	{
	margin-bottom:7px;
	}
/* Preview */
#preview .right {
	width: 220px;
	float: left;
	text-align:left;
	padding: 0px 8px 5px 13px;
	background-color: #f5f5d6;
	border: 1px solid #cccccc;
}
#preview .white_right {
	width: 220px;
	float: left;
	text-align:left;
	padding: 0px 8px 5px 13px;
}
#preview .wide_left {
	width: 465px;
	float: right;
	text-align:left;
	padding: 0px 0px 0px 20px;
}
#preview h4{
	color: #4b4b4b;	
}
#preview .inner_left {
	float: left;
	text-align: right;
	width: 115px;
	font-weight: bold;
}
#preview .inner_right {
	float: right;
	text-align: left;
	width: 330px;
}
#preview .twoColumns {
	margin-bottom: 10px;
}
#preview .confirm_button {
	margin-top: 20px;
}
	
/* form */
input {
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	border:1px solid #a49073;
}
input img {
	border:none;
	background-image:none;
	display:block;
}
select {
	font-family:"Trebuchet MS";
	font-size:14px;
	border:1px solid #a49073;
}      
textarea {
	font-family:"Trebuchet MS";
	font-size:14px;
	border:1px solid #a49073;
}
.form {
} 
.form label {
	float:left;
  width:130px;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
}
.form fieldset {
	border:none;
	margin-bottom: 20px;
}
.form legend {
	font-size:14px;
	margin-bottom: 5px;
	padding-left: 138px;
	font-family:"Trebuchet MS";
	font-weight: bold;
}   
.form .nolabel {
  float:none;
  text-align:left;
}
.form input, textarea, select {
  margin-bottom:0px;
  font-size:12px;
  padding:2px;
}
.form .buttons {
  margin-left:115px;
  margin-top:15px;
  margin-bottom:15px;
}
.form .checkboxes {
  margin-left:120px;
  vertical-align:bottom;
}
.errorExplanation {
  background-color:#FFEAE8;
  border:1px solid #FF8B7F;
  color:#000;
  text-align:left;
  vertical-align:top;
  padding-top:5px;
  padding-left:20px;
  padding-bottom:10px;
  margin-top:3px;
  margin-bottom:10px;
}
.errorExplanation h2 {
	color:#F0775E;
}
.errorExplanation ul {
	list-style-type: disc;
	list-style-position: inside;
	margin:15px;
	padding:3px;
}

/* Cruise schedule */
#schedule {
	width: 100%;
	text-align:center;
	line-height: 2em;
	font-size:12px;
}
#schedule thead {
	height:25px;
	font-size:14px;
	color:white;
	background-color:#666699; 
}
#schedule tbody{
	background-color:#F5F5D6;
}
#schedule tbody.tr {
	height:24px;
}
#schedule td {
	width:180px;
}
#schedule a, a:visited, a:link, a:hover {
	color:#4b4b4b;
}
#schedule tbody .buttons {
	background-color:white;
}
