@charset "utf-8";
/* CSS Document */

/* GLOBAL */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background:#181715;
}

a img{
	border:none;
}

a {
	text-decoration:none;
	color:#33b0ff;
}

a:hover { 
	text-decoration:underline;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

form {
	padding:0;
	margin:0;
}

hr {
	height:1px;
}

input {
	font-size:11px;
}


#base {
	width:100%;
	padding:0;
	margin:0;
	float:left;
}

#centered {
	width:960px;
	margin:0 auto 0 auto;
	padding:0;
}

#header_line {
	height:2px;
	background:url(../images/header_line.gif) top left repeat-x;
	width:960px;
	padding:0;
	margin:0;
	float:left;
}


/* HEADER */

#header {
	height:200px;
	background:url('../images/rotator/rotator.php') top left no-repeat;
	float:left;
	width:960px;
	padding:0;
	margin:2px 0 0 0;
}

#header h1 {
	font-size:14px;
	color:#CCCCCC;
	font-weight:normal;
	text-align:right;
	padding:5px 10px 0 0;
	margin:0;
}

/* SUB-HEADER */

#sub_header {
	height:41px;
	background:url(../images/sub_header_bar.gif) top left repeat-x;
	border-top:1px solid #000000;
	border-right:1px solid #999999;
	border-bottom:none;
	border-left:1px solid #FFFFFF;
	float:left;
	width:958px;
	padding:0;
	margin:0;
}

#sub_header h2{
	font-size:14px;
	padding:0;
	margin:5px 0 0 0;
	color:#33b0ff;
	font-weight:normal;
}

#icon_phone {
	float:left;
	margin:7px;
	height:27px;
	width:27px;
}

#booking_hotline_text {
	height:27px;
	margin:7px 0;
	float:left;
}

#check_booking {
	float:right;
	margin:10px 10px 0 0;
	padding:0;
	width:300px;
}

#check_booking_text {
	float:left;
	font-size:10px;
	text-align:right;
	margin:4px 5px 0 0;
	color:#999999;
}

#check_booking_field {
	float:left;
	width:180px;
	text-align:right;
}

input.refno {
	border: 1px solid #cccccc;
	color:#cccccc;
	font-size:10px;
	width:150px;
	margin:0 3px 0 0;	
}


/* CONTENT */

#content{
	background:url(../images/content_bg.gif) top left repeat-y;
	float:left;
	width:960px;
	border-top:1px solid #333333;
}

#left_content {
	width:642px;
	float:left;
	padding:0;
	margin:0;
}

/*NAV */

#nav {
	height:30px;
	background:url(../images/nav_bg.gif) top left repeat-x;
	width:640px;
	border-left:#474747 solid 1px;
	border-right:#474747 solid 1px;
}

#nav ul {
	padding:0;
	margin:0;
	list-style:none;
}

#nav li {
	float:left;
	font-size:11px;
	width:128px;
	text-align:center;
	padding:8px 0;
	margin:0;
}

#nav li a{
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

#nav li a:hover{
	text-decoration:underline;
}



/* CONTENT */

.copy {
	padding:0 20px 20px 20px;
}

.copy p{
	font-size:11px;
	color:#ffffff;
	padding:0 0 10px 0;
	margin:0;
}

.copy a{
	color:#ffffff;
}

.copy a:hover{
	text-decoration:underline
}


.copy h2{
	font-size:12px;
	color:#FFFFFF;
	padding:0;
	margin:20px 0 10px 0;
	font-weight:normal;
}

.copy h3{
	font-size:12px;
	color:#FFFFFF;
	padding:0;
	margin:15px 0 0 0;
	font-weight:normal;
}

.copy ul{
	padding:0 0 0 5px;
	margin:0 0 10px 10px;
}

.copy li{
	padding:0;
	margin:0;
	color:#ffffff;
	font-size:11px;
}

.copy img {
	float:right; 
	margin:0 0 0 10px; 
	padding:0;
}

#right_content {
	width:318px;
	float:left;
	padding:0;
	margin:0;
}

#availability {
	width:276px;
	float:left;
	background-color:#e3e3e3;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #FFFFFF;
	font-size:11px;
	padding:10px 20px 20px 20px;
}

#availability h2{
	font-size:12px;
	color:#33b0ff;
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
}

#specialoffer{
	width:598px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	background-color:#FFFFFF;
	border:2px solid #FF0000;
}

#specialoffer h2 {
	color:#fff;
	background-color:#FF0000;
	padding:3px 5px;
	margin:0;
	font-size:14px;
	font-weight:bold;
}

#specialoffer h3 {
	color:#49af2c;
	padding:0 10px 5px 10px;
	margin:0;
	font-size:12px;
	font-weight:normal
}


#specialoffer p {
	color:#333333;
	padding:10px 10px 0 10px;
}


#searchtable td input, #searchtable td select {
	font-size:11px;
	/*border:2px solid #fff;*/
	padding:2px;
	outline-style: none;
	outline: none;
}

#searchconfirm td input, #searchconfirm td select {
	font-size:11px;
	/*border:2px solid #fff;*/
	padding:2px;
	outline-style: none;
	outline: none;
}

input.depdate, input.arrdate {
	width:150px;
	float:left;
	/*
	border-top:2px solid #999999;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	border-left:2px solid #999999;
	*/
}

#searchtable td {
	padding: 0 0 10px 0;
	vertical-align:middle;
}

#searchtable td img {
	margin:0px 0 -5px 4px;
}

#hotels24seven{
	height:24px;
	float:left;
	width:318px;
	background-color:#FFFFFF;
	text-align:center;
	padding:23px 0 23px 0;
}

#buttons {
	width:318px;
	float:left;
}

#buttons h2, #buttons p  {
	padding:0;
	margin:0;
}

#buttons ul {
	padding:10px;
	margin:0 0 0 10px;
	font-size:11px;
}

#buttons li {
	padding:2px;
	margin:0 0 1px 5px;
	font-size:11px;
}

#button01, #button02, #button03{
	width:318px;
	background-color:#a4a4a4;
}


#button01 h2, #button02 h2, #button03 h2{
	font-size:12px;
	padding:10px 10px 0 10px;
	margin:0;
}

#buttons p{
	font-size:11px;
	padding:10px 0 0 10px;
	margin:0;
}

.button {
	width:318px;
	height:48px;
	background:url(../images/button01.gif) top left no-repeat;
	text-align:center;
	padding:32px 0 0 0;
 	font-size:14px;
}


/* GALLERY */

#gallery {
	width:960px;
	float:left;
	padding:1px 0 0 0;
	background-color:#181715;
}


#gallery img {
	float:left;
	margin: 0;
	border:0px;
}


/* FOOTER */

#footer{
	width:960px;
	float:left;
	padding:0;
	marign:0;
	background:#c1c1c1;
	border-top:1px solid #000000;
}

#footer p{
	font-size:11px;
	padding:0 20px 10px 10px;
	margin:0;
}

#footer_left {
	width:455px;
	float:left;
	padding:0;
	margin:10px 0 0 15px;
	text-align:left;
}

#footer_right{
	width:480px;
	float:right;
	text-align:right;
	margin:23px 0 0 10px;
	padding:0;
}


