/*RESET ALL ELEMENTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,fieldset,form,label,legend,th,ul,ol,li{
    font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;
    text-align: left;vertical-align: baseline;margin:0;padding:0;border:0;
}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}

/*GENERAL SETTINGS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body{
    background:#242463 url(../m/background-main.jpg) repeat-x left top;
    font:12px/16px Verdana,Helvetica,sans-serif;text-align:center;
    margin:0 0 10px 0;color:#000;
}
h1{}
h2{}
h3{}
p{color:#000;font:14px/20px Arial,Helvetica,sans-serif;margin:0 0 15px 0;}
ul{margin:0 0 5px;}
ul li{margin:0 0 5px;}
strong {font-weight:bold;}
a:link,a:visited{color:#000;}

/*DIV CLEAR~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clearfix:after {
    content:".";
    display:block;clear:both;visibility:hidden;
    height:0;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide  IE-mac */

/*Side Shadows~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#sideShadows{
	background: url(../m/background-side-shadows.png) no-repeat center top;	
}

/*MAIN PANEL~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#mainPanelTop{
	padding:7px 0 0  0;
	background: url(../m/background-main-panel.png) no-repeat center top;
	width:960px;
	margin:10px auto 0 auto;
}

div#mainPanelBottom{
	background: url(../m/background-main-panel.png) no-repeat center bottom;
	padding-bottom:25px;
}

/*HEAD~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#head{
	width:905px;
	height:138px;
	margin:0 auto 0 auto;
}

div#head a#logo:link, div#head a#logo:visited{
	float:left;
	display:block;
	width:173px;
	height:109px;
	margin-top:14px;
}


div#head div#hotel-logos{
	width:407px;
	height:65px;
	float:right;
	margin-top:57px;
}

/*NAVIGATION~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#navigation{
	width:905px;
	margin:0 auto 0 auto;
	height:45px

}

ul#navigation li{
	float:left;
	margin:0 0 1px 0;
}

ul#navigation li a:link,ul#navigation li a:visited{
	width:180px;
	display:block;
	height:29px;
	text-align:center;
	padding-top:16px;
	text-decoration:none;
	color:#616162;
	font: 14px/16px "Trebuchet MS", Times, serif;
	margin-right:1px;
	background: url(../m/navigation.jpg) no-repeat center top;
}

ul#navigation li a#start:link,ul#navigation li a#start:visited{
	width:180px;
	background: url(../m/navigation.jpg) no-repeat left top;

}

ul#navigation li a#end:link,ul#navigation li a#end:visited{
	margin-right:0;
	width:181px;
	background: url(../m/navigation.jpg) no-repeat right top;

}

ul#navigation li a:hover{
	background: url(../m/navigation-hover.jpg) no-repeat center top;
	color:#000000;
}

ul#navigation li a#start:hover{
	background: url(../m/navigation-hover.jpg) no-repeat left top;
}

ul#navigation li a#end:hover{
	background: url(../m/navigation-hover.jpg) no-repeat right top;
}

/*IAMGES AND FORM CONTAINER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#imageFormContainer{
	width:905px;
	margin:0 auto 0 auto;
	height:339px;
	background: url(../m/horizontal-shadow.jpg) no-repeat center bottom;
}

div#imageFormContainer div#image{
	float:left;
	width:511px;
	height:318px;
}

div#imageFormContainer div#image img{
	margin:0;
	width:511px;
	height:318px;
}

div#bookings{
	float:right;width:393px;height:318px;
	background: url(../m/form-background.jpg) repeat-x left top;
	text-align:center;
}
div#bookings div#book,div#bookings div#hotelDetails{
	color:#FFF;
	font: 22px/26px "Trebuchet MS", Times, serif;text-align:left;
	margin:0;padding:15px 0 6px 20px;
}
div#bookings div#hotelDetails p{
    color:#FFF;margin-top:10px;
}

#pix { width:511px;height:318px;padding:0;margin:0;overflow:hidden;}
#pix img{ width:511px;height:318px;top:0;left:0;}

/*FORM~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form#contactform{
	color:#000;
    margin:0 0 0 0;
	padding:0 10px 10px 10px;
	width:350px;
}
div.row{
    clear:both;padding-top:4px;
}
div.row label{
    float:left;text-align:right;width:30%;
	font: 12px/16px "Trebuchet MS", Times, serif;
	color:#23234E;margin-top:4px;
}
div.row label.req{
    font-weight:bold;
	font: 12px/16px "Trebuchet MS", Times, serif;
	color:#23234E;
}
div.row span{
    float:right;text-align:left;width:69%;
}
input.active,textarea.active{
    width:170px;
    background:#FFC;color:#000;
	font:12px/1.2 Verdana,Helvetica,sans-serif;
    border:1px solid #999;
}
select.active{
    background:#FFC;color:#000;
	font:12px/1.2 Verdana,Helvetica,sans-serif;
}
input.inactive,textarea.inactive{
    width:170px;
    background:#FFF;color:#000;
	font:12px/1.2 Verdana,Helvetica,sans-serif;
    border:1px solid #999;
}
select.inactive{
    background:#FFF;color:#000;
	font:12px/1.2 Verdana,Helvetica,sans-serif;
}
input.dateRange{width:95px;}
div.submit{
    clear:both;text-align:right;padding-top:10px;padding-right:5px;
}

select#location{
	width:178px;border:none;
}

/*CONTENT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#mainContentContainer{
	width:905px;
	margin:15px auto 0 auto;
}

/*COLUMN LEFT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#mainContentContainer div#columnLeft{
	width:480px;
	float:left;
}

div#mainContentContainer div#columnLeft h1,div#mainContentContainer div#columnLeft h2,div#mainContentContainer div#columnLeft h3{
	color: #136088;
	margin:0 0 10px 0;padding:0;
}
div#mainContentContainer div#columnLeft h1{
	font:30px/1.2 "Trebuchet MS",Arial,Times,serif;
}
div#mainContentContainer div#columnLeft h2{
	font:24px/1.2 "Trebuchet MS",Arial,Times,serif;
}
div#mainContentContainer div#columnLeft h3{
	font:18px/1.2 "Trebuchet MS",Arial,Times,serif;
}

div#mainContentContainer div#columnLeft p{
	font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #565656;
	margin:0 0 9px 0;
}
/*COLUMN RIGHT~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#mainContentContainer div#columnRight{
	width:401px;
	float:right;
}

div#mainContentContainer div#columnRight  div#rightPanelTop{
	padding-top:5px;
	background: url(../m/right-panel.jpg) no-repeat center top;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom{
	padding-top:5px;
	background: url(../m/right-panel.jpg) no-repeat center bottom;
	padding:12px;
	text-align:left;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom h2{
	font: 18px/24px "Trebuchet MS", Times, serif;
	color: #146289;
	padding:0;
	margin:0 0 10px 0;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom h3{
	font:bold 14px/18px "Trebuchet MS", Times, serif;
	color: #252525;
	padding:0;
	margin:0 0 4px 0;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom p{
	font: 12px/16px Arial, Helvetica, sans-serif;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom ul{
	margin:0 0 15px 0;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom ul li{
	font:13px/18px "Trebuchet MS", Times, serif;
	margin:0 0 4px 0;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom ul li a:link,
div#mainContentContainer div#columnRight  div#rightPanelBottom ul li a:visited{
	line-height:18px;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom div#left{
	float:left;
	width:47%;
	padding-right:10px;
	border-right:1px dotted #BEBEBE;
}

div#mainContentContainer div#columnRight  div#rightPanelBottom div#right{
	float:right;
	width:47%;
	padding-left:10px;
}

div#columnRight div.TA_rated{width:170px;margin:5px auto;}
div#columnRight div.TA_selfserveprop{width:240px;margin:5px auto;}

img#olympicLogo{
	float:right
}

/*FOOTER~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#footer{
	padding:10px;
	width:885px;
	margin:15px auto 0 auto;
	color:#4F4F4F;
	background-color:#EFF2F5
}

div#footer div#copyright{
	float:left;
	width:60%;
	text-align:left;
}

div#footer div#blackpoppy{
	float:right;
	width:30%;
	text-align:right;
}

div#footer div#blackpoppy a:link, div#footer div#blackpoppy a:visited{
	color:#4F4F4F;
	text-decoration:none;
}

div#footer div#blackpoppy a:hover{
	text-decoration:underline;
	color:#000;
}