/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background: #536671; } 

html, tr, td { 
	overflow:auto ;
	font: normal 11px Arial, Verdana, Tahoma, sans-serif;
 	color: #000; }
img {	border: none;}

.maincol div.gallery img.thmb {	
 padding:3px;
 background: #fff;
 border:1px solid #C1CACF;}
	
.maincol div.gallery {
	float: left;
	margin-left: 20px;
	margin-right: 10px; }
.maincol div.gallery a {
	border: none;
	margin: 5px 1px;}

/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #84959f;
	border-bottom:1px dotted #a6aeb3;}
	
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #006699;
	border-bottom:1px dotted #006699;
	outline:none;}
	
a img, a:link img, a:visited img 
a:hover img, a:active img, a:focus img  {
	border-bottom: none;
	text-decoration: none;
	outline: none;}
		
#logo a, #logo a:visited, 
#logo a:hover, #logo a:active, #logo a:focus {
	border: none;}
	
	
/* TYPOGRAPHY */
h1 {
	font: bold 11px Arial,Tahoma, Verdana;
	color: #000;
	margin: 0;
	padding-bottom: 7px;}

h2 {
	font: bold 12px Arial,Tahoma, Verdana, sans-serif;
	margin:0;
	line-height: 1.5;
	color: #ec4c18;
	text-decoration: none;
	text-transform: uppercase;}
 
 
/* STRUCTURE */
#pagewidth{ 
 width:1000px; 
 text-align:left;  
 margin:20px auto; } 
 
#wrapper {
	background: #eaeff1;
	border-bottom: 1px solid #536671;
	float: left;
	width: 1000px;}
	
#pagewidth p {
	margin: 0;
	line-height: 1.2;
	padding: 5px 0;}
 
/* HEADER */
#header{
 position:relative; 
 height:115px; 
 background-color:#98a4ab; 
 width:100%;
 -moz-border-radius-topright:20px; 
 -webkit-bordertop-right-radius:20px;} 

#headL #logo {
	margin: 0; 
	padding: 10px 0 0 40px;}

#headL {
	float: left;
	text-align: left;
	width: 30%;
	height:115px; 
	position: relative;
	background: transparent url(../img/logobox.jpg) 0 0 no-repeat;}
	
#headR {
	float: right;
	width: 70%;
	height:115px; 
	position: relative; }
#headR .slogan {
	float: right;
	text-align: right;
	width: 600px;
	margin: 35px 20px 0 0;}
	
#topnav {
	height: 32px;
	text-align: left;
	float: right;
	width: 600px;}
	
#topnav .nav {
	height: 32px;
	line-height: 32px;
	width: 200px;
	float: left;
	text-align: right;
	background:transparent;
	color: #536671;}
	
#topnav .nav a {
	color: #eaeff2;
	font: normal 11px Arial, Verdana;
	margin: 0 5px;}
	
#topnav .topbar {
	height: 32px;
	line-height: 32px;
	width: 370px;
	float: right;
	background: url(../img/topbar.jpg) repeat-x;
	margin: 0; 
	padding-right: 25px;
	color: #cdd7dd;
	text-align: right;
	-moz-border-radius-topright:15px; 
 	-webkit-bordertop-right-radius:15px;}
	
#topnav .topbar a {
	color: #cdd7dd;
	margin: 0 3px 0 35px;
	font: bold 11px Arial,Tahoma, Verdana;
	border:none;}
#topnav .topbar span img {
	position: relative;
	top: 2px;}
 
/* LEFT COLUMN */
#leftcol{
 width:190px; 
 height: 100%;
 min-height: 406px;
 float:left; 
 position:relative; 
 margin: 0;
 background:url(../img/leftcol.jpg) repeat-y;  }
 
#leftcol_top {
	background: 0 0 url(../img/leftcol_top.jpg) no-repeat;
	width:190px;
	height: 45px;
	float: left;}
	
#leftcol .leftcol {
	padding: 0 20px;
	margin: 0;
	text-align: center;
	float: left;}
	
/* left menu */
#leftcol #menu {
	float: left;
	margin:0;
	text-align: right;
	margin-bottom:20px;}
	
#leftcol ul {
	margin: 0;
	padding: 0; 
	float: right;
	list-style: none outside;
	width: 150px;}
	
#leftcol li {
	display: block;
	line-height: 26px;
	height: 26px;
	border-bottom:1px solid #a6b2b8;}
	
#leftcol #menu a {
	padding-right: 20px;
	float: right;
	line-height: 26px;
	height: 26px;
	border: none;}
	
#leftcol #menu a:hover, #leftcol #menu a:active {
	background:100% 50% url(../img/arrow_hover.gif) no-repeat;
	color:#fff;	}
	
#leftcol #menu a.selected {
	background:100% 50% url(../img/arrow_hover.gif) no-repeat;
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Verdana, sans-serif;
	color:#fff;	}
	
#menu a, #menu a:visited {
	font: normal 13px Tahoma, Verdana, sans-serif;
   color: #d7dee3;
	font-variant: small-caps;}

/* leftcol buttons */
.leftbtn {
	float: left;
	width: 151px;
	height: auto;
	margin: 0px 0px 10px 0;}
	
.leftbtn .top, .leftbtn .bottom {
	height: 5px;
	float: left;
	width:151px;
	margin: 0;}
.leftbtn .top {background: left top url(../img/greybtn_up.jpg) no-repeat;}
.leftbtn .bottom {background: left bottom url(../img/greybtn_down.jpg) no-repeat;}
	
.leftbtn .middle {
	background: #536671;
	width: 141px;
	height: auto;
	padding: 5px;
	float: left;
	font: bold 11px Tahoma, Verdana;
	text-transform: uppercase;
	color:#cdd7dd;
	text-align: right;}
	
.leftbtn .middle a {
	border: none;color:#cdd7dd;}
.leftbtn .middle a:hover {
	color: #fff;}
.leftbtn .middle span.left {
	width: 100px;
	float: left;
	margin-left: 3px;}
.leftbtn .middle span.right {
	width: 20px;
	height: 20px;
	line-height:30px;
	margin-right: 10px;
	display: inline;
	float: right;}

 
/* MAIN COLUMN */
#twocols{
 width:810px; 
 float:right; 
 position:relative;  
 margin: 0; }
 
#maincol{
 background-color: transparent;  
 float: left; 
 clear:left;
 display:inline; 
 position: relative; 
 width:410px;
 height: 406px;
 margin: 0;  }
 
#maincol_top {
	background: 0 0 url(../img/maincol_top.jpg) no-repeat;
	width:410px;
	height: 45px;
	float: left;
	margin: 0;}
	
#maincol .maincol {
	float:left; 
	text-align:left;
	margin: 0; 
	height: 360px;
	padding: 0px 5px 0 20px;
	overflow: auto;}
 
 
/* RIGHT COLUMN */
#rightcol{
 width:400px; 
 height: 406px;
 margin: 0;
 float:right; 
 position:relative; 
 /*background-color:#EAEFF1; */
 background: #fff;}
 
#rightcol #testimonials {
	float: left;
	height: 406px;
	width: 400px;
	background: 0 0 url(../img/letter.jpg) no-repeat;
	z-index: 10;}

#testimonials .testimonials {
	overflow: auto;
	background: transparent;
	height: 290px;
	margin-top: 50px;
	margin-right: 1px;
	padding: 0 20px;
}
 

/* FOOTER */
#footer{
 height:110px; 
  background-color:#fff; 
 clear:both; 
 background: #fff bottom left url(../img/ftr_down.jpg) no-repeat;
 -moz-border-radius-bottomright:10px; 
 -webkit-borderbottom-right-radius:10px;
 -moz-border-radius-bottomleft:10px; 
 -webkit-borderbottom-left-radius:10px;} 
 
#ftrR {
	float: right;
	width: 399px; 
	height: 110px;
	text-align: left;
	position: relative;
	background: left top url(../img/contacts_right.jpg) no-repeat;}
	
#ftrL {
	float: left;
	width: 601px; 
	height: 110px;
	margin:0;
	display: inline;
	position: relative;
	background: right top url(../img/contacts_left.jpg) no-repeat;}
	
#ftrL span.certif {
	float:left;
	width: 190px;
	margin-top:20px;
	margin-left: 10px;}
#ftrL span.address {
	float:right;
	width: 390px;
	text-align: left;
	margin-top:20px;
	font: normal 10px Arial, Tahoma, Verdana;
	color: #74858F;
	text-transform: uppercase;
	line-height: 1.5;}
	
#ftrL span.certif a {border:none;}
 
/* COMMON */
.red {
	color:red;}
.left {
	float: left;
	clear: left;}
.right {
	float: right;
	clear: right;}
p.more a {
	background: right center url(../img/arrows_sm.gif) no-repeat;
	text-transform: uppercase;
	font-size: 10px;
	padding-right: 20px;}
	
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 left column when printing*/ 
#leftcol{display:none;} 

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