/*
	© 2009 Surrountec 
	main.css - v1.0
	Autor: Dennis Decker		
*/

/* +++++ GLOBAL SITE STUFF ++++ */

*{		
	color:#FFFFFF;
}
body {	
	background-color:#000000;
}
hr{
	border-color:transparent -moz-use-text-color transparent;
	border-style:none none none;
	border-width:0px 0 medium;
	height:3px;
	background:url(images/bigDivider.png) scroll center center no-repeat;
	padding:5px;
}
p{
	font-size:12px;
	line-height:24px;
	letter-spacing:0.02em;
}
h1{
	font-size:24px;
}
h2{
	font-size:20px;
	padding:15px 0;
	letter-spacing:0.02em;
}
h3{
	font-size:16px;
	padding:15px 0;
	letter-spacing:0.02em;
}
.subNav li h3{
	padding:0;
}
small{
	color:#c6c5b0;
	font-size:10px;
}
input,
textarea {
	color:#999;
	margin:5px;
}
input#s{
	margin:0;
}
#comment{
	width:450px;
}
.clr{
	clear:both;
}
a{
	text-decoration:none;
}
/* +++++ CUSTOM STUFF ++++ */
#respond{
	margin-top:15px;
	padding-top:15px;
	background:transparent url(images/bigDivider2.png) no-repeat scroll left top;
}
.postmetadata a,
.widget_categories a{
	color:#D6D1AC;
}
.hentry{
	padding-bottom:15px;
	background:transparent url(images/bigDivider2.png) no-repeat scroll left bottom;
}
.entry{
	padding:15px 0 0 0;
}
.entry ul{
	list-style:square;
	list-style-position:inside;
	font-size:12px;
	line-height:24px;
	letter-spacing:0.02em;
}
.entry li{
	text-indent:15px;
}
.frmSearch{
	position:relative;
	display:block;
	width:240px;
	height:30px;
}
.fldSearch{
	font-size:10px;
	float:left;
	background:url(images/srchInput.png) scroll top left no-repeat;
	border: 0px none;
	width:201px;
	height:25px;
	padding:5px;
}
.btnSearch{
	background:url(images/btnSearch.png) scroll top center no-repeat;
	height:23px;
	width:23px;
	display:block;
	text-indent:-9999px;
	float:left;
}
body#startPage{
	background:#000000 url(images/bg.jpg) top center repeat-x;
}
body#prodPage{
	background:#000000 url(images/bgtile.jpg) top center repeat;
}
.blogDivider{
	clear:both;
	display:block;
	position:relative;
	top:23px;
	background:transparent url(images/bigDivider.png) no-repeat scroll center top;
	height:30px;
}
.inPage{
	position:relative;
	background:#000000 url(images/bg2.jpg) top center repeat-x;
	height:525px;
}
.mainLayer{
	position:relative;
	top:-55px;
	left:-600px;
	background:transparent url(images/top_gfx.png) scroll center center no-repeat; 
	height:282px; 
	width:300px; 
	margin:auto; 
	z-index:2;
}
table{
	text-align:left;
	font-size:11px;
}
th{
	display:table-cell;
	width:auto;
	padding:8px;
}
tr{
	display:table-row;
	background:url(images/bigDivider.png) scroll bottom center no-repeat;
	white-space:nowrap;
}
td{
	color:#d6d1ac;
}
/* TOP LANE */
.topLane{
	height:12px;
	width:100%;
	background:transparent url(images/topLane_01.png) top left repeat-x;
}
.searchBox{
	position:relative;
	display:block;
	left:683px;
	height:54px;
	width:253px;
	top:-5px;
	background:#000000 url(images/topLane_search.png) top left no-repeat;
}
.searchBoxInner{
	display:block;
	position:relative;
	width:140px;		
	padding:20px 0 0 10px;
}
.searchBoxInner span{
	color:#dcdcdc;
	font-size:10px;
	letter-spacing:0.01em;
	width:90px;
	float:left;
}

.langBox{
	position:relative;
	display:block;
	left:782px;
	height:43px;
	width:153px;
	background:#000000 url(images/topLane_lang.png) top left no-repeat;
}
.langBoxInner{
	display:block;
	position:relative;
	width:140px;		
	padding:20px 0 0 10px;
}
div.langBoxInner span{
	color:#dcdcdc;
	font-size:10px;
	letter-spacing:0.01em;
	width:90px;
	float:left;
}
a.flag{
	display:block;
	width:16px;
	height:11px;
	float:left;
	margin-right:8px;
}
/* LANG BUTTONS */
a.de{
	background:transparent url(images/flags.png) bottom left no-repeat;
}
a#active.de{
	background:transparent url(images/flags.png) bottom right no-repeat;
}
a.de:hover{
	background:transparent url(images/flags.png) bottom center no-repeat;
}
a.en{
	background:transparent url(images/flags.png) top left no-repeat;
}
a#active.en{
	background:transparent url(images/flags.png) top right no-repeat;
}
a.en:hover{
	background:transparent url(images/flags.png) top center no-repeat;
}
a.flag span{
	text-indent:-9999px;
	width:16px;
}

/* MAIN BOX */
.bigWrapper,
.langWrapper,
.searchWrapper{
	display:block;
	width:960px;
	margin:auto;
}
.headWrapper{
	position:absolute;
	display:block;
	top:60px;
}
.logo{
	display:block;
	width:375px;
	height:39px;
	padding-left:25px;
	float:left;
}
.logo h1, 
.logo small,
.headLink span,
.headerImage h2,
.imgTitle h3,
.btn span,
.btnInfo span{
    display:block;
    text-indent:-9999px;
}
.headContainer{
	background:transparent url(images/bigDivider.png) top center no-repeat;
	position:relative;
	display:block;
	clear:both;
	top:23px;
	height:362px;
}
.headerImage{
	position:relative;
	display:block;
	width:963px;
	height:327px;
	top:2px;
	/*margin-top:23px;*/
}
.headText{
	padding:110px 0 0 25px;
	display:block;
	width:460px;
	height:165px;
	overflow:hidden;
	font-size:13px;
	line-height:20px;
	letter-spacing:0.02em;	
	
}
/* header images*/
#workstations{
	background:url(images/header/header_01.png) center center no-repeat;
}
/* content */
.contentWrapper{
	position:relative;
	display:block;
}
.contentInner p,
.footerLinks a{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	letter-spacing:0.05em;
	text-decoration:none;
}
#news{
	background:url(images/headline_map.png) top left no-repeat;
	height:16px; 
	width:220px;
}
#whysourroundTec{
	background:url(images/headline_map.png) bottom left no-repeat;
	height:16px; 
	width:220px;
}
#spec{
	background:url(images/prod_titles_map.png) top left no-repeat;
	height:16px; 
	width:176px;
}
#finish{
	background:url(images/prod_titles_map.png) bottom left no-repeat;
	height:16px; 
	width:176px;
}
.imgTitle{
	margin-bottom:15px;
}
.contentLeft,
.contentRight{
	float:left;
	padding:3px 25px 25px 25px; 
	width:435px;
	overflow:hidden;
	height:265px;
}
.cBox{
	display:table;
	position:relative;
	height:200px;
}
a.btn{
	position:absolute;
	top:230px;
	height:25px;
	width:125px;
	display:block;
}
#blog,
#readmore{
	background-color:transparent;
	background-image:url(images/linkButtons_map.png); 
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:-100px -100px;
}
#blog{
	background-position:top right;
	width:89px !important;
}
#readmore{
	background-position:top left;
}
a#blog:hover{
	background-position:bottom right;
}
a#readmore:hover{
	background-position:bottom left;
}
a.btnInfo{
	position:relative;	
	height:24px;
	width:113px;
	display:block;
}
#moreInfo{
	background-color:transparent;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-image:url(images/btnInfos_map.png);
	background-position:top left;
}
a#moreInfo:hover{
	background-position:bottom left;
}
.specWrapper{
	display:block;
	position:relative;	
}
.specInner{
	padding:3px 25px 25px;
}
.mainWrapper {
	display:block;
	position:relative;
	width:700px;
	float:left;
}
.mainContent {
	padding:3px 25px 25px;
}
#sidebar{
	background:url(images/wDot.png) repeat-y top left;
	display:block;
	position:relative;
	width:260px;
	float:right;
	padding:15px 0 15px 35px;
	top:-5px;
}
#sidebar ul li ul li a{
	font-size:12px;
	letter-spacing:0.02em;
	font-weight:bold;
	display:block;
	background:url(images/wDot32.png) repeat-x left center;
	padding:12px 0;
}
#sidebar ul li ul li a:hover{
	color:#C6C5B0;
}
/* footer */
.footerWrapper{
	display:block;
	position:relative;
	background:transparent url(images/bigDivider2.png) scroll top left no-repeat;
	height:17px;
}
.footerWrapper{
	padding:25px;
}
.footerLinks{
	display:table;
	width:auto;
	float:left;
}
.footerSymbol{
	position:absolute;
	background:transparent url(images/bottom_gfx.png) scroll top left no-repeat; 
	height:234px;
	width:344px;
	left:100px;
	top:-120px;
	z-index:-1;
}
.copyright{
	color:#898989;
	display:table;
	width:auto;
	float:right;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	letter-spacing:0.05em;
	text-decoration:none;
}
.Message{
	text-align:center;
	width:650px;
	border:#FF0000 1px solid;
	margin:auto;
	color:#FF0000;
	background:#FFCCCC;
	padding:8px;
	font-weight:bold;
	margin-bottom:15px;
}