/* © 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: #b68c38; cursor:pointer; outline:none;}
a:link,  a:visited {color: #b68c38; cursor:pointer;}
a:hover, a:active {color: #666; cursor:pointer; text-shadow:0 0 10px #999}

body,html{width:100%; height:100%; }
body{font-size: 14px; color:#4a4a4a; position:relative; font-family: Arial, sans-serif; background:#fff;}
*::selection {background:#b68c38; color:#FFF}
*::-moz-selection {background:#b68c38; color:#FFF}
*::-webkit-selection {background:#b68c38; color:#FFF}

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

/* Title ToolTip */
.tooltip {width:150px; height: auto !important; position: absolute; z-index: 1000; padding:4px; margin-left:-75px; text-align:center; background: url(../images/grad_btn.png) #ccc; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;}
.tooltip h3{font-size:12px; font-weight:normal; overflow:hidden; line-height:20px; color:#666; text-shadow:1px 1px 0 #fff; }

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

img{border:none}
ul,ol{padding:0 0 0 25px; margin:0; text-align:left}
input, select, textarea {font-family: Arial; font-size: 14px; resize: none}
.hide{display:none}

/*
b68c38
7d5e20
*/

/*Source Sans Pro*/
.sans300{font-family:'Source Sans Pro', sans-serif; font-weight:300}
.sans400,.sans300 strong{font-family:'Source Sans Pro', sans-serif; font-weight:400}

.button,a.button{border-color: #fff #999 #999 #fff; border-style:solid; border-width:1px; background:url(../images/grad_btn.png) repeat-x top #ccc; color:#666; text-shadow:1px 1px 0 #fff; text-decoration:none; font-size:12px;}
a.button:hover,input[type="submit"]:hover,a.backToTop{border-color: #7d5e20 #ffe9bc #ffe9bc #7d5e20; background:url(../images/grad_btn_r.png) repeat-x top #cc9933; color:#fff; text-shadow:1px 1px 0 #7d5e20;}

#background{width:100%; height:930px; position: absolute; top:0; left:0; z-index:0} /* 0 */
	#background .top{height:250px; background:url(../images/grad_top.png)}
	#background .mid{height:430px; background:url(../images/concrete.png)}
	#background .bot{height:250px; background:url(../images/grad_bot.png)}

#header{width:990px; height:660px; margin:auto; position:relative; z-index:1} /* 1 */
	#logo{width:960px; height:125px; margin:0 15px; display:block;}
		#logo img{ float:left; margin-top:55px}

	#main_nav{width:958px; height:58px; margin:0 15px; background:url(../images/grad_nav.png); position:relative; z-index:1}
	#footer_nav{width:958px; height:58px; margin:0 auto; background:url(../images/grad_nav.png); box-shadow:0 0 10px #666; margin-bottom:5px;}
		ul.top_lvl{list-style:none; padding:0; display: block; font-size:18px;}
			ul.top_lvl > li{float:left; position:relative}
			/*ul.top_lvl > li:hover .sub_lvl{display:block;}*/
			ul.top_lvl li a{display:block; text-decoration:none;}
			ul.top_lvl > li > a{height:58px; line-height:58px; padding:0 15px; background:url(../images/drop_nav.png) right no-repeat; color:#666}
			ul.top_lvl > li > a:hover{border-width:1px; border-style:solid; border-color: #7d5e20 #ffe9bc #ffe9bc #7d5e20; background:url(../images/grad_nav_r.png) repeat-x top #cc9933; color:#fff; text-shadow:1px 1px 0 #7d5e20; margin:-1px}
		ul.sub_lvl{display:none; position:absolute; top:58px; left:0; padding:0; list-style:none;}
			ul.sub_lvl > li > a{width:250px; line-height:34px; background:#eee; color:#666; text-shadow:1px 1px 0 #fff; padding:0 15px; border-bottom:1px solid #ccc; font-size:16px}
			ul.sub_lvl > li > a:hover{background:url(../images/grad_btn_r.png) repeat-x top #cc9933; color:#fff; text-shadow:1px 1px 0 #7d5e20;}
		#main_nav a.facebook{width:35px; height:30px; margin:14px; background:url(../images/social.png)0 0; float:right}
		#main_nav a.facebook:hover{background:url(../images/social.png) -40px 0}

	#banner{width:960px; height:399px; margin:auto; background:url(../images/loader.gif) no-repeat center #fff; position:relative; border-bottom:1px solid #fff; z-index:0}
		#slideshow_overlay{ width:100%; height:20px; background:url(../images/image_overlay.png); position:absolute; top:0; left:0; z-index:1;}
		#slideshow{width:960px; height:399px; position:absolute; top:0; left:0; overflow:hidden; z-index:0; box-shadow:0 0 10px #666;}
		#slideshow aside{width:450px; height:115px; padding:10px 15px; overflow:hidden; position:absolute; bottom:20px; right:20px; background: url(../images/trans_white_80.png); border:5px solid rgba(255,255,255,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:3}
		#slideshow aside h3{line-height:35px; font-size:18px; color:#b68c38;}
		#slideshow aside p{height:80px; line-height:20px; font-size:12px; overflow:hidden}
		#slideshow aside .navigation{position:absolute; top:10px; right:15px; line-height:28px;}
		#slideshow aside a{ height:28px; line-height:28px; float:left; padding:0 10px; margin-left:5px}
		#slideshow aside a.next span,#slideshow aside a.prev span{width:10px; height:10px; display:inline-block; margin:9px 0;}
		#slideshow aside a.next span{background:url(../images/arrows.png) -20px 0; right:10px;}
		#slideshow aside a.prev span{background:url(../images/arrows.png) 0 0; left:10px;}
		#slideshow aside a.next:hover span{background:url(../images/arrows.png) -60px 0; right:10px;}
		#slideshow aside a.prev:hover span{background:url(../images/arrows.png) -40px 0; left:10px;}	

		#big_title{width:960px; height:75px; margin:auto; text-align:center; color:#333; text-shadow:1px 1px 0 #fff;}
			#big_title .first{font-size:30px; line-height:30px; padding-top:10px; font-weight:400}
			#big_title .second{font-size:18px !important; line-height:20px; text-transform:uppercase; letter-spacing:5px; font-weight:400}
	
		#drop_tr,#drop_tl{width:10px; height:120px; position:absolute; top:125px;}
			#drop_tl{left:5px; background:url(../images/drop_tl.png);}
			#drop_tr{right:5px; background:url(../images/drop_tr.png);}
		#drop_br,#drop_bl{width:10px; height:120px; position:absolute; bottom:-145px;}
			#drop_bl{left:5px; background:url(../images/drop_bl.png);}
			#drop_br{right:5px; background:url(../images/drop_br.png);}
		.dropshadow{ width:990px; height:30px; position:absolute; bottom:45px; left:0px; background:url(../images/drop.png) no-repeat center}

#content_wrap{width:880px; padding:15px 35px; overflow:hidden; border:5px solid #eee; margin:auto; position:relative; z-index:2;  background:url(../images/content_bg.jpg) no-repeat bottom #fff; box-shadow:0 0 10px #666;}
	#content{line-height:25px; padding-bottom:30px}
	#content > h2{line-height:30px; font-size:30px; color:#b68c38; margin-top:15px;}
	#content h3,#content .vacancy_item h2{ line-height:30px; font-size:20px; color:#7d5e20; margin:15px 0 5px 0; padding-bottom:5px; border-bottom:1px solid #7d5e20;}
	#content .vacancy_item h2 a{color:#7d5e20; text-decoration:none}
	#content strong{ color:#666}
	#content p,#content ul{ margin:5px 0; overflow:hidden}
	#content .button{ padding:0 10px; float:left}
	#vacancies{width:250px; line-height:20px; border:5px solid #eee; padding:20px; position:absolute; top:75px; right:35px; font-size:12px; background:#FFF}
		#vacancies h2{font-size:25px; color:#b68c38;}
		#vacancies h2 a{font-size:12px; color:#666; font-family:Arial, sans-serif; float:right; line-height:25px;}
		#vacancies h3{font-size:18px; margin:10px 0 0 0;}
		#vacancies h3 a{color:#7d5e20; text-decoration:none}
		
		#vac_slider,#vac_slider div{ width:250px; height:240px; overflow:hidden; position:relative}
		#vac_slider .date{font-size:11px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #b68c38; color:#666}
		#vac_slider .text{height:140px; overflow:hidden;}
		.vac_slider_nav{ position:absolute; bottom:0; left:0;}
		.vac_slider_nav a{height:28px; line-height:28px; float:left;}
		.vac_slider_nav a.go{ width:178px; text-align:center;}
		
		.vac_slider_nav a.prev span,.vac_slider_nav a.next span{width:10px; height:10px; margin:9px; display:block;}
		.vac_slider_nav a.prev{margin-right:5px;}
		.vac_slider_nav a.prev span{background:url(../images/arrows.png) 0 0}
		.vac_slider_nav a.prev:hover span{background:url(../images/arrows.png) -40px 0}
		.vac_slider_nav a.next{margin-left:5px;}
		.vac_slider_nav a.next span{background:url(../images/arrows.png) -20px 0}
		.vac_slider_nav a.next:hover span{background:url(../images/arrows.png) -60px 0}

/* STYLE: Vacancies */
	#content .vacancy_item h2 span{font-size:12px; color:#666; font-family:Arial, sans-serif; float:right; line-height:40px}
	#content .vacancy_item p{ height:55px; overflow:hidden}
	#content .vacancy_nav{ display:block; overflow:hidden}
	#content .vacancy_nav a{height:28px; line-height:28px;  padding:0 10px; float:right; margin-left:5px;}
	#content .date{ font-size:12px; margin:0; color:#666}
/* STYLE: Vacancies */

/* STYLE: All Navigtion Drops */
	#quick_nav{margin-top:20px; display:none}
		#quick_nav ul.top_lvl{font-size:12px}
			#quick_nav ul.top_lvl > li{float:none;}
			#quick_nav ul.top_lvl > li:hover .sub_lvl{display:none;}
			#quick_nav ul.top_lvl > li > a span{width:20px; height:20px; background:url(../images/logo_btn.png) 0 0; position:absolute; top:50%; left:10px; margin-top:-10px;}
			#quick_nav ul.top_lvl > li > a:hover span{background:url(../images/logo_btn.png) -30px 0; }
			#quick_nav ul.top_lvl > li > a{height:28px; line-height:28px; padding:0 15px 0 40px; background:url(../images/grad_btn.png);}
			#quick_nav ul.top_lvl > li > a:hover{background:url(../images/grad_btn_r.png) repeat-x top #666; margin:0}

	#footer_nav{}
		#footer_nav ul.top_lvl > li:hover .sub_lvl{display:none;}
/* STYLE: All Navigtion Drops */

/* STYLE: Tables */
.table{ font-size:12px; line-height:20px; margin-top:10px;}
.table td{ padding:2px; vertical-align:top; border:1px solid #eee}

.table_img{ font-size:12px; line-height:20px; margin-top:10px;}
.table_img td{padding:5px;}
.table_img td img{ border:1px solid #B68C38; padding:5px; margin:5px; display:block;}
/* STYLE: Tables */

#footer{width:980px; padding:0 5px; margin:auto; position:relative; z-index:1;}
	.banner{width:300px; height:140px; padding:15px; float:left; margin-right:-5px; background: url(../images/small_image.png); position:relative}
	.banner a.button{line-height:28px; padding:0 15px 0 40px; position:absolute; bottom:20px; right:20px;}
	.banner a.button span{ width:20px; height:20px; background:url(../images/logo_btn.png) 0 0; position:absolute; top:50%; left:10px; margin-top:-10px;}
	.banner a.button:hover span{background:url(../images/logo_btn.png) -30px 0; }
	#logo_bottom{width:980px; display:block; clear:both; overflow:hidden}
	#logo_bottom img{height:40px; display:block; margin:10px auto 20px auto}

#backtop_div{width:958px; position: fixed; bottom:0; left:50%; margin-left:-479px; z-index:10}
a.backToTop{width:298px; height:33px; margin-right:40px; line-height:33px; font-size:18px; text-align:center; float:right}

/* STYLE: Forms */
.feedback{ width:100%; display: block; margin:auto;}
	strong.indent{ width:150px; float:left; }
	strong.indent2{ width:200px; float:left; }
	.feedback label{display:block; line-height:30px; margin-bottom:10px; overflow:hidden}
	.feedback input[type="text"]{width:200px; height:28px; padding:0 5px; border:1px solid #CCC; /*inner shadow*/ -moz-box-shadow: inset 0px 0px 10px #ccc; -webkit-box-shadow: inset 0px 0px 10px #ccc; box-shadow: inset 0px 0px 10px #ccc;}
	.feedback input[type="submit"],	#productFilter input[type="submit"]{ width:200px; height:30px; cursor:pointer;}
	.feedback textarea{ width:90%; height:160px; padding:5px; border:1px solid #CCC; font-size:14px; line-height:20px; /*inner shadow*/ -moz-box-shadow: inset 0px 0px 10px #ccc; -webkit-box-shadow: inset 0px 0px 10px #ccc; box-shadow: inset 0px 0px 10px #ccc;}
/* STYLE: Forms */

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

#formMessage{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/concrete.png); z-index:1000;}
#formMessageBox{width:400px; padding:10px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -210px; background-color:#FFF; text-align:center; line-height:20px; font-size:12px; /*outer shadow*/ -moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;}
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;}

.intouch{ width:200px; height:20px; line-height:20px; position:fixed; right:0; bottom:0; font-size:11px; z-index:0; color:#333;}
.intouch span{font-size:9px}
.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! */