/*
	Golden Grid - CSS Library
	Author:Vladimir Carrer
*/		

/* CSS Grid */

.container {margin:0 auto; width:950px; padding: 30px 0 20px 0;}
.top {margin:0; width:950px; height: 65px; padding-bottom: 25px;}

.main {margin: 0 auto; width:960px; height: 296px; padding:0; background: url(../images/hp_top_photo.png) center top no-repeat; clear: both; }
.main2 {margin:10px 0 0 0; width:966px; height:446px; min-height: 446px; height: auto; padding:0; background: url(../images/bg_white.png)  center top no-repeat; clear: both; }

.content-left {width:698px; margin: 0 0 20px 13px; border-right: 1px solid #cccccc; padding: 20px 20px 0 20px; float:left; display: inline; background-color:#FFF;}
.content-left img {margin: 0 0 15px 0;}
.content-left p img {margin: 0 20px 20px 0;}
.content-right {width:158px; margin: 0 0 20px 0; padding: 20px 20px 0 20px; float:left; display: inline; background-color:#FFF;}

.services {width:327px; margin: 0 20px 25px 0px; float:left; display: block; }
.services img { margin: 0 6px 0 0; }

.contact-left {width:302px; margin: 0 40px 0 0; float:left; display: inline; }
.contact-right {width:355px; margin: 0; float:left; display: inline; }
.contact-right img { margin: 20px 0 0 0; }

.footer {margin:0 auto; width:930px; height: 130px; padding: 20px 0 20px 0; clear: both; border-top: 10px solid #3196be;}
.footer-left {width:550px; margin:0; float: left;}
.footer-right {width:380px; margin:0; float: left;}

ul#slideshow{ margin: 0; list-style: none; text-align: center; }
ul#slideshow li img{ border: 0; margin: 20px 0 0 0; }

.profile {width:701px; margin: 0; padding: 0; display: inline;}
.profile img {width:130px height: 150px; float: left;; margin: 0; padding: 0 20px 20px 0; display: inline;}

.hp-header{padding: 0 0 7px 0;}

.client-login a {width: 82px; height: 30px; float: right; margin: 0 0 0 20px; overflow: hidden; display: block; background: url(../images/client_login_button.png) top right no-repeat;}
.client-login:hover{ background-position: bottom right; }

.box240 { float:left; display: inline; width:232px; padding:12px; margin:12px 12px 0 0; background-color:#f1fbff; border:1px solid #e3e4e5; }
.box240 img {float:left; margin: 0 12px 0 0;}

.g160,.g300,.g320,.g340,.g360,.g480,.g550,.g640,.g800,.g940,.g80,.g240,.g400,.g580,.g720,.g880,.g960 {float:left; display: inline; margin-left:10px;} 

/* 6 columns */
.g160 {width:150px; }
.g320  {width:310px;}
.g340  {width:330px;}
.g480  {width:470px;}
.g640  {width:630px;}
.g800  {width:790px;}
.g940  {width:940px;}

/* 12 columns */
.g80 {width:70px;}
.g240 {width:230px;}
.g360  {width:350px;}
.g400 {width:390px;}
.g550 {width:540px;}
.g580 {width:570px;}
.g720 {width:710px;}
.g880 {width:870px;}

/* margin */
.ml80{margin-left:90px;}
.ml160{margin-left:170px;}
.ml240{margin-left:250px;}
.ml320{margin-left:330px;}
.ml400{margin-left:410px;}
.ml480{margin-left:490px;}
.ml560{margin-left:560px;}
.ml640{margin-left:650px;}
.ml720{margin-left:730px;}
.ml760{margin-left:770px;}
.ml800{margin-left:810px;}
.ml880{margin-left:890px;}
.ml960{margin-left:970px;}

.inside{margin-left:0;}

p.grid{ padding-left:10px;}
  
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }

div.hr {
  height: 10px;
  background: #e3e4e5 url(hr1.gif) no-repeat scroll center;
  margin: 0 0 20px 0;
}
div.hr hr {
  display: none;
}


div.hr hr2 {
  height: 1px;
  background: #e3e4e5 url(hr1.gif) no-repeat scroll center;
  margin: 10px 0 15px 0;
}
div.hr hr2 {
  display: none;
}