@import 'reset.css';

html{
	background:url(../images/bg.jpg) top left repeat-x #f9f9f9;
}

body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4f524d;
	background:url(../images/bg-footer.jpg) left bottom repeat-x;
}

.divLeft{
	float:left;
}

.divRight{
	float:right;
}
 
#pagewidth{ 
	width:1000px;
	padding:0 0 80px 0;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background:url(../images/bg-page-bottom.jpg) center bottom no-repeat;
} 
 
#header{
	position:relative; 
	height:271px; 
	background:url(../images/bg-head.jpg) top left no-repeat; 
	width:100%;
}

#header #nav{
	float:left;
	margin:9px 0 0 34px;
}

#header #nav ul{
	list-style:none;
}

#header #nav ul li{
	float:left;
	margin:0 12px 0 0;
}

#header #nav ul li a{
	display:block;
	width:82px;
	height:32px;
}

#header #nav ul li .tab-01{
	background:url(../images/tab-01.jpg) left top no-repeat;
}

#header #nav ul li .tab-01:hover, #header #nav ul li .tab-01-active{
	background:url(../images/tab-01-over.jpg) left top no-repeat;
}

#header #nav ul li .tab-02{
	background:url(../images/tab-02.jpg) left top no-repeat;
}

#header #nav ul li .tab-02:hover, #header #nav ul li .tab-02-active{
	background:url(../images/tab-02-over.jpg) left top no-repeat;
}

#header #nav ul li .tab-03{
	background:url(../images/tab-03.jpg) left top no-repeat;
	width:103px;
}

#header #nav ul li .tab-03:hover, #header #nav ul li .tab-03-active{
	background:url(../images/tab-03-over.jpg) left top no-repeat;
	width:103px;	
}

#header #nav ul li .tab-04{
	background:url(../images/tab-04.jpg) left top no-repeat;
}

#header #nav ul li .tab-04:hover, #header #nav ul li .tab-04-active{
	background:url(../images/tab-04-over.jpg) left top no-repeat;
}

#header #nav ul li .tab-05{
	background:url(../images/tab-05.jpg) left top no-repeat;
	width:113px;
}

#header #nav ul li .tab-05:hover, #header #nav ul li .tab-05-active{
	background:url(../images/tab-05-over.jpg) left top no-repeat;
	width:113px;
}

#header #nav ul li .tab-06{
	background:url(../images/tab-06.jpg) left top no-repeat;
}

#header #nav ul li .tab-06:hover, #header #nav ul li .tab-06-active{
	background:url(../images/tab-06-over.jpg) left top no-repeat;
}

#header #logo{
	clear:both;
	float:left;
	margin:61px 0 0 30px;
}

#header .medic-btn{
	clear:both;
	float:left;
	margin:20px 0 0 300px;
	width:329px;
}

#header .medic-btn a{
	display:inline-block;
	margin:0 0 0 0;
	width:329px;
	height:40px;
	text-indent:-9999px;
	background:url(../images/medic-butn.jpg) left top no-repeat;
}

#header .medic-btn a:hover{
	background:url(../images/medic-butn-hover.jpg) left top no-repeat;
}



#img{
	position:absolute;
	margin:0 0 0 639px;
	top:0;
	font-size:1%;
	width:340px;
	height:345px;
	z-index:10;
}

#wrapper{
	margin:0 auto;
	width:994px;
	background:url(../images/bg-content-body.jpg) center top repeat-y;
}

#twocols{
	margin:0 auto;
	padding:0 21px 0 19px;
	position:relative; 
	width:954px;
	background:url(../images/bg-content-top.jpg) left top  no-repeat;
}
 
#rightcol{
	margin:90px 10px 0 0;
	width:300px; 
	float:right; 
	position:relative; 
}

#rightcol h4{
	margin:0 0 10px 0;	
}

#rightcol .client-logo{
	overflow:hidden;
	background:url(../images/bg-clientele.jpg) center top no-repeat;
	height:132px;
}

#rightcol .client-logo .client{
	float:left;
	margin:30px 0 0 65px;
	width:172px;
	height:71px;
	text-align:center;
}

#rightcol .client-logo .client img{
	margin:-3px 0 0 10px;
}

#rightcol .sublink{
	float:left;
/*	margin:0 0 0 25px;*/
	width:257px;
	background:url(../images/bg-sub-link.jpg) left top no-repeat;
}

#rightcol .sublink ul{
	margin:40px 0 0 54px;
	list-style:none;
}

#rightcol .sublink ul li{
	margin:0 0 16px 0;

}

#rightcol .sublink ul li a{
	display:block;
	width:110px;
	height:21px;}

#rightcol .sublink ul li .sublink-01{
	background:url(../images/sublink-01.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-01:hover, #rightcol .sublink ul li .sublink-01-active{
	background:url(../images/sublink-01-over.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-02{
	background:url(../images/sublink-02.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-02:hover, #rightcol .sublink ul li .sublink-02-active{
	background:url(../images/sublink-02-over.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-03{
	background:url(../images/sublink-03.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-03:hover, #rightcol .sublink ul li .sublink-03-active{
	background:url(../images/sublink-03-over.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-04{
	background:url(../images/sublink-04.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-04:hover, #rightcol .sublink ul li .sublink-04-active{
	background:url(../images/sublink-04-over.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-05{
	background:url(../images/sublink-05.jpg) left top no-repeat;
}

#rightcol .sublink ul li .sublink-05:hover, #rightcol .sublink ul li .sublink-05-active{
	background:url(../images/sublink-05-over.jpg) left top no-repeat;
}


#maincol{
	float: left; 
	display:inline; 
	position: relative;
	width:640px; 
}

#maincol h2{
	margin:0 0 15px 15px;
}

#maincol .content{
	clear:both;
	margin:0 0 15px 15px;
}

#maincol .content a{
	color:#333;
	text-decoration:underline;
}

#maincol .content a:hover{
	color:#333;
	text-decoration:none;
}

#maincol .content .img{
	margin:0 10px 0 0;
}

#maincol .content .no{
	margin:15px 0;
	list-style:none;
}

#maincol .content .no li{
	margin:0 0 8px 0;
	font-weight:bold;
	color:#FF6600;
}

#maincol .content .no li span{
	color:#333;
}

#maincol .index-img{
	padding:0 0 0 195px;
	margin:0 25px 0 0;
	background:url(../images/img-sthtiscope.jpg) left top no-repeat;
}

#maincol .right-spec{
	margin:0 25px 0 0;
}

#maincol .content p{
	line-height:24px;
	margin:0 0 15px 0;
}

#maincol .content .big{
	font-size:14px;
}

#maincol .content h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0 0 7px 0;
}

#maincol .news{
	margin-right:25px;
	padding:0 0 5px 0;
	border-bottom:1px solid #dedede;
}
#maincol .bullets{
	margin:10px 0 0 35px;
	list-style:circle;
}

#maincol .bullets li{
	margin:0 0 12px 0;
}

#wrapper .container-product{
	float:left;
	margin:30px 0 0 17px;
	padding:0;
	width:960px;
	background:url(../images/bg-index-middle.jpg) left top no-repeat;
}

#wrapper .container-product h4{
	margin:22px 0 20px 15px;
}

#wrapper .product-scroll{
	clear:both;
	margin:20px auto 0;
	width:920px;
	height:199px;
/*	background:url(../images/bg-product-scroll.jpg) center top no-repeat;
*/}

#wrapper .blue-bg{
	border-top:1px solid #cbdeec;
	border-bottom:1px solid #dbe9f5;
	background:url(../images/bg-light-blue.gif) left top repeat-x #f4f9ff;
}

#wrapper .orange-bg{
	border-top:1px solid #ffdf9a;
	border-bottom:1px solid #fff1cf;
	background:url(../images/bg-light-orange.gif) left top repeat-x #fefdf4;
}

/*
#wrapper .product-scroll .prev{
	float:left;
	display:block;
	margin:80px 0 0 0;
	background:url(../images/img-arrow-back.jpg) left top no-repeat;
	width:40px;
	height:40px;
}

#wrapper .product-scroll .prev:hover{
	background:url(../images/img-arrow-back-over.jpg) left top no-repeat;
}

#wrapper .product-scroll .next{
	float:left;
	display:block;
	margin:80px 0 0 10px;
	background:url(../images/img-arrow-next.jpg) left top no-repeat;
	width:40px;
	height:40px;
}

#wrapper .product-scroll .next:hover{
	background:url(../images/img-arrow-next-over.jpg) left top no-repeat;
}

#wrapper .product-scroll .product{
	float:left;
	margin:40px 0 0 25px;
	width:800px;
	height:122px;
	text-align:center;
}*/

#wrapper .product-display{
	float:left;
	margin:0 0 10px 16px;
	padding:0;
	width:628px;
}

#wrapper .full-display{
	width:920px;
	padding:0 20px;
}


#wrapper .product-display h3{
	margin:25px 0 35px 0;
}

#wrapper .product-display ul{
	list-style:none;
}

#wrapper .product-display ul li{
	float:left;
	margin:0 40px 20px 0;
}

#wrapper .product-display ul .no-right{
	margin-right:0;
}

#wrapper .product-display ul li a img{
	padding:14px;
	border:1px solid #dedede;	
	background:#fff;
}



 
#footer{
	margin:0 auto;
	padding:50px 0 0 0;
	width:940px;
	height:80px; 
	clear:both;
	background:url(../images/bg-bottom-shadow.jpg) center top no-repeat;
	font-size:11px;
}

#footer a{ 
	color:#4f524d;
	text-decoration:underline;
}

#footer a:hover{ 
	color:#2d312b;
	text-decoration:none;
}
 
/* *** Float containers fix: *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
@media print{ 
	/*hide the right column when printing*/ 
	#rightcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}


/* ------------------------------------- contact form End --------------------------------------- */ 
 
#contact_form{
	float:left;
	margin:0 0px 0px 20px;
}

#contact_form li{
	margin:0px;
	padding:10px 0px 10px 0px;
	list-style:none;	
}

#contact_form .add{
	font-size:13px;
	color:#666666;
	font-weight:500;	
}

#contact_form span{
	float:left;
	margin:0px 10px 0px 0px;
}

/* Contact Form start */

#contact_form .validation-failed{
	border:1px solid #F93333;
}
#contact_form .validation-advice {
	margin: 10px 0px 0px 170px;
	background-color: #ffcc01;
	padding: 5px 0px 5px 10px;
	color : #000;
	font-size:12px;
}

#contact_form .label {
	width:160px;
	text-align:right;
}

#contact_form .FormTxtArea {
	border:1px #cccccc solid;
	width:250px;
	padding:4px 0px 0px 2px;
	font-family:Arial, tahoma, verdana;
	font-size:12px;
}

#contact_form .FormInputs {
	padding:4px 0px 0px 2px;
	border:1px #cccccc solid;
	width:250px;
	height:17px;
	font-size:12px;	
}

#contact_form .FormInputsSmall {
	border:1px #cccccc solid;
	width:30px;
	text-align:center;
	background:#fff;
}

#contact_form .formList{
	width:250px;
	font-family:Arial, vardana, Tahoma;
	font-size:12px;	
	background:#fff;
}

#contact_form .formList1{
	width:65px;
	font-family:Arial, vardana, Tahoma;
	font-size:12px;	
}

#contact_form .FormButton {
	margin:0px 10px 0px 0px;
	background:#fff1c4;
	border:1px #f0d86e solid;
	height:24px;
	width:74px;
	font-size:14px;
	color:#b36900;
}

#contact_form .FormButton:hover  {
	color:#000;
}

#contact_form .error {
	color:#FF0000;
	font-style:italic;
	padding-left:5px;
}

#container2 #thanx{
	clear:both;
	float:left;
	margin:20px 0px 0px 0px;
	width:550px;
	font-size:13px;
}

  
/* ------------------------------------- contact form End --------------------------------------- */