/* © 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:#666633; cursor:pointer; outline:none;}
a:link,  a:visited {color:#666633; cursor:pointer;}
a:hover, a:active {color:#3c3c12; cursor:pointer;}

body,html{}
body{width:100%; height:100%; /*min-width:990px;*/ font-family:'Lato', sans-serif; font-size:14px; 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:#d7d71f}.focusField{color:#333}

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

/*
e7d5c9 light brown
805a44 medium brown
50372f dark brown

d7d71f light green
666633 medium green
3c3c12 dark green
*/

/*FONTS */
.font300{font-family:'Lato', sans-serif; font-weight:300}
.button,a.button{ padding:3px 15px; text-decoration:none; margin:2px 1px; color:#d7d71f; background:#666633; /*box-shadow:inset 5px 5px 0 #3c3c12;*/ display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px 3px 3px 3px; }
.button:hover,a.button:hover{box-shadow: none}

#header{ width:100%; height:80px; position:fixed; top:0; left:0; z-index:2;}
#header > header{height:80px; margin:20px 20px 0 20px; background:url(../images/bg_dark_brown_80.png); position:relative;}
	.logo{width:270px; height:140px; background:#f4edcc; float:left; position:relative; z-index:0}.logo img{display:block; margin:10px auto}
	#show_menu{width:30px; height:35px; position:absolute; top:20px; right:20px; background: url(../images/sprite.png) -150px 0; z-index:1}
	#menu{height:80px; float:left; list-style:none; padding:0; margin:0 0 0 10px}
	#menu li.active > a{color:#d7d71f;}
	#menu li a{padding:0 10px; display:block; text-decoration:none; color:#e7d5c9; font-family:'Lato', sans-serif; font-weight:300;}
	#menu li div{width:20px; height:10px; position:absolute; bottom:20px; left:50%; margin:0 0 0 -10px; background:url(../images/sprite.png) -70px -45px}
	#menu li.active > div{background:url(../images/sprite.png) -100px -45px}
	#menu > li.active{color:#d7d71f; background:#666633; box-shadow: inset 5px 5px 0 #3c3c12}
	#menu > li{height:80px; line-height:75px; float:left; position:relative; text-align:center; font-size:120%;}
	#menu li ul{width:250px; position:absolute; top:80px; left:0; display:none; background:#666633; border:5px solid #f4edcc; box-shadow:0 0 10px #50372f; padding:0; list-style:none; z-index:1; }
	#menu li li{line-height:20px; position:relative; font-size:100%; border-bottom:1px solid #f4edcc;}
	#menu li li a{ color:#d7d71f; padding:15px 10px; }
	#menu li li a:hover,#menu li li.active > a{background:#d7d71f; color:#3c3c12}
	#menu li li ul{position:absolute; top:-5px; left:180px; z-index:1; border:5px solid #f4edcc; display:none}
	#menu li li div{ width:10px; height:10px; position:absolute; top:50%; left:90%; margin:-5px 0 0 0; background:url(../images/sprite.png) -150px -45px}
	
	
	#support, #social{list-style:none; float:right}
	#support{padding:10px 0 10px 0;}
	#social{padding:10px 15px 10px 0;}
	#support li, #social li{float:left; margin:0 5px 0 0;}
	#support a, #social a{display:block; background-image: url(../images/sprite.png); background-repeat:no-repeat; text-align:center}
	#support a strong, #social a strong{display:block}
		#support a{height:40px; font-size:100%; background:#666633; box-shadow:inset 5px 5px 0 #3c3c12; color:#f4edcc; text-decoration:none; padding:10px 15px;}
		#support a:hover,#support a:hover{box-shadow:inset -5px -5px 0 #3c3c12;}
		#support strong,#support strong{font-size:128.6%; color:#d7d71f;}
		
		#social .facebook,#social .twitter,#social .youtube,#social .language{width:50px; height:50px; margin:5px 0px; background-color:#50372f;
		-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px 25px 25px 25px;}
		#social .facebook{ background-position:5px -125px}
		#social .twitter{background-position:-45px -125px}
		#social .youtube{background-position:-95px -125px}
		#social .language{background-position:-145px -125px}
		#social .facebook:hover{ background-position:5px -75px}
		#social .twitter:hover{background-position:-45px -75px}
		#social .youtube:hover{background-position:-95px -75px}
		#social .language:hover{background-position:-145px -75px;}

#page_title{position:fixed; right:20px; top:160px; text-align: right; color: #f4edcc; text-transform:uppercase; text-shadow:3px 3px 1px #50372f; z-index:1}
	#page_title h1{font-size:500%}
	#page_title h2{font-size:300%}

#info{width:100%; position:fixed; bottom:0; left:0; overflow:hidden; z-index:1;}
	/*left 50%*/
	.split_1{margin:0 20px 10px 20px; display:block; position:relative; overflow:hidden}
	.split_1_1{width:50%; float:left; position:relative; overflow:hidden}
		.split_1_1 > div{width:30%; height:200px; background:#666633; float:right}
			#home_sub_menu{list-style:none; padding:10px; margin:0; display:block}
			#home_sub_menu a{ width:220px; line-height:25px; color:#d7d71f; font-size:130%; padding:5px 20px 0 50px; display:block; text-decoration:none; position:relative}
			#home_sub_menu a:hover,#home_sub_menu a.active{text-shadow:2px 2px 1px #3c3c12; color:#d7d71f}
			#home_sub_menu a div{ width:25px; height:25px; background:url(../images/sprite.png) 0 -40px; position:absolute; left:10px; top:50%; margin:-7px 0 0 0}
			#home_sub_menu a:hover div,#home_sub_menu a.active div{background:url(../images/sprite.png) -30px -40px; }
		.watermark{position:absolute; left:20px; top:50%; margin-top:-48px; display:none}
	/*right 50%*/
	.split_1_2{width:50%; background:url(../images/bg_f4edcc_90.png); position:absolute; top:0; right:0; z-index:0; display:none; overflow:hidden}
	.split_1_2.active{z-index:1}
		.split_1_2 > div{width:100%;}
		
		.split_1_2 .scroller{ height:230px; margin:10px 20px 10px 20px; overflow:auto}
		
		.split_1_2 figure{width:160px; height:160px; float:left; background:#CCC; margin:10px 20px 0 0}
		.split_1_2 figure a{ display:block}
		.split_1_2 figure img{width:100%; height:100%}
		.split_1_2 h2{ padding:5px 0; font-size:250%; font-weight:400; color:#50372f; border-bottom:5px solid #50372f}
		.split_1_2 h3{ padding-top:10px; font-size:150%; font-weight:400; color:#666633; line-height:30px; margin-bottom:-5px}
		.split_1_2 h4{ padding-top:10px; font-size:130%; font-weight:400; color:#666633; line-height:30px}
		.split_1_2 p{ font-size:100%; line-height:25px; padding:3px 0;}
		.split_1_2 p:last-child{ padding-bottom:50px !important;}
		.split_1_2 iframe{width:230px !important; height:160px !important; display:block; float:left; margin:10px 20px 0 0 }

/* CONTENT PAGES */
#info.content{}
	#info.content .split_1_1 > div{height:250px;}
	#info.content .split_1_2 > div{width:100%;}
		#info.content .split_1_2 figure{width:160px; height:160px; float:left; background:#CCC; margin:10px 20px 0 0}
		#info.content .split_1_2 h2 a{ font-size:60%; font-weight:300; color:#666633}
		#info.content .split_1_2 p:last-child{ padding-bottom:0px !important;}
		#info.content .split_1_2 ul{ line-height:20px}
		/*CONTACT*/
		.contact{width:50%; float:left; font-size:14px;}
		.contact p{ line-height:20px; padding:0 !important}
		.contact strong{width:30%; float:left; font-weight:700;}
		.little_paw{width:25px; height:25px; display:inline-block; background:url(../images/sprite.png) -190px -5px; margin-bottom:-10px; margin-right:5px }

.content_area{width:1140px; padding:20px 40px; margin:170px auto 90px auto; background:url(../images/bg_f4edcc_90.png); overflow:hidden}
	.content_area h1{padding:5px 0; font-size:250%; font-weight:300; color:#50372f; border-bottom:5px solid #50372f}
	.content_area h2{font-size:150%; font-weight:400; color:#666633; line-height:20px; padding:5px 0 }
	.content_area h3{font-size:130%; font-weight:400; color:#666633; line-height:20px; padding:5px 0}
	.content_area nav{ line-height:20px; padding:10px 20px; margin-bottom:20px; background:#666633; color:#f4edcc}
	.content_area nav a{color:#d7d71f}
	.content_area iframe{ width:40%; height:250px; border:5px solid #50372f; }
	.content_area figure{width:55%; height:250px; margin:0 0 0 2%; border:5px solid #50372f; float:right; position:relative; overflow:hidden}
	.content_area figure img{height:250px; position:absolute; top:0; left:50%; margin-left:-330px;}
	.content_area aside{ display:none}
	.content_area p{font-size:100%; line-height:25px; padding:3px 0;}
	.content_area ul{ line-height:20px}
	.content_area table{ clear:both}
	.content_area table p{ padding-bottom:10px}
	.content_area table td{ padding:0; vertical-align: top}
	.content_area table td img{ width:30% !important; height:auto !important; margin:10px; border:5px solid #50372F;}
	/*NEWS*/
	.content_area h2.news_heading{width:100%; border-bottom:1px solid #666633;}
	.content_area p.news_item{ width:100%; max-height:75px; overflow:hidden; position:relative}
	.content_area a.news_link{ position:absolute; bottom:0; right:0; padding: 3px 15px}
	
/* CONTENT PAGES */

	.split_2{height:60px; line-height:60px; margin:0 20px 20px 20px; background:url(../images/bg_dark_brown_80.png); display:block; position:relative}
	.split_2 a{text-decoration:none; color:#e7d5c9;}
	.split_2 .news_heading{ width:auto; height:60px; padding:0 20px; background:#50372f; font-size:180%; text-align:center; position:absolute; top:0; left:0; z-index:1}
	.split_2 .cycle_wrap{ width:79%; padding:0 8% 0 13%; position:absolute; top:0; left:0; overflow:hidden; z-index:0}
	.split_2 .cycle_news{ width:100%; height:60px;}
		.split_2 .news_item{width:100%; height:60px; color:#e7d5c9; font-size:128.6%; float:left}
		.split_2 .news_item h2{display:inline; font-size:100%; font-weight:300}
		.split_2 .news_item a{border:1px solid #e7d5c9; padding:5px 10px;}
		.split_2 .news_item a:hover{ border-color:#666633; background:#666633; color:#d7d71f}

	.split_2 .prev{width:25px; height:30px; background:url(../images/sprite.png) no-repeat 0 0; position:absolute; top:15px; right:60px; z-index:1}
	.split_2 .prev:hover{ background:url(../images/sprite.png) no-repeat -75px 0}
	.split_2 .next{width:25px; height:30px; background:url(../images/sprite.png) no-repeat -40px 0; position:absolute; top:15px; right:20px; z-index:1}
	.split_2 .next:hover{background:url(../images/sprite.png) no-repeat -115px 0}

.div_table{width:100%; height:100%; display:table}
.div_cell{width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle}

.pop_layer{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/bg_medi_brown_40.png); display:none; z-index:10}
.pop_up{max-width:500px; padding:30px; text-align:left; display:inline-block; position:relative; background: url(../images/bg_f4edcc_90.png); box-shadow:0 0 20px rgba(0,0,0,0.4); z-index:11}
	.pop_up .close{ padding:10px; font-size:400%; line-height:40px; position:absolute; top:25px; right:20px; cursor:pointer; font-family:'Lato', sans-serif; font-weight:300; color:#ABAB2E; }
	.pop_up p{font-size:100%; line-height:25px; padding:3px 0; }
	.pop_up h2{font-size:250%; margin:0 0 5px 0 !important; padding:10px 0; line-height:30px; font-family:'Lato', sans-serif; font-weight:400; clear:both; color:#50372f; border-bottom:5px solid #50372f;}


/* MOSAIC */
#gallery_wrap{ width:100%; max-width:1765px; margin:180px auto 100px auto; box-shadow:0 0 10px #50372f; background: url(../images/bg_f4edcc_90.png); position:relative; z-index:0}
#gallery{ border:5px solid #f4edcc; border-right:none; display:block; position:relative;}
	.box {
	background-color:#f4edcc;
	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}
/* MOSAIC */

@media (max-width:1600px) {
	
body{font-size:14px}
	#gallery_wrap{ max-width:965px; }

	.logo{width:240px;}.logo img{ width:70%; margin:15px auto}
	
	#social a{background-image: url(../images/sprite_small.png);}
	#support a{height:40px; padding:5px 10px; margin:5px 0}
	#social .facebook,#social .twitter,#social .youtube,#social .language{width:40px; height:40px; margin:10px 0; }
		#social .facebook{ background-position:5px -45px}
		#social .twitter{background-position:-45px -45px}
		#social .youtube{background-position:-95px -45px}
		#social .language{background-position:-145px -45px;}
		#social .facebook:hover{ background-position:5px 5px}
		#social .twitter:hover{background-position:-45px 5px}
		#social .youtube:hover{background-position:-95px 5px}
		#social .language:hover{background-position:-145px 5px}
	
	.split_1_2 figure{width:120px; height:120px;}

}
@media (max-width:1367px) {

body{font-size:12px}
	
#header{height:60px;}
#header > header{height:60px; margin:10px 10px 0 10px;}
	.logo{width:180px; height:auto}
	.logo img{ width:70%; margin:15px auto}
	
	#menu{height:60px;}
	#menu li a{padding:0 10px;}
	#menu li div{bottom:10px;}
	#menu > li{height:60px; line-height:55px; font-size:120%;}
	#menu li ul{width:250px; top:60px;}
	#menu li li a{padding:10px 30px 10px 10px; }
	
	#support{padding:0;}
	#social{padding:0 5px 0 0;}
	#support a{height:30px; font-size:90%; padding:10px; margin:5px 0}
	#support li, #social li{ margin:0 3px;}
	
	#page_title{right:10px; top:120px;}
	#page_title h1{font-size:450%}
	#page_title h2{font-size:350%}

	.split_1{margin:0 10px 5px 10px;}
	.split_1_1{width:25%}
	.split_1_1 > div{width:100%;}
	
	.split_1_2{width:75%}
	.split_1_2 .scroller .viewport{margin:0 10px}
	.split_1_2 .scroller .scrollbar{margin:0 10px 0 10px}
		.split_1_2 figure{width:100px; height:100px; margin:10px 10px 0 0}
	.split_1_2 h2{font-size:200%; line-height:20px;}
	.split_1_2 p{font-size:110%; line-height:20px;}
	.split_1_2 p.news_item{ height:45px}
	#info.content .split_1_1 > div{height:200px}
	#info.content .scroller .viewport{ height:180px}
		#home_sub_menu{ padding:10px}
		#home_sub_menu a{line-height:25px; font-size:140%; padding:0 20px 0 50px; }
		#home_sub_menu a div{ top:0; margin:0;}
		
	.content_area{width:950px; padding:10px 30px; margin:140px auto 40px auto;}
		.content_area ul,.content_area p{ font-size:120%}
	
	.split_2{height:40px; line-height:40px; margin:0 10px 20px 10px;}
	.split_2 .news_heading{height:40px; padding:0 10px; font-size:120%;}
	.split_2 .cycle_news{height:40px;}
		.split_2 .news_item{height:40px; font-size:120%;}
		.split_2 .news_item h2{font-size:100%; font-weight:300}

	.split_2 .prev{top:5px; right:50px;}
	.split_2 .next{ top:5px; right:10px;}

	#gallery_wrap{ max-width:965px; }
}
@media (max-width:990px) {

body{font-size:12px}
	#gallery_wrap{ max-width:645px; }
	
	.logo{width:160px; height:auto}
	.logo img{ width:70%; margin:15px auto}

	.contact{width:100%; float:none;}
	
}
@media (max-width:640px) {

body{ background:#666; font-size:14px}
	#gallery_wrap{ max-width:965px; }
	#header{ width:auto; height:auto; position:relative; top:auto; left:auto;}
	#header > header{height:auto; margin:0; padding-bottom:10px}
	#show_menu{ display:block}
	.logo{ width:auto; height:auto; float:none; display:block; overflow:hidden;}
	.logo img{ width:50%; height:50%;}
	#menu{height:auto; float:none; margin:0; display:none}
	#menu > li{height:auto; line-height:normal; padding:0; display:block; float:none; border-bottom:1px solid #e7d5c9}
	#menu > li.active{box-shadow: none}
	#menu li a{box-shadow:none; padding:10px; /*FONT*/ font-size:80%}
	#menu li div{width:20px; height:10px; position:absolute; bottom:50%; left:100%; margin:0 0 -5px -30px; background:url(../images/sprite.png) -70px -45px}
	#menu li ul,#menu li li ul{ width:auto; position:relative; top:auto; left:auto; border:5px solid #f4edcc; margin:10px}
	#menu li li{height:auto; line-height:normal; border-bottom:1px solid #f4edcc;}
	
	#support, #social{float:none; display:block; text-align:center; padding:0}
	#social{ padding-top:10px}
	#support li, #social li{ float:none; display:inline-block; overflow:hidden}
	#social a{display:block; background-image: url(../images/sprite.png); background-repeat:no-repeat; text-align:center}
	#support a{/*FONT*/ font-size:80%}
	#social .facebook,#social .twitter,#social .youtube,#social .language{width:50px; height:50px; margin:0px; background-color:#50372f;
	-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px 25px 25px 25px;}
		#social .facebook{ background-position:5px -125px}
		#social .twitter{background-position:-45px -125px}
		#social .youtube{background-position:-95px -125px}
		#social .language{background-position:-145px -125px}
		#social .facebook:hover{ background-position:5px -75px}
		#social .twitter:hover{background-position:-45px -75px}
		#social .youtube:hover{background-position:-95px -75px}
		#social .language:hover{background-position:-145px -75px;}
	#support .subscribe, #support .support{ height:auto}
	
	#page_title{ height:auto; padding:10px; position:relative; top:auto; right:auto; text-align:left; color:#666; text-shadow:none; background:url(../images/bg_f4edcc_90.png)}
		#page_title h1{font-size:230%}
		#page_title h2{font-size:160%}

	#info{position:relative; top:auto; left:auto;}

		.split_1{ margin:0;}
		.split_1_1{ display:none}
		.split_1_2{width:auto; height:auto; position:relative; top:auto; right:auto; overflow:hidden; display:block; background:none}
		.split_1_2 > div{ width:100%; display:block; float:none}
			.split_1_2 .scroller{ float:none;  background:url(../images/bg_f4edcc_90.png); padding:10px; display:block}
			.split_1_2 .scroller .scrollbar{ display: none}
			.split_1_2 .scroller .viewport{height:auto; margin-left:0;}
			.split_1_2 .scroller .overview{ position:relative; left:auto; top:auto;}
			.split_1_2 p:last-child{ padding-bottom:0px !important;}
	
		.split_1_2.guests > div{width:100%}
		
		#info.content .scroller .viewport{height:auto;}
		#info.content .split_1_2 figure{width:100px; height:100px;}
		#info.content .split_1_2 h2{font-size:180%;}
		#info.content .split_1_2 h3{font-size:140%;}
		
	.content_area{width:94%; padding:10px 3%; margin:0;}
		.content_area ul,.content_area p{ font-size:120%}
		.content_area iframe{ width:98%; margin:auto}
		.content_area figure{ display:none}
		
		.split_2{ height:auto; line-height:normal; margin:0; display:block; position:relative}
			.split_2 .news_heading{ width:auto; font-size:160%; height:60px; line-height:60px; position:relative; top:auto; left:auto; padding:0 10px; display:block; text-align:left; z-index:0}
				.split_2 .cycle_wrap{padding:0; position:relative; top:auto; left:auto; padding:10px 10px; }
				.split_2 .cycle_news{ width:auto; height:auto; overflow:hidden}
					.split_2 .news_item{height:auto; display:block; font-size:100% !important;}
					.split_2 .news_item a{ border:none;}
			.split_2 .prev{top:0; margin:15px; right:40px;}
			.split_2 .next{top:0; margin:15px; right:0px;}
			
		#gallery_wrap{width:100%; margin:10px auto;}
		#gallery{border:none;}

	.pop_up{padding:10px;}
		.pop_up .close{font-size:300%; line-height:30px; top:10px; right:10px}
		.pop_up p,.pop_up label{font-size:80%; line-height:25px;}
		.pop_up h2{font-size:120%; line-height:100%}

}

/* STYLE:Forms */
.feedback{display:block; margin:auto;}
	.feedback label{display:block; padding:5px 0; overflow:hidden; position:relative; line-height:40px}
	.feedback input[type="text"],.feedback input[type="password"],.feedback span,.feedback select{width:60%; height:28px; padding:5px; float:right; border:1px solid #666633; background: url(../images/bg_f4edcc_90.png); color:#805a44}
	.feedback input[type="submit"]{ width:100%; padding:10px 0; cursor:pointer; border:none; text-transform:uppercase}
	.feedback input.security{ width:30%;}
	.feedback textarea{ width:97%; height:100px; display:block; padding:1%; border:1px solid #666633; line-height:20px; background:url(../images/bg_f4edcc_90.png); color:#666633; float:right}
/* STYLE:Forms */
		
/* STYLE:Scroller */
.overview { width:100%; list-style:none; position:absolute; left:0; top:0; padding-bottom:30px; margin:0;}
	.scrollbar{width:10px; padding:0 5px; background:#f4edcc; position:relative; float:right; margin:0 20px 0 10px; }
	.track{width:10px; background:#ccc; position:relative;}
	.thumb{width:10px; height:10px; background:#666633; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0;}
	.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:Scroller */

/* STANDARD STYLES */
#javaMessage{width:100%; height:100%; line-height:40px; background:#f4edcc; 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.jpg) center top #000 no-repeat; z-index:1000;}
#formMessageBox{width:400px; padding:10px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -210px; background-color:#f4edcc; text-align:center; line-height:20px; font-size:12px; /*outer shadow*/ -moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;}
p.yesPar,p.noPar{color:#f4edcc; 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;}

.intouch{height:20px; line-height:20px; position:fixed; right:0; bottom:0; padding-right:20px; font-size:100%; color:#f4edcc; z-index:2}
.intouch span{font-size:80%;}
.intouch strong{ color:#F90}
a.intouchBox{width:105px; height:75px; position:fixed; bottom:-75px; right:-105px; z-index:1; outline:none}

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