/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler ::the css gods will strike down on tables with great vengence! */
html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, figure{margin:0; padding:0;} 

a {color:#9b3d26; cursor:pointer; outline:none;}
a:link,  a:visited {color:#9b3d26; cursor:pointer;}
a:hover, a:active {color:#666; cursor:pointer;}

body,html{}
body{width:100%; height:100%; /*min-width:990px;*/ background:#9b3d26; font-family:'Lato', sans-serif; font-weight:400; color:#333}

/* Rounded Pre Classes*/
.rounded5{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px;}
.rounded5BOT{-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-radius:0px 0px 3px 3px;}
.rounded5TOP{-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-radius:3px 3px 0px 0px;}
.rounded5RIGHT{-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-radius:0px 3px 3px 0px;}
.rounded5LEFT{-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-radius:3px 0px 0px 3px;}

/* Fields */
.idleField{color:#988f76}.focusField{color:#333}

img{border:none}
ul,ol{padding:0 0 0 35px; margin:0; text-align:left}
input, select, textarea{font-family:'Lato', sans-serif; font-weight:400; font-size:14px; resize:none}
.hide{display:none}
hr{ width:100%; height:1px; background:url(../images/content_seperator.png) no-repeat center; border:none}

/*
9b3d26 red
f0f0f0 gray
*/

/*FONTS */
.oswald300{font-family:'Open Sans Condensed', sans-serif; font-weight:300}

#white_line{width:100%; background:url(../images/bg_white_10.png); position:absolute; top:135px; left:0; z-index:1}
#white_line img{float:right; padding:15px 10px 30px 10px;}

#header,#cont_wrap,#white_line{display:none}
#header{left:0;}
#cont_wrap{left:280px;}
/*
#header{left:-300px;}
#cont_wrap{left:-710px;}
*/

/* --------------HEADER ---------------*/
#header{width:285px; height:100%; background:#f0f0f0 url(../images/watermark.jpg) bottom no-repeat; text-align:center; position:fixed; top:0; border-left:5px solid #9b3d26; z-index:2}
	.logo{display:block; margin:15px auto;}
	.shadow{width:20px; height:100%; background:url(../images/drop_shadow.png); position:absolute; top:0; right:-20px;}
	.small_pic{width:300px; height:150px; margin-left:-5px; background:#FFF; position:relative}
	.small_pic_corner{width:10px; height:10px; background:url(../images/corner.png); position:absolute; right:0; bottom:-10px;}
	.navigation{width:295px; height:150px;}
	.navigation h1{text-align:center; margin:0 85px; padding:15px 0; border-bottom:1px solid #c5c5c5; font-size:30px; }
	.navigation h1 a{ text-decoration:none; color:#333}
		#menu{display:block; margin:15px auto 10px auto}
		#menu,#menu ul{list-style:none; padding:0;}
		#menu li.active > a{color:#999;}
		#menu li a{padding:0 20px; display:block; text-decoration:none; color:#666; text-transform:uppercase; font-family:'Open Sans Condensed', sans-serif; font-weight:300}
		#menu li div.arrow{width:10px; height:10px; position:absolute; top:50%; left:100%; margin:-5px 0 0 -20px; background:#000}
		#menu > li div.corner{width:10px; height:10px; position:absolute; top:100%; left:100%; margin:0 0 0 -10px; background:url(../images/corner.png)}
		#menu > li.active,#menu li a:hover,.you_are_here{color:#9b3d26; background:#FFF}
		#menu > li{height:35px; line-height:35px; position:relative; text-align:center; font-size:22px;}
		#menu > li ul{width:250px; position:absolute; top:0; left:100%; display:none; z-index:1}
		#menu > li li{height:35px; line-height:35px; display:block; background:#f0f0f0; position:relative; font-size:20px;}
		#menu > li li a:hover{background:#fff;}

#slideshow{width:100%; height:100%; position:absolute; top:0; right:0; overflow:hidden; }
/*
a.continue{width:186px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:20px; background:url(../images/bg_white_10.png); border:2px solid #fff; position:absolute; top:50%; left:-10%; margin:-25px 0 0 -100px; z-index:1}
a.continue:hover{color:#9b3d26; border-color:#9b3d26; background:url(../images/bg_white_70.png)}
*/
/* --------------BODY ---------------*/
#cont_wrap{width:690px; background:url(../images/bg_white_70.png); border:10px solid #f0f0f0; position:absolute; top:340px; overflow:hidden; z-index:1;
	-moz-border-radius-topright:100px; -webkit-border-top-right-radius:100px; border-radius:0px 100px 0px 0px;
	}
	#cont_body{width:450px; padding:15px 15px 15px 25px; float:left}
	#cont_body .scroller{ width:100%; float:right}
	#cont_body .scroller .viewport{height:270px; overflow:hidden; position:relative}
	#cont_body h2{font-size:30px; color:#000; text-transform:uppercase; font-weight:300}
	#cont_body h2 strong{font-weight:300; color:#9b3d26}
	#cont_body h3{ font-size:25px; color:#000; text-transform:uppercase; margin:10px 0 5px 0; padding-bottom:5px; border-bottom:2px solid #9b3d26}
	#cont_body p{ font-size:15px; line-height:25px; padding:2px 0;}
	a.button{display:inline-block; background:#9b3d26; color:#fff; text-decoration:none; text-align:center; padding:5px 10px; margin-bottom:5px; text-transform:uppercase}
	
	.contact p span{width:150px; float:left; font-weight:700;}
	
	#cont_gall{width:200px; float:right}
	#cont_gall figure{width:100px; height:100px; float:left; overflow:hidden; position:relative}
	#cont_gall a{display:block}
	#cont_gall img{ width:177px; height:100px; position:absolute; left:50%; top:0; margin-left:-85px}
	#cont_gall figcaption{}
	
	#cont_wrap.rates_content{top:0; height:100%; overflow:auto; border-bottom:none; border-top:none;
	-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-radius:0;}
	#cont_wrap.rates_content #cont_body{ width:auto; padding-bottom:60px}
	.rates{width:100%; line-height:20px; color:#666; font-size:	13px;}
	#cont_body .rates h3{border:none; font-size:20px; margin:0; padding:0}
	.rates td,.rates th{padding:5px; vertical-align:top;}
	.rates td{border:1px solid #e1e1e1;}
	.rates td:first-child,.rates th:first-child{ text-align:left}
	.rates tr:nth-child(even){background:#F0F0F0}
	.rates tr:nth-child(odd){background:#FFF}
	.rates th{font-size:13px; border-bottom:2px solid #999; background:url(../images/bg_white_70.png)}

/* --------------FOOTER ---------------*/
#footer{width:100%; position:absolute; bottom:0; left:0; color:#666}
	#footer p{padding:3px 0; line-height:20px; text-transform:uppercase;}
	#footer a{display:block}
	#footer a.facebook, #footer a.twitter{ width:25px; height:25px; background-image:url(../images/social_icons.png); display:inline-block; margin:0 5px}
	.facebook{ background-position:0 0}
	.twitter{ background-position:0 -35px}
	.link{width:125px; margin:auto}
	.copy{font-size:14px;}
	#footer .classic img{height:15px}
	#footer .classic a{ display: inline-block; margin:0 5px}
	a.intouch{font-size:10px; padding-bottom:10px; text-decoration:none}

@media (max-height:730px) {
	.logo{width:auto; height:70px}
	#white_line{height:auto; top:110px}
	#white_line img{ width:auto; height:85px;}
	.small_pic,.small_pic img{ height:100px}
	.logo{ margin:10px auto}
	.navigation h1{font-size:25px; padding:5px 0;}
	#menu{ margin:10px auto 5px auto}
	#menu > li{height:30px; line-height:30px; font-size:22px;}
	#menu > li li{height:30px; line-height:30px; font-size:18px;}
	#cont_wrap{top:270px}
	#cont_body .scroller .viewport{height:230px;}
	#cont_gall figure{height:87px;}
	#cont_gall img{ width:auto; height:87px; margin-left:-78px}
}
@media (max-height:640px) {
	.logo{height:60px}/*height:95px*/
	#white_line{top:0px}
	#white_line img{ width:auto; height:70px;}
	.small_pic{ display:none}
	#cont_wrap{ top:160px}
}
@media (max-width:960px) {
	.logo{height:70px}
	body{ font-size:100%;}
	.navigation h1{ display:none}
	#menu > li{font-size:150%; height:140%; line-height:140%}
	#menu > li li{font-size:100%; height:140%; line-height:140%}
	#white_line img{ padding:5px 0 10px 0}
	#cont_wrap{width:660px; top:95px}
	#cont_body{width:420px;}
	#cont_body h2{ font-size:180%}
	#cont_body p{ font-size:130%}
	.link img{ width:auto; height:50px}
	#footer a.facebook,#footer a.twitter{ display:none}
	
}
/* STYLE:MOSAIC */
#gallery{height:100%; background:#f0f0f0; margin-left:290px;}
	.box {
	background-color:#f0f0f0;
	overflow:hidden;
	-webkit-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-moz-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-ms-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	-o-transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
	transition:all 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-property:left, right, top;
	-moz-transition-property:left, right, top;
	-ms-transition-property:left, right, top;
	-o-transition-property:left, right, top;
	transition-property:left, right, top;
	}
	.box a,.box a img{display:block}
	.box a{ width:100%; height:100%; position:relative;}
	.box a img{position:absolute; top:50%; left:50%;}

	.size22 a img{width:569px; height:320px; margin:-160px 0 0 -285px}
	.size21 a img{width:320px; height:180px; margin:-90px 0 0 -160px}
	.size12 a img{width:569px; height:320px; margin:-160px 0 0 -285px}
	.size11 a img{width:276px; height:155px; margin:-77px 0 0 -138px}

/* STYLE:MOSAIC */

/* STYLE:Forms */
.feedback{display:block; margin:auto;}
	.feedback label{display:block; line-height:35px; margin-bottom:5px; overflow:hidden; position:relative}
	.feedback input[type="text"],.feedback input[type="password"],.feedback span{width:50%; height:33px; padding:0 5px; float:right; border:1px solid #fff; background:url(../images/bg_white_70.png); color:#666}
	.feedback input[type="submit"]{ width:100%; height:35px; float:right; cursor:pointer; border:none; background:#9b3d26; color:#fff; text-transform:uppercase}
	.feedback input.security{ width:20%;}
	.feedback textarea{ width:96%; height:100px; display:block; padding:1%; border:1px solid #fff; line-height:20px; background:url(../images/bg_white_70.png); color:#666; float:right}

	.feedback span{right:0px;}
	.feedback select.styled{width:50%; padding:0 5px; float:right;}
	
	.feedback .select{position: absolute; top:0; cursor:pointer; font-size:14px; border:1px solid #fff; background: url(../images/thumb-down.png) right center no-repeat rgba(255,255,255,0.7); color:#666}
	.feedback select.styled{ height:35px; border:none; cursor:pointer}
	.feedback select.styled option{ padding:2px 5px; color:#333; font-size:12px;}
/* STYLE:Forms */

/* STYLE:Scroll */
.overview { width:100%; list-style:none; position:absolute; left:0; top:0; padding:0; margin:0;}
	.scrollbar{width:10px; background:#eee; position:relative; float:right; margin-left:10px; border:1px solid #f0f0f0; box-shadow:inset 0 0 3px #ccc}
	.track{height:100%; width:8px; position:relative; padding:0 2px;}
	.thumb{width:8px; height:20px; background:#9b3d26; cursor:pointer; overflow:hidden; position:absolute; top:0; left:1px;}
	.disable{display:none; }
	.noSelect{user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
	/* Yuk! CSS Hack for IE6 3 pixel bug :( */
	* html .jspCorner{margin:0 -3px 0 0;}
/* STYLE:Scroll */

/* STANDARD STYLES */
#javaMessage{width:100%; height:100%; line-height:40px; background:#f0f0f0; text-align:center; color:#333; position:absolute; top:0; left:0; z-index:100; display:none}

#formMessage{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/bg_black_40.png); z-index:1000;}
#formMessageBox{width:360px; height:260px; padding:140px 20px 0 20px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -200px; background-color:#FFF; text-align:center; line-height:25px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:200px 200px 200px 200px;}
p.yesPar,p.noPar{color:#FFF; text-align:center; line-height:20px;}
p.yesPar{background:#0C0; }
p.noPar{background:#C00; }
div.yesImg,div.noImg{width:20px; height:20px; margin:auto }
div.yesImg{background:url(../images/message_ico.png) left no-repeat;}
div.noImg{background:url(../images/message_ico.png) right no-repeat;}

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler ::the css gods will strike down on tables with great vengence! */