body{
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0 auto;
color:#000000;
background-color: #f0f0f0;
}

#left{
    min-height: 150px;
    float:left;
    width:645px;        
}
#right{
    min-height: 150px;
    width:370px;
    float:right;
}
#gallery{
    width:100%;
    background-color: #d9dadb;
    font-size: 20px;
    margin-bottom:10px;
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    text-align:center;
}
#gallery a {
    color:#54556c;
    margin-right: 6px;
}
.clear{clear:both;}
p{
padding:5px 0 5px 0;
margin:0px;
line-height:18px;
text-align:left;
}
a{
color:#de462a;
text-decoration:underline;
}
h1{font-size:36px;font-weight:bold;margin:0px;padding:10px 0 10px 0px;color:#343434;}
h2{font-size:22px;color:#343434;padding:10px 0 10px 0;margin:0px 0 20px 0;font-weight:normal;}
h3{font-size:20px; color:#343434; padding:0; margin:0px; font-weight:normal;}
#main_container{
width:1024px;
height:auto;
padding:0px 0 0px 0; margin:auto;
}

.header{ width:100%; height:140px;}
.logo_t{
    margin:10px 0 0 0;
    font-size:55px;
}
.logo{
float:left;
padding:0px 0 0 160px;
background:url(images/logo.png) no-repeat left;
height:160px;
}
.logo_t a{ color:#454546; text-decoration:none; letter-spacing:2px;}
.s{font-size:26px;}
.header_socials{
padding:50px 0 0 0;
float:right;
margin:0;
}
.header_socials a{
float:left; margin:0 3px 0 3px;
}
/*----------------menu tab----------------------*/
.menu {
    font-size:16px;float:left; width:100%; margin-top:15px; margin-bottom:15px; margin-left:12px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:60px;}
/* style the sub-level lists */
.menu ul ul {width: auto;}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:60px;line-height:60px;margin-right:3px;margin-bottom:3px;}
/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:16px;text-decoration:none;color:#5a5a5a;}
.menu a.current{ background-color:#FFFFFF;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;font-size:16px; text-align:center; color:#545554;width:200px;height:100%;line-height:1em; padding:15px 0 15px 0px;
border-bottom:1px #ebebeb solid;background-color:#fff;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#fff;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#fff;}
/* style the level hovers */
/* first */
.menu a:hover {color:#de462a;}
.menu :hover > a {color:#de462a;}
/* second */
.menu ul ul a:hover{background-color:#de462a; color:#FFFFFF;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:60px;left:0;width:14em; border:none; z-index:9999; background-color:#FFFFFF;}
/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}

.menu li.col a { 
 color: #000; 
  width:200px;
  text-align:center;
  
 } 

.menu li.col A:hover { 
 color: #fff; 
 background: #ab9fab; 
   width:200px;
  text-align:center;
 }

/*--------------------------featured slider content------------------------*/
#featured{ 
width:960px; 
padding:0; 
position:relative;  
height:292px; 
}
#featured ul.ui-tabs-nav{
float:right;
list-style:none; 
padding:20px 0 0 0; margin:0; 
width:330px;
background:url(images/slider_details_bg.jpg) no-repeat center;
height:272px; 
}
#featured ul.ui-tabs-nav li{ 
padding:0px;  
font-size:12px; 
color:#fff; 
}
#featured li.ui-tabs-nav-item a{ 
display:block;
width:305px;
height:45px; 
color:#fff;
background:url(images/slider_tab.png) no-repeat center;
line-height:45px; text-decoration:none; font-weight:bold; padding:0 0 0 19px; margin:0 0 7px 0;
float:left;
position:relative; left:-10px; z-index:999; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
background:url(images/slider_tab_hover.png) no-repeat center; color:#fff; 
}
#featured li.ui-tabs-selected{ 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
background:url(images/slider_tab_hover.png) no-repeat center; color:#fff;
}
#featured .ui-tabs-panel{ 
width:630px; height:292px; 
position:relative;
float:left;
}
#featured .ui-tabs-panel .info{ 
position:absolute; 
bottom:20px; left:20px;
width:290px; 
height:auto; 
background: url('images/transparent-bg.png'); 
}
#featured .info p{
padding:15px; margin:0px; color:#FFFFFF; font-size:11px; line-height:18px;
}
#featured .ui-tabs-hide{ 
display:none; 
}
a.more{
background:url(images/more_bullet.gif) no-repeat right; padding:0 25px 0 0; line-height:30px; text-decoration:none; float:right; margin:10px 0 0 0;
}
/*-----------footer---------*/
.footer{
width:950px;
clear:both;
text-align:left;
padding:12px 0 12px 10px;
border-top:1px #d5d5d5 solid;
margin:50px 0 0 0;
}
.copyrights{
float:left;
}
.footer_right{
float:right;
}
.footer_right a{
text-decoration:none; padding:0 10px 0 10px; color:#545554;
}
.footer_right a:hover{
color:#de462a;
}
.tit{
    
    width:100%;
    background-color: #d9dadb;
    font-size: 18px;
    margin-bottom:10px;
    float:left;
    padding-top: 5px;
    padding-left: -15px;
    border-radius: 5px;
}
.tit a {
    text-decoration: none;
    color:#000000;
    margin-right: 6px;
}
.tit article{
float: left;
margin-left: 12px;
width: 81%;
}
.news {
    margin-bottom:40px;
}