/***************************************************
			     Emilie Zola STYLES
***************************************************/

html, body{margin:0;padding:0;height:100%}

#head, #head-booking, #head-about, #head-getting, #head-things, #head-contact{
	width:768px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url('banner.jpg');
	background-repeat: no-repeat;
	height: 395px;
	background-position: left 83px
}

#head-booking{background-image: url('banner-booking.jpg');height: 295px}
#head-about{background-image: url('banner-about2.jpg');height: 295px}
#head-getting{background-image: url('banner-things1.jpg');height: 295px}
#head-things{background-image: url('banner-things.jpg');height: 295px}
#head-contact{background-image: url('banner-contact1.jpg');height: 295px}

/***************************************************
			  247  DESIGN ELEMENTS
***************************************************/	
.clearing { height: 0; width:100%;display: block; clear: both; overflow:hidden; }  
.hidden{overflow: hidden;visibility: hidden;}

p{display: block;margin: 0px;padding-top: 5px;padding-bottom: 5px;}
li{
	float: none;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	display: block;
}
li a{color: #666666;padding-left: 12px;display: block;line-height: 16px;}
a, a.green, a.bluea.blue-text{color: #1D608A;font-family: Tahoma, Arial;font-size: 12px;font-weight: bold;text-decoration: none;}
a:hover, a.green:hover, a.blue:hover, a.blue-text:hover{color: #FFB90F;}
a.green{color: #9CAC2D;font-size: 12px;}
a.blue{color: #1D608A;font-size: 12px;}
a.blue-text{color: #6f8db9;font-size: 12px;background-image: url('line.png');background-repeat: repeat-x;background-position: left bottom}
/***************************************************
			       CONTAINER
***************************************************/

#container{
	width:760px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 15px;
}

#container-message{
	text-align: center;
	margin-top: -35px;
	margin-left: -200px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 70px;
	visibility: visible;
}

/***************************************************
			       HOLDERS
***************************************************/
.holder-empty{
	width:760px;
	float: right;
}

.message-home, .message, .message-step{
	position: absolute;
	width: 204px;
	height: 47px;
	right: 260px;
	top: 330px;
	margin: 0;
	z-index: 1;
}

.message{top: 230px;}

.message-step{
	height: 43px;
	right: 0;
	top: 500px;
}

.holder{
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 220px;
	line-height: 14px;
}

#holder-left, .holder-left-info, .holder-form, #holder-left-small{
	width:490px;
	float:left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	position: relative;
}

#holder-left-small{
	width:420px;
	padding-left: 3px;
}

.holder-form{
	width:490px;
	background-color: #E8EEFA;
	margin-bottom: 1px;
	line-height: 20px;
}

.holder-nav{
	width:750px;
	line-height: 20px;
	position: relative;
	float: left;
}

.holder-left-info{width:225px;padding-right: 35px;}

#holder-right, #holder-right-big{
	width:240px;
	float: right;
	position: relative;
}

#holder-right-big{width:310px;}

.holder-flash{width:163px;float:left;}

.line{
	background-image: url('head_line.png');
	
}
.calendar-cell-week, .calendar-cell-blank, .calendar-cell-booked, .calendar-cell-april-oct, .calendar-cell-may, .calendar-cell-june, .calendar-cell-jul-aug, .calendar-cell-sept{
	width:14px;
	float:left;
	height: 14px;
	background-color: #FF6600;
	line-height: 14px;
	text-align: center;
	border: 1px solid #DFDFDF;
	margin-right: 1px;
	color: #FFFFFF;
}



/***************************************************
				    GALLERY
***************************************************/

.right-gallery{
	width:310px;
	position: relative;
	padding-bottom: 15px;
	float: right;
}

.thumbs{
	height: 90px;
	width: 90px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/***************************************************
				      FORMS
***************************************************/

.text-box-form{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	top: 4px;
	float: left;
	width: 350px;
	display: block;
	line-height: 30px;
	padding-left: 10px;
}

.text-form, .error{
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #999999;
	position: absolute;
	top: 4px;
}

form{margin: 0px;padding: 0px;}

#form{
	width:420px;
	padding-top: 15px;
	float: left;
}

#form-submit{
	display: block;
	text-align: right;
	padding-top: 20px;
	padding-right: 125px;
}

label{
	color:#666666;
	font-size:11px;
	width:60px;
	display:block;
	float:left;
	line-height: 14px;
	clear: left;
	padding-left: 2px;
}

.label{
	color:#666666;
	font-size:11px;
	width:100px;
	line-height: 22px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	position: relative;
}

.textbox, .select{
	border:1px solid #CCCCCC;
	font-size:11px;
	width:148px;
	line-height:16px;
	background-color: #FFFFFF;
	height: 16px;
	color: #747474;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-right: 10px;
}

.select{width:153px;}

.textbox:focus{border:1px solid #D8C217;cursor:text}

textarea{
	border:1px solid  #E1E1E1;
	width:300px;
	background-color: #FFFFFF;
	height: 150px;
	font-size: 11px;
	color: #999999;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 4px;
	margin-right: 10px;
}

textarea:focus{border:1px solid #b3c531;cursor:text;}

#sub-login {
	width:300px;
	height: 30px;
	padding-top: 20px;
	padding-left: 145px;
}
.sub-login{
	height: 22px;
	width: 80px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 11px;
	color: #333333;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-top: 5px;
}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6{
	font-family: Tahoma, Arial;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}

h1{
	border-bottom:1px solid #B3CCAB; font-size: 16px;
	color: #6B965E;
	font-weight: bold;
	display: block;
	padding-bottom: 3px;
	background-image: url('icon_h1.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	
}

h2{
	border-bottom:1px solid #ACDDFD; font-size: 16px;
	color: #0168B3;
	font-weight: bold;
	display: block;
	padding-bottom: 3px;
	background-image: url('icon_h6.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	
}

h3{
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
	padding-left: 25px;
}

h4{
	font-size: 13px;
	color: #777;
	font-weight: normal;
	padding-top: 10px;
}

h5{
	font-size: 11px;
	color: #333333;
	padding: 20px;
	line-height: 14px;
	}

h6{
	border-bottom:1px solid #ACDDFD; font-size: 16px;
	color: #0168B3;
	font-weight: normal;
	display: block;
	padding-bottom: 3px;
	background-image: url('icon_h66.png');
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 8px;
	margin-top: 8px;
	margin-left: 22px;
	margin-right: 3px
	}

.text-box, .text-box2{
	font-family: Tahoma, Arial;
	font-size: 12px;
	display: block;
	color: #666666;
	padding-bottom: 5px;
}

.text-box2{
	font-size: 12px;
	color: #CCCCCC;
}

.step, .step-done, .step-left{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #6f8db9;
	line-height: 22px;
	padding-left: 20px;
	background-image: url('step.png');
	background-repeat: no-repeat;
	background-position: left 4px
}
.step-left{color: #6F8DC5; background-image: url('step.png');}
.step-done{color: #A5B630; background-image: url('step-done.png');}

a.pdf{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-image: url('pdf.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	line-height: 24px;
	display: block
}
a.pdf:hover{color: #FFB90F;}

a.links, a.links-gray{
	color: #6f8db9;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
	display: block;
}
a.links:hover{color: #FFB90F;}

a.links-gray{
	color: #6f8db9;
	line-height: 16px;
	display: block;
	padding-left: 10px;
}
a.links-gray:hover{color: #FFB90F;}

a.links-H1{
	color: #6f8db9;
	font-family: Tahoma, Arial;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 8px;
	padding-bottom: 3px;
}
a.links-H1:hover{color: #FFB90F;}

/***************************************************
			        FOOTER
***************************************************/

#footer{
	width:760px;
	font-family: "Lucida Sans Unicode", Arial;
	font-size: 10px;
	font-weight: normal;
	color: #ABBBAA;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	background-image: url('foot_line.png');
	background-repeat: no-repeat;
	position: relative
}

#FooterOne{
	width:530px;
	float:left;
	position: relative;
}

#FooterTwo{
	width:220px;
	float:right;
	background-image: url('w3c.png');
	background-repeat: no-repeat;
	background-position: 136px 12px;
	text-align: right;
	line-height: 40px
}

a.247 {
	font-family: "Lucida Grande", tahoma, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
}
a.247:hover{color: #FFB90F;}


/***************************************************
				       MENU
***************************************************/

#nav-menu{
	height: 20px;
	padding-top: 60px;
	padding-left: 220px;
	background-image: url('top.gif');
	background-repeat: no-repeat;
	background-position: left top
}

#nav-menu ul, ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav-menu li{
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#nav-menu li a{
	line-height: 30px;
	float: left;
	width: 90px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 12px;
	padding-left: 0px;
	font-weight: bold;
	background-image: url('button4.png');
	background-repeat: no-repeat
}

#nav-menu li a:hover{
	color: #FFB90F;
	background-image: url('buttonUP.png');
}

body#home a#home_link, 
body#contact a#contact_link{color: #72A234;}

#bootom-menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 765px;
}

#bootom-menu li{
	float: left;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

#bootom-menu li a{
	color: #C3D9FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right: 8px;
	padding-left: 0px;
	line-height: 40px;
	display: inline;
}

#bootom-menu li a:hover{color: #FFB90F;}

body#home a#home_link, 
body#about a#about_link, 
body#booking a#booking_link,
body#contact a#contact_link, 
body#things a#things_link, 
body#getting a#getting_link{color: #FFB90F;background-image: url('buttonUP.png');background-repeat: no-repeat}