body {background: transparent  url(../images/backwindow.gif) repeat-x 0% 0%;
padding: 10px 0 0 0;margin: 0pt auto;
text-align: center;	
font-size: 11px;color:#333; 
font-family: Arial, Helvetica, sans-serif;	font-weight: 300; }

a {color: #3DC2E6;	text-decoration: underline;}
a:hover {text-decoration: underline;}
a:focus{outline:1px dotted invert}
table {border-collapse:collapse;	border-spacing:0; }
img {border: 0; }
td {padding:0; font-size: 11px; vertical-align: top;}
form {margin:0; padding:0}

h1 { font-size: 22px; margin: 0 0 10px 0; padding: 0; font-weight: 300;  }


.head {color: #fff; font-size: 20px; font-weight: 300; margin:0; padding:0;}


#container {text-align: left;	margin: 0px auto;	width: 850px;	position: relative; }
	
* html #container {height: 100%;}


.wrapper {clear:both;	position:relative;	width:100%;  padding: 0;margin:0; }
.content {clear:both;width: 850px;text-align: left;}

.header {float:left; width:200px; margin: 2px 0 0;  }
.tel {/*background: url(../images/icon_tel.gif) no-repeat 0% 0%; */
padding: 0 30px 18px 10px; width: 130px; float: right;}

.rightcolumn1 {float:right; width:570px;margin:21px 10px 0 0; text-align: right;}

.menu {color:#3A6F8F; text-transform: uppercase; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: 700;
background: url(../images/vertline.gif) no-repeat 100% 0%; padding: 0 15px; text-align: center;}

.menu2 {color:#3A6F8F; text-transform: uppercase; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: 700;
padding: 0 0 0 22px; text-align: right;}



td.recent {background: url(../images/recentcase.jpg) no-repeat; width: 266px; height: 107px; color:#fff; padding: 55px 20px 10px 20px;  vertical-align: top;}
td.recent h1 {font-size: 11px; padding:0; margin: 0 0 5px 0; color:#fff;}
td.recent p {font-size: 11px; padding:0; margin: 0 0 5px 0; color:#fff;}


td.subscribe {background: url(../images/subscribe.jpg) no-repeat; 
width: 238px; height: 172px;  
color:#fff; 
padding: 52px 7px 0 23px;
margin:0;
vertical-align: top;

}


td.subscribesmall {background: url(../images/subscribesmall.png) no-repeat; 
width: 200px; height: 189px;  
color:#fff; 
padding: 52px 7px 0 23px;
margin:0;
vertical-align: top;
}

td.direction {background: url(../images/direction.png) no-repeat; 
width: 206px; height: 189px;  
color:#fff; 
padding: 52px 7px 0 16px;
margin:0;
vertical-align: top;
}

/**/
.box_home1 {float: left;width:563px; height: 268px;  }
/*.box_home1 {float: left; background: url(../images/homeimg1.jpg) no-repeat; width:547px;height: 268px; }*/
.box_home2 {float: left; width:563px;height: 355px;  }

.box_list {float: left; width:563px;height: 255px; }

.box_search {float:right;background: url(../images/productsearch.jpg) no-repeat 0% 0%;
 width: 262px; height: 208px; color:#fff; padding: 60px 0 0 25px;  }

.box_news {float:right;background: url(../images/news.jpg) no-repeat; width: 246px; height: 305px; padding: 25px 20px; }

.copy {float: left; width:450px;height: 40px; font-size:11px; color:#99a2a8; 
padding: 15px 0 0 13px;  line-height: 20px; margin-bottom:20px;}
.copy a {color:#99a2a8;  text-decoration: none }
.design {float:right;width: 300px; height: 40px; font-size:11px; color:#99a2a8;
line-height: 20px; text-align: right; padding: 15px 5px 0 0; }
.design a{color: #cbcfd3;text-decoration: none }


.small {
	font-size:10px; color: #cbcfd3;
}


.box_news p {margin: 0 0 3px 0; font-weight: 700;}
.date {margin: 0 0 3px 0; }

/*Images*/
img.left {position: relative;float: left;margin: 0 10px 0 0 ; border: 3px #fff solid;}
img.leftBig {position: relative;float: left;margin: 0 30px 0 0 ;}
img.read {margin: 5px 0 0 0 ;}

.news {padding: 0 0 10px 0; border-bottom: 1px #ccc solid; }
.news2 {padding: 0 0 10px 0; border-bottom: 1px #ccc solid; margin: 10px 0 0 0; }
.news3 {padding: 0 0 0 0;  margin: 10px 0 0 0; }





div.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}


.rightcolumnf {float:right; width:300px;margin:0; text-align: right;color:#666666;}



.footerwrapper {clear:both;overflow:hidden;position:relative;width:100%;}
.footer {float:left; width:380px; margin:0; color:#666666;}
.rightcolumnf {float:right; width:300px;margin:0; text-align: right;color:#666666;}
.td_form { text-align: right; padding: 10px 10px 10px 0; vertical-align: top;}
.formtransparent {border: 0pt none ; background-color: transparent; width: 180px; font-size:11px; font-weight: 700;  padding: 3px 0 0 10px }
.formtransparent2 {border: 0pt none ; background-color: transparent; width: 180px; font-size:11px; font-weight: 700;  padding: 3px 0 0 10px; height: 21px; }
.formtransparent3 {border: 0pt none ; background-color: transparent; width: 135px; font-size:11px; font-weight: 700;  padding: 3px 0 0 10px; height: 21px; }

.back_form { 
	background: url(../images/back_form.gif) no-repeat 0px 3px; 
	width:170px; 
	height: 21px; 
	vertical-align: top; 
	padding: 3px 40px 8px 0;

}
.back_form2 { 
	background: url(../images/input_2.png) no-repeat 0px 3px; 
	width:170px; 
	height: 21px; 
	vertical-align: top; 
	padding: 3px 40px 0 0;
}
.back_input { 
	background: url(../images/back_input.gif) no-repeat 0px 3px;  
	height: 21px; 
	vertical-align: top; 
	padding: 3px 0 0 0;
	width: 180px;
	
	
}
.back_input3 { 
	background: url(../images/back_input3.gif) no-repeat 0px 3px;  
	height: 21px; 
	vertical-align: top; 
	padding: 3px 0 0 0;
	width: 138px;
	
	
}

.txt_form {
	font-size:11px;  
	padding: 0px 5px 0 0;
	vertical-align: middle;
}

a.lnk1:link, a.lnk1:visited, a.lnk1:active 	{color:	#3A6F8F; text-decoration: none;}
a.lnk1:hover	{color:	#00395A; text-decoration: underline; }

a.white:link, a.white:visited, a.white:active 	{color:	#fff; text-decoration: none;}
a.white:hover	{color:	#fff; text-decoration: underline; }


.navmenu {padding: 0 0 10px 10px; color: #D9E6E9; 
margin-top: -18px;

}

/*Box products*/

.box_desc_top {background: url(../images/box_desc_top.gif) no-repeat; width: 843px; height: 20px;}
.box_desc_cen {background: url(../images/box_desc_cen.gif) no-repeat 0% 0%; width: 843px; height: 169px; padding: 10px 37px 0 37px;} 
.box_desc_bottom {background: url(../images/box_desc_bottom.gif) no-repeat 0% 100%; width: 843px; height: 70px; padding: 0 0 0 255px;}
.box_product {margin: 10px 0 0 0}




.box_gallery {background: url(../images/box_gallery.gif) no-repeat 0% 0%; width: 843px; height: 241px; padding: 0px 15px 0 15px;} 

.box_txt  { line-height: 14px;}

.box_list_top {background: url(../images/listbox_top.gif) no-repeat; width: 625px; height: 16px;}
.box_list_cen {background: url(../images/box_list_cen.gif) no-repeat 0% 0%; width: 625px; height: 234px; padding: 3px 20px 0 15px;} 
.box_list_bottom {background: url(../images/box_list_bottom.gif) no-repeat 0% 100%; width: 625px; height: 20px; }


.box_design {float:right;background: url(../images/box_design.gif) no-repeat; width: 177px; height: 185px; padding: 55px 25px 25px 20px; }
.box_design2 {float:right;background: url(../images/box_design.gif) no-repeat; width: 177px; height: 267px; padding: 55px 20px 25px 20px;  }

.on_left { background: url(../images/on_left.gif) no-repeat bottom right; width: 17px; height: 38px;}
.on_cen { background: url(../images/on_cen.gif) repeat-x bottom; color:#3D6075; text-align: center;font-weight: 700;
text-transform: uppercase; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px 5px 0 5px; vertical-align: middle; }
.on_right { background: url(../images/on_right.gif) no-repeat bottom left; width: 18px; height: 38px;}

.off_left { background: url(../images/off_left.gif) no-repeat bottom right; width: 17px; height: 38px;}
.off_cen { background: url(../images/off_cen.gif) repeat-x bottom; color:#3D6075; font-weight: 700;
text-transform: uppercase; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px 5px 0 5px; vertical-align: middle; text-align: center;}
.off_right { background: url(../images/off_right.gif) no-repeat bottom left; width: 18px; height: 38px;}

.td_submenu {padding: 10px 15px 0 0; text-align: right;}

.uleft {	background: url(../images/uleft.gif) no-repeat top right; width: 4px; height: 70px;}
.ucen {background-color: #f4f7f7; font-size:12px; font-weight: 700; padding: 5px 0 0 10px;}
.uright {	background: url(../images/uright.gif) no-repeat top left; width: 4px; height: 70px;}

.tableft {	background: url(../images/tabcen.gif) repeat-x; width: 4px; height: 32px; border-bottom: 2px #fff solid; padding:0;}
.tabcen {background: url(../images/tabcen.gif) repeat-x; font-size:12px; color: #fff; font-weight: 700; padding: 10px 0 0px 10px; border-bottom: 2px #fff solid;}
.tabright {	background: url(../images/tabcen.gif) repeat-x right; height: 32px; border-bottom: 2px #fff solid;  text-align: right;}

.tab {background-color: #f2f8fa; color: #4696ac;}
.tab_on {background-color: #DCEEF4; color: #4696ac;}
.tab_ch {background-color: #CCE3EB; color: #4696ac;}
.tab td {background-color: #f2f8fa; padding: 5px 0 5px 10px; border-bottom: 2px #fff solid; vertical-align: middle;}
.tab_on td {background-color: #DCEEF4; padding: 5px 0 5px 10px; border-bottom: 2px #fff solid; vertical-align: middle;}
.tab_ch td {background-color: #CCE3EB; padding: 5px 0 5px 10px; border-bottom: 2px #fff solid; vertical-align: middle;}

/*Gallery*/
.gall { float: left; vertical-align: middle; padding: 60px 0 0 0 }
.gall_img {float: left; width: 184px;  height: 150px; background: url(../images/gall_img.gif) no-repeat top; text-align: center; padding: 6px 0 0 0; margin: 0 7px 0 0;
	
}

/*paging*/

.onpage { background-color: #4897ad;  color:#fff; height: 10px; width: 10px; text-align: center;display:inline;padding:2px 5px;}
.item {border-bottom: #000 1px ;  padding: 4px 0; font-size:10px; }

a.non:link, a.non:visited, a.non:active 	{color:	#000; text-decoration: none;}
a.non:hover	{color:	#C62864; text-decoration: underline; }


/**/

.RightColumn {	float: right; width: 221px;}
.LeftColumn {	float: left; width: 625px;}
.LeftColumn_cd {	float: left; width: 555px;}

.NewsHeader { background: url(../images/news_header.gif) no-repeat; width: 592px; height:43px; padding:25px 50px 0 0;  text-align: right;}
.NewsCaseStudies { background: url(../images/casestudies_header.gif) no-repeat; width: 592px; height:43px; padding:25px 50px 0 0;  text-align: right;}

.Topnews {background: url(../images/backnews.png) no-repeat top; height: 436px; width: 624px; padding: 25px 0 0 25px}
.Botnews {background: url(../images/backbottnews.png) no-repeat top; height: 25px; width: 624px;}

.ArchNews {	background: url(../images/backarchived.gif) no-repeat top;height: 220px; width: 200px; padding:50px 0px 0 20px; }	
.ArchNews a { text-decoration: none; color:#1c282f}	

.ArchCaseStudies {	background: url(../images/backarchivedcase.gif) no-repeat top;height: 220px; width: 200px; padding:50px 0px 0 20px; }	
.ArchCaseStudies a { text-decoration: none; color:#1c282f}	

.rowblue {background-color: #f4f9fa; padding: 5px 0 8px 0; border-bottom: 2px #fff solid; font-size: 12px;}
.rowbluebl {background-color: #f4f9fa; padding: 8px  5px 0 5px; border-bottom: 2px #fff solid;}

.ImgNews {	background: url(../images/backimgnews.gif) no-repeat; width: 205px; height: 163px; padding: 8px 0 0 9px}
.ImgG {	width: 205px; height: 160px;  float: left; padding: 0 10px 0 0;}

.date {font-size: 10px; color:#48a3bc;}
.Topnews h1 {color: #585e62; font-weight: 700; font-size: 12px; line-height: 16px; padding: 5px 0; margin:0;}	
.Topnews h2 {color: #000; font-weight: 300; font-size: 22px; line-height: 16px; padding: 5px 0; margin:0 0 10px 2px;}
.Topnews p {font-size: 12px; line-height: 16px; padding: 5px 0; margin:0;}	
.DesignBox {	height: 210px; width: 200px; padding: 55px 0px 0 20px; margin: 3px 0 0 0;  }	

/*PRODUCT PAGE*/


#product_top {
		margin: 0 0 5px 0;
		padding: 0;
		width: 850px;
		height: 109px;
		float: left;
		text-align: left;
		}	
		
#overwiew {
		margin: 0;
		padding: 55px 0 0 30px;
		width: 417px;
		height: 54px;
		float: left;
		text-align: left;
		background: url(../images/product/overwiew.jpg);
		
		}
		
#search {
		margin: 0;
		padding: 0 0 0 30px;
		width: 373px;
		height: 109px;
		color: #FFFFFF;
		float: left;
		text-align: left;
		background: url(../images/product/search.jpg);
		}	
		
#s_button {
		width: 110px;
		height: 33px;
		float: right;
		padding: 27px 0 0 0;
		}
		
#s_text {
		margin: 0;
		width: 373px;
		float: left;
		}					

#products {
		margin: 0;
		padding: 0;
		width: 850px;
		float: left;
		text-align: left;
		}
		
.product {
		margin: 0 4px 3px 0;
		padding: 0;
		width: 166px;
		height: 133px;
		float: left;
		}		
		
.spotlight {
		margin: 0;
		padding: 55px 0 0 20px;
		width: 274px;
		height: 117px;
		float: left;
		text-align: left;
		background: url(../images/product/product-spotlight.png);
		}
		
.spot_pic {
		margin: 0;
		padding: 0;
		width: 104px;
		height: 70px;
		float: left;
		}	
		
.spot_rm_button {
		margin: 0;
		padding: 8px 0 0 113px;
		width: 147px;
		height: 20px;
		float: left;
		}			
		
.spot_data h1 {font-size: 11px; padding:0; margin: 0 0 5px 0; color:#fff; font-weight:bold;}
		
.spot_data {
		margin: 0 0 0 10px;
		padding: 0;
		width: 145px;
		height: 70px;
		float: left;
		color: #FFFFFF;
		text-align: left;
		line-height: 13px;
		}			
		
#events {
		margin: 6px 6px 0 6px;
		/*padding: 55px 0 0 95px;*/
		width: 232px;
		height: 172px;
		float: left;
		/*background: url(../images/product/upcoming-events.png);*/
		}	
		
#a_cel_event {
		margin: 0;
		padding: 0;
		width: 50px;
		float: left;
		text-align: right;
		color:#FFFFFF;
		line-height: 16px;
		}	
		
#b_cel_event {
		margin: 0;
		padding: 0 0 0 5px;
		width: 80px;
		float: left;
		text-align: left;
		color:#FFFFFF;
		line-height: 16px;
		font-weight: bold;
		}						
/*23.09.2008*/
.Contact  {background: url(../images/backcontact.png) no-repeat top; height: 436px; width: 624px; padding: 25px 0 0 25px}
.form_td1 {font-size: 12px; text-align: right; padding: 0 10px 5px 0; vertical-align: middle; color:#1C282F}
.form_td2 {font-size: 12px;  padding: 5px 0; vertical-align: middle;  
background: url(../images/backinput1.gif) no-repeat; width: 204px; height: 35px; }
.form_td3 {font-size: 12px;  padding: 2px 0 5px 0; vertical-align: middle; 
 background: url(../images/backinput2.gif) no-repeat; width: 204px; height: 35px;}
.form_td4 {font-size: 12px;  padding: 5px 0; vertical-align: middle;  background: url(../images/backinput3.png) no-repeat; width: 342px; height: 146px;}
.form_td5 {font-size: 12px;  padding: 5px 0; vertical-align: middle;  background: url(../images/backinput3red.png) no-repeat; width: 342px; height: 146px;}
input.transparent { background-color: transparent; color: #000; border: 0; 
 font-family: Arial, Helvetica, sans-serif; padding: 3px 10px 5px 10px;} 
input.transparent2 { background-color: transparent; color: #000; border:0;  font-family: Arial, Helvetica, sans-serif; padding: 3px 10px 5px 10px; } 
.ContactRight{	background: url(../images/backaddress.png) no-repeat top;height: 220px; width: 195px; padding:50px 0px 0 25px;  line-height: 16px;}

/*add 30.09.2008*/
.boxsearchopen{ background: url(../images/product-search-opened.png) no-repeat 0% 0%; width: 403px; height: 248px; color:#fff; text-align: left;}
.boxsearchopen .s_button {	width: 110px;	height: 27px;	float: right;	padding: 27px 0 0 0; margin:0;	}
.boxsearchopen .s_text {	margin: 0;	width: 373px;	float: left; padding: 6px 0 10px 30px;}	

.txt { font-size: 12px; min-height:320px; }
.txt p { padding: 0; margin:0 0 10px 0 ;}
		
		
iframe {border: 0px solid #ffffff;}

/*29.09.2009*/
.Topnews2 {background: url(../images/backnews2.png) no-repeat top; height: 22px; width: 624px;}
.Topnews3 {background: transparent url(../images/backnews3_bott.png) no-repeat bottom; height: 436px; width: 624px; padding: 0 0 25px 25px}

.Topnews3 h1 {color: #585e62; font-weight: 700; font-size: 12px; line-height: 16px; padding: 5px 0; margin:0;}	
.Topnews3 h2 {color: #000; font-weight: 300; font-size: 22px; line-height: 16px; padding: 5px 0; margin:0 0 10px 2px;}
.Topnews3 p {font-size: 12px; line-height: 16px; padding: 5px 0; margin:0;}	

.Topnews3 ul {font-size: 12px; margin-left: 10px; line-height: 14px; }
.Topnews3 li { list-style: disc; padding: 2px; margin:0 5px;}
	
	/*18.05.2010*/
	
.tel2 {
/*float: right;*/
width: 200px; 
text-align: left;
/*margin-top: 30px;*/
color:#fff; 
font-weight: 700; 
font-size: 12px;
position: relative;
top:16px;
left:715px;
clear: both;
overflow: hidden;
 }	
.last { background : transparent; }