*{padding:0; margin:0}
html, body{margin:0; padding:0; text-align:center; background:#000 url(images/bg.jpg) repeat-x; font-size:80%; font-family:Verdana, Helvetica, sans-serif; color:#333333} 
#pagewidth{ width:764px; text-align:left; margin-left:auto; margin-right:auto;} 
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
img.abc123{display:none}

#wrapper{width:760px; background-color:#000; padding-top:15px; height:auto !important; height:500px; min-height:500px; border-left:1px solid #434343; border-right:1px solid #434343;}
.clr{clear:both;}

h1,h2, h3{padding:0; margin:0; font-weight:normal; color:#FFF}
h1{font-size:2.2em; margin-bottom:10px}
h2{font-size:1.7em; margin:0 0 10px 0}
h3{font-size:1.1em; font-weight:bold; margin-bottom:10px}
p{font-size:1.3em; line-height:1.7em; word-spacing:0.1em; color:#fff; margin:0 15px 10px 0}
li{font-size:1.3em; line-height:1.5em; color:#FFF;}

a{color:#fff; text-decoration:underline; outline:none}
a:hover{color:#35D6DC;}
span.error { font-weight: bold; color: red; }

p.holiday{padding:5px; background-color:#ffecec; border:1px solid #ce3838; color:#ce3838}

#border-top{width:762px; height:12px; background:url(images/border-top.gif) no-repeat top left; margin-top:10px}
#border-bottom{width:762px; height:12px; background:url(images/border-bottom.gif) no-repeat top left; margin-bottom:10px}

/*----HEADER--------------------------------*/
#header{position:relative; height:77px; width:760px; border-left:1px solid #434343; border-right:1px solid #434343; background-color:#000}
#logo{float:left; width:227px; height:53px; text-indent:-6000px; margin:0 0 0 10px; padding:0; display:inline; background-image:url(images/logo.gif)}
#logo a{height:55px; width:100%; display:block; overflow:hidden;}

ul#header_contact{float:right; list-style:none; margin:-10px 10px 0 0; display:inline}
ul#header_contact li{text-align:right}
ul#header_contact li.tel{color:#fff;  padding:0 ; font-size:2.6em}
ul#header_contact li.email{margin-top:0}
ul#header_contact li.email a{font-size:1.1em; font-weight:normal; color:#fff; text-decoration:none}
ul#header_contact li.email a:hover{color:#35D6DC}


/*----NAV--------------------------------*/
ul#nav{width:760px; height:18px; background-color:#000; margin:0; border-left:1px solid #434343; border-right:1px solid #434343;}
ul#nav li{float:left; font-size:1.6em; padding:0; margin:0 21px; list-style:none; height:18px; text-indent:-3333px; display:inline; background:url(images/nav-sprite.gif) no-repeat}
ul#nav li a{display:block; overflow:hidden; height:18px; text-decoration:none; }


ul#nav li.home{width:44px;  background-position:0 0;}
ul#nav li.profile{width:48px;  background-position:-46px 0px; margin:0 22px}
ul#nav li.gallery{width:51px;  background-position:-95px 0px; margin:0 22px}
ul#nav li.rates{width:41px;  background-position:-148px 0px; margin:0 22px}
ul#nav li.booking{width:61px;  background-position:-191px 0px; margin:0 22px}
ul#nav li.etiquitte{width:69px;  background-position:-254px 0px;}
ul#nav li.faqs{width:38px;  background-position:-324px 0px;}
ul#nav li.reviews{width:62px;  background-position:-364px 0px;}

ul#nav li.home a:hover{background:url(images/nav-sprite.gif) no-repeat 0 -18px;}
ul#nav li.profile a:hover{background:url(images/nav-sprite.gif) no-repeat -46px -18px;}
ul#nav li.gallery a:hover{background:url(images/nav-sprite.gif) no-repeat -95px -18px;}
ul#nav li.rates a:hover{background:url(images/nav-sprite.gif) no-repeat -148px -18px;}
ul#nav li.booking a:hover{background:url(images/nav-sprite.gif) no-repeat -191px -18px;}
ul#nav li.etiquitte a:hover{background:url(images/nav-sprite.gif) no-repeat -254px -18px;}
ul#nav li.faqs a:hover{background:url(images/nav-sprite.gif) no-repeat -324px -18px;}
ul#nav li.reviews a:hover{background:url(images/nav-sprite.gif) no-repeat -364px -18px;}

#nav-line{width:760px; height:17px; background:#000 url(images/nav-line.gif) no-repeat 6px 0; border-left:1px solid #434343; border-right:1px solid #434343;}

/*----RIGHTCOL------------------------------*/
#rightcol{float:right; display:inline; position: relative; width:189px; margin-right:10px}

/*----LEFT COL------------------------------*/
#leftcol{width:550px; float:left; position:relative; margin-left:10px; display:inline}


/*----GALLERY------------------------------*/
body#gallery #leftcol, body#resources #leftcol{width:750px; float:left; position:relative; margin-left:10px; display:inline;}
body#gallery #rightcol{width:535px; float:right; display:inline; position: relative; margin-right:10px;}

ul#gallery{list-style:none}
ul#gallery li{float:left; margin:5px; list-style:none;}
ul#gallery li img{border:3px solid #073e40}
ul#gallery_landscape li{margin:10px 22px; display:inline}
ul#gallery_portrait li{margin:10px 12px; display:inline}
ul#list{list-style:none}
ul#list li a{color:#601342}



/*----REVIEW------------------------------*/
body#review_write form.mailing, body#register form.mailing{margin:0 0 20px 100px}
.profile_review_holder{width:500px; margin-left:100px; padding:15px; border-bottom:1px solid #3D3D3D; background-color:#262626; float:left; display:inline}
.profile_review_left{float:left; color:#35D6DC; font-size:1.3em;}
.profile_review_right{float:right; color:#35D6DC; font-size:1.3em;}
.profile_review_text{margin:5px 0 5px 0; padding:0; font-size:1.3em; color:#f2f2f2; line-height:1.5em; float:left}


table#profile{width:173px; margin:0 auto;}
table#profile tr td{padding:5px; color:#FFF; font-size:1.3em }
table#profile tr td.left{text-align:right; font-weight:bold; border-right:0}
table#profile tr td.right{text-align:left}

#box_index{width:181px; background:url(images/module-stats-mid.gif) repeat-y; float:left; margin:15px 0 }
#box_index .top{background:url(images/module-stats-top.gif) no-repeat left top; padding:0; margin:0;  }
#box_index .bottom{background:url(images/module-stats-low.gif) no-repeat left bottom;  padding:0; margin:0;  }

ul.review{width:728px; clear:left; list-style:none; margin-bottom:30px; border-bottom:1px solid #fff}
ul.review li{margin-bottom:6px}

ul.punternet{ margin-bottom:25px}

/*----RATES------------------------------*/
table#rates{margin:10px 0}
table#rates tr td{padding:3px; font-size:1.3em; color:#FFF}
table#rates tr td.left{text-align:right}


/*----CONTACT------------------------------*/
body#contact #leftcol{width:472px}
body#contact #rightcol{width:248px}
form.mailing {width:450px; border:6px solid #35D6DC; margin:20px 0 20px 0px; float:left; display:inline}
form.mailing_long{width:550px; }
form.mailing p{ width:438px; padding:5px 0 5px 10px; margin:0; background-color:#073E40; margin:1px; color:#fff}
form.mailing p.double{height:40px}
form.mailing_long p{width:540px; }
form.mailing p label{width:150px; float:left; display:inline; text-align:right; padding-right:3px}
form.mailing_long p label{width:180px; float:left; display:inline; text-align:right;}
form.mailing p label.captcha_image,form.mailing p label.captcha_input{margin-left:150px;  float:none;}
form.mailing_long p label.captcha_image{margin-left:250px;  float:none;}
form.mailing input, form.mailing select, form.mailing textarea{font-family:verdana, Arial, Helvetica, sans-serif; padding:3px; font-size:1.0em; width:250px}
form.mailing input.field-sm{width:80px}
form.mailing input.field-date{width:35px}
form.mailing textarea{width:260px}
form.mailing_long textarea{width:320px}
form.mailing fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing legend{display:none}
span.button_submit{margin-left:150px;}
form.mailing_long span.button_submit{margin-left:185px;}
textarea{font-size:1.0em; font-family:verdana, Arial, Helvetica, sans-serif;}
form.mailing input.submit_button{width:100px}
body#contact #leftcol img{clear:both}
sup{color:#FF0000}
form.mailing input.captcha_textarea{width:60px}

a.email{color:#FFF}
a.email:hover{color:#353535}
form.mailing input.service_date{width:30px}

#contact_container{width:240px; float:left; margin:20px 0 0 0px}
ul#contact_details li{list-style:none; font-size:1.1em}
ul#contact_details li.email a{color:#f2f2f2}
ul#contact_details li.email a:hover{color:#FFD93C}
ul#contact_details li a{color:#FFF}
ul#contact_details li a:hover{color:#f00;}

/*---------------FAQS---------------*/
ul#faq_q{margin-bottom:65px; clear:left; list-style:none}
ul#faq_q li{margin-bottom:5px; font-size:1.3em; line-height:1.6em}
ul#faq_q li a{color:#fff; text-decoration:none}
ul#faq_q li a:hover, ul.faq_a li.top a:hover{color:#35D6DC; text-decoration:underline}


ul.faq_a{margin-bottom:15px; list-style:none;}
ul.faq_a li.question{margin-bottom:5px; font-size:1.3em; font-weight:bold; line-height:1.6em}
ul.faq_a li.answer{margin-bottom:5px; font-size:1.3em; color:#fff; line-height:1.6em}
ul.faq_a li.top{font-size:0.9em}
ul.faq_a li.top a{color:#35D6DC;}

/*----RESOURCES-----------------------------*/
textarea#links{margin:20px 0px}
body#resources #leftcol{width:200px}
body#resources #rightcol{width:500px}

body#submit form.mailing{margin-left:200px}
body#submit p a{margin:10px 0 10px 128px}
li.desc { color: #222222; }

ul#list{list-style:none; width:700px; margin-left:10px }
ul#list li{float:left; font-size:1.1em;}
ul#list li a{color:#f2f2f2}
ul#list li a:hover{color:#FFD93C; }

ul.link{margin:0 0 20px 10px}
ul.link li{list-style:none; margin:5px 0; font-size:1.1em; color:#f2f2f2}
ul.link li.title a{color:#f2f2f2}
ul.link li.title a:hover{color:#FFD93C;}


/*----FOOTER--------------------------------*/
#footer{width:760px; height:30px; clear:both; text-align:center; background-color:#000; border-left:1px solid #434343; border-right:1px solid #434343;} 
#footer_text{font-size:1.1em; padding-top:5px; color:#fff;}
#footer_text a{color:#FFF; text-decoration:none}
#footer_text a:hover{text-decoration:underline}

#disclaimer{height:100px; clear:both; text-align:center; background-color:#737373} 
#disclaimer_text{font-size:1.3em; padding-top:5px; color:#FFF;}
#disclaimer_text a{color:#FFF; text-decoration:none}
#disclaimer_text a:hover{text-decoration:underline}
#tel_details{width:700px; height:74px; margin:0 auto}