/* All pages layout setting
----------------------------------------------------------------------------------------------------*/

.container_main{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.container{
	width:960px;
}

.container_2{
	margin-left:auto;
	margin-right:auto;
	width:560px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
}

.grid_6 .grid_7{
	display:inline;
	margin-left:10px;
	margin-right:1px;
}

.container .grid_1{
	width:300px;
	height:300px;
}

.container .grid_2{
	width:500px;
}

.container .grid_3{
	width:250px;
}

.container .grid_4{
	width:460px;
	height:550px;
}

.container .grid_5{
	width:250px;
}

.container .grid_6{
	width:550px;
	height:500px;
	float:left;
}

.container .grid_7{
	width:250px;
	height:400px;
	float:right;
}

.container_2 .grid_1{
	width:250px;
	height:340px;
}

.footer{
    border-top:2px solid #DDD;
    padding:20px 0 50px 0;
}

.footer .grid_2{
	width:470px;
}

.footer .grid_3{
	width:250px;
}

.bg {
     min-height:400px; 
     background:url("../design/bg-02.png") 50% 0 no-repeat;
}

.main {
     width:960px; 
     margin:0 auto;
}

.box {
     min-height:1px; 
     height:1%;
}

.hero-unit-title{
	color: #2466B3;
    font-size: 35px;
    line-height: 36px;
    text-align: right;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
	display:block;
	margin:5px;
	font-weight:bold;
}

.box:after {
     display:block; 
     visibility:hidden; 
     clear:both; 
     line-height:0; 
     font-size:0; 
     content:".";
}

.header {
     position:relative; 
     padding:55px 10px 10px 10px; 
     height:100px !important;
}

.header .logo {
     position:absolute; 
     top:45px; 
     left:20px; 
     margin:0;
}

.header .logo img {
     display:block;
}

.header .nav {
     position:absolute; top:55; 
     right:20px; 
     margin:0; 
     font-size:120%;
}

.header .nav li {
     display:block; 
     float:left;
}

.header .nav li a {
     display:block; 
     float:left; 
     padding:0px 10px 10px 10px; 
     text-decoration:none;
}

.header .nav li.current a {
      border-bottom :3px solid #2DA8F8;
      font-weight:bold;
}

.header .nav ul.sub-menu {
      display:none;
}

.header .nav li:hover ul.sub-menu {
      display:table;
      background: #3b3b3b;
      width: 20px;
      color: #086B95;
}      


.header .nav li a:hover{
 	 color:#FF0000;
} 

.slogan {
     height:100px; 
     overflow:hidden; 
     text-align:center;
}

.slogan h2 {
     margin:0; 
     font-size:200%; 
     line-height:1.1;
}

.contact .content {
     float:left; 
     width:425px; 
     text-align:justify;
}

.contact .aside {
     float:right; 
     width:425px;
}

.section .content {
    float:left; 
    width:605px; 
    text-align:justify;
}

.section .aside {
    float:right; 
    width:250px;
    height:700px;
}

.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:before, .clearfix:after{
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after{
	clear:both;
}