body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
	line-height:1.6em;
	background-color:#000000;
	color:#CCCCCC;
	background-image:url(../images/background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	margin:20px;
}
input,select,textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
h1 { 
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
}
h2 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}
form {
	padding:0px; margin:0px;
}
h1,h2 { margin-top:0px; margin-bottom:20px; line-height:1.2em; }
p,ul { margin-top:0px; margin-bottom:20px; }
a { color:#FFCC00; font-weight:bold; }
a:hover { color:#FFFFFF; }
form { padding:0px; margin:0px; }
blockquote { padding:10px; background-color:#1E1E1E; text-align:center; font-style:italic; font-size:12px; font-weight:bold; }


/*
***********************************************************

STRUCTURAL CLASSES

***********************************************************
*/
#outer_canvas {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #444444;
	padding:1px;
	background-color:#000000;
	width:800px;
	margin-bottom:4px;
}
#header {
	border-bottom:1px solid #000000;
}

#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:26px;
	background-image:url(../images/background_menu.gif);
	background-repeat:repeat-x;
}
#menu ul li {
	display:inline;
}
#menu ul li a {
	display:block;
	float:left;
	line-height:12px;
	padding:7px;
	border-right:1px solid #000000;
	text-decoration:none;
	color:#CCCCCC;
	font-weight:normal;
}
#menu ul li a:hover {
	background-color:#6C6C6C;
}
#menu ul li a.current {
	background-image:url(../images/background_menu_over.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	color:#FFFFFF;
}
#menu ul li a.right {
	border-right:0px;
	border-left:1px solid #000000;
}

#main_content {
	padding:30px;
}

	#column_separator {
		background-image:url(../images/separator_vertical.gif);
		background-repeat:repeat-y;
		height:1%;
		background-position:325px;
	}

	#column_left_home {
		width:310px;
		float:left;
		/*background-color:#330066;*/
		margin-right:31px;
	}
	
	#column_right_home {
		float:left;
		width:398px;
		/*background-color:#CC6600;*/
	}
	#column_right_home div.thumb {
		float:left;
	}
	#column_right_home a {
		line-height:2em;
		display:block;
		margin-right:10px;
		margin-bottom:10px;
		width:126px;
		text-align:center;
		/*background-color:#336600;*/
		text-decoration:none;
		font-weight:normal;
	}
	#column_right_home a.mr0 { margin-right:0px; }
	#column_right_home a:hover { background-color:#34344C; color:#FFFFFF; }
	
	#column_separator_cities {
		background-image:url(../images/separator_vertical_cities.gif);
		background-repeat:repeat-y;
		height:1%;
	}
	#column_cities_left {
		float:left;
		width:370px;
		margin-right:31px;
	}
	#column_cities_hotels {
		float:left;
		width:182px;
		margin-right:31px;
	}
	#column_cities_hotels ul {
		margin-left:0;
		padding-left:0;
		list-style-type:none;
	}
	#column_cities_hotels li {
		/*padding-left:16px;*/
	}
	#column_cities_hotels li a {
		text-decoration:none;
		font-weight:normal;
	}
	#column_cities_hotels li a:hover {
		text-decoration:underline;
	}
	#column_cities_hotels li.online_booking_available {
		/*background-image:url(../images/online_booking_icon_blue.gif);
		background-repeat:no-repeat;
		background-position:left 6px;*/
	}
	#column_cities_hotels li.online_booking_available a {
		color:#0099FF;
	}
	#column_cities_hotels li.online_booking_available a:hover {
		color:#FFFFFF;
	}
	
	#online_booking_note {
	font-size:11px;
	color:#0099FF;
	line-height:14px;
	}	
	#online_booking_note img { padding-right:4px; }
	
	#column_cities_featured {
		float:left;
		width:126px;
	}
	#column_cities_featured a {
		display:block;
		margin-bottom:10px;
		width:126px;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
	}
	#column_cities_featured a:hover { background-color:#34344C; color:#FFFFFF; }
	
	#column_separator_details {
		background-image:url(../images/separator_vertical_details.gif);
		background-repeat:repeat-y;
		height:1%;
	}
	#column_details_left {
		float:left;
		width:416px;
		margin-right:61px;
		height:1%;
		/*background-color:#000066;*/
	}
	#column_details_right {
		float:left;
		width:262px;
		/*background-color:#0000FF;*/
	}
	#column_details_right div {
		float:left;
	}
	#column_details_right a {
		line-height:2em;
		display:block;
		margin-bottom:10px;
		margin-right:10px;
		width:126px;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
	}
	#column_details_right a.mr0 { margin-right:0px; }
	#column_details_right a:hover { background-color:#34344C; color:#FFFFFF; }
	
	#column_separator_search {
		background-image:url(../images/separator_vertical.gif);
		background-repeat:repeat-y;
		height:1%;
		background-position:446px;
	}
	#column_left_search {
		width:416px;
		float:left;
		/*background-color:#330066;*/
		margin-right:61px;
	}
	#column_right_search {
		float:left;
		width:262px;
	}
	#column_right_search div {
		float:left;
	}
	#column_right_search a {
		line-height:2em;
		display:block;
		margin-right:10px;
		margin-bottom:10px;
		width:126px;
		text-align:center;
		text-decoration:none;
		font-weight:normal;
	}
	#column_right_search a.mr0 { margin-right:0px; }
	#column_right_search a:hover { background-color:#34344C; color:#FFFFFF; }
	
	#footer { color:#3C3C3C; }
	#footer a { color:#3C3C3C; text-decoration:none; font-weight:normal; }
	#footer a:hover { text-decoration:underline; }
	
	.formTable { background-color:#1E1E1E; border:1px solid #444444; }
	.formTable th { background-color:#2D2D2D; border-bottom:1px solid #444444; text-align:left; padding:6px; color:#999999; }
	.formTable #city { width:140px; }
	.formTable #arrival { width:140px; }
	.formTable #departure { width:140px; }
	

	#price_range { width:190px; }
	
	.roomTable { width:100%; }
	.roomTable td { vertical-align:top; }
	.roomTable td .roomPrice { font-weight:bold; }

	.odd { background-color:#1E1E1E; }
	
	.tip {
		background-color:#1E1E1E;
		border:1px solid #3C3C3C;
		width:320px;
		text-align:left;
	}
	.tip-title {
		font-size:12px;
		font-weight:bold;
		padding:4px;
		background-color:#3C3C3C;
		color:#FFFFFF;
	}
	.tip-text { padding:10px; }
	.tip-text img { float:left; margin-right:10px; }
	
/*
***********************************************************

SEARCH RESULTS PAGE

***********************************************************
*/
.odd { background-color:#333333; }
.even { background-color:#232323; }
.search_result { padding:10px; }
.search_result_image { float:left; padding-right:10px; }
.search_result_image img { border:1px solid #000000; }
.search_result_details { float:left; width:400px; }
.search_result_price { float:left; width:126px; text-align:right; }

/*
***********************************************************

COLOURS & PAGE-SPECIFIC CLASSES

***********************************************************
*/
.available {
	color:#009900;
	font-weight:bold;
}
.unavailable {
	color:#FF0000;
	font-weight:bold;
}

.error { font-weight:bold; color:#FF0000; }
.grey { color:#666666; }

div.button {
	float:left;
	height:25px;
	background-image:url(../images/button.gif);
}
div.button a {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	display:block;
	float:left;
	line-height:12px;
	padding-top:6px;
	padding-bottom:7px;
	padding-left:16px;
	padding-right:16px;
	background-image:url(../images/button_right.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

p.price_range { color:#FFFFFF; margin-bottom:0px; }

.white { color:#FFFFFF; }

.promo_box_right {
	float:right;
	background-color:#1A1A1A;
	border:1px solid #444444;
	padding:15px;
	width:180px;
	margin-left:15px;
	margin-bottom:15px;
}


/*
***********************************************************

MARGIN CLASSES

***********************************************************
*/
.mb20 { margin-bottom:20px; }
.mt20 { margin-top:20px; }
.mb10 { margin-bottom:10px; }
.mt10 { margin-top:10px; }
.mb0 { margin-bottom:0px; }
.mt0 { margin-top:0px; }
.mr0 { margin-right:0px; }

.clear { clear:both; }
.rp10td td { padding-right:10px; }
