body { font-family:Tahoma, arial, Helvetica-Normal; font-size:10px; color:#313131; line-height:17px; letter-spacing:1px }
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden!important; overflow:hidden!important; font-size:1px!important; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.left { float: left !important; display:inline }
.right { float: right !important; display:inline }
a { text-decoration:none; color:#313131 }
a:hover { color:#313131; }
.under { text-decoration:underline }
.under:hover { text-decoration:none }
small { font-size:10px; }
hr { background:#eee; height:1px; border:#eee 1px solid; margin:7px 0; display:block; clear:both }
.title { font-weight:700 }
.wrapper { margin:0 auto; width:960px; }
input, select, textarea { font-size:10px }
/** header
**********************************************************************************************/
.header { position:relative; background:url(../assets/i/header-bg.gif) no-repeat #fbfbfb; height:120px; }
.logo { width:168px; height:32px; position:absolute; right:30px; top:27px; }
 .logo a { width:168px; height:32px; display:block; text-indent:-9999px; background:url(../assets/i/logo.gif) no-repeat; }

.header .page-title{ width:168px; height:20px; position:absolute; right:30px; top:66px;background-position:0 -328px}
.header .page-title a { width:168px; height:20px; display:block; text-indent:-9999px;  }

.header .page-title.home{background-position:0 -356px}


.header .page-title.office{background-position:0 -390px}
/*.tr .header .page-title.home{background-position:0 -420px}
.tr .header .page-title.office{background-position:0 -449px}*/
.tr .header .page-title.home{background-position:0 -356px}
.tr .header .page-title.office{background-position:0 -390px}

/** Nav
*********************************************************************************/
#nav { padding:0 10px 5px 30px; font-weight:700 }
ul.topnav { float: left; position: relative; list-style:none; font-size:10px }
ul.topnav li { float: left; background:url(../assets/i/nav-bg.gif) repeat-x 0 -999px; margin: 0 18px 0 0; padding: 0; }
ul.topnav li.active { background:url(../assets/i/nav-bg.gif) repeat-x 0 0; }
ul.topnav li a { padding: 16px 0 1px 0; display: block; text-decoration: none; position:relative ; color:#111}
ul.topnav li:hover { }
ul.topnav li .submenu { float: left; padding: 9px 0 20px 0; position: absolute; left: 0; top:25px; display:none; width: 800px; }
/*ul.topnav li:hover .submenu { display: block; }*/
ul.topnav li.current { background:url(../assets/i/nav-bg.gif) repeat-x 0 0; }
ul.topnav li.current a{ color:#333!important}

ul.topnav li.current .submenu { display: block!important; }
ul.topnav li .submenu a { display: inline; padding:0 1px; margin-right:19px }
ul.topnav li .submenu a:hover, ul.topnav li .submenu a.active { background:#313131; color:#fff!important; }
/** Content Nav
*********************************************************************************/
ul.content-nav { float: left; position: relative; font-weight:700; list-style:none; }
ul.content-nav li { float: left; background:url(../assets/i/nav2-bg.gif) repeat-x 0 -999px; margin: 0 18px 0 0; padding: 0; display:inline }
ul.content-nav li.active { background:url(../assets/i/nav2-bg.gif) repeat-x 0 0; }
ul.content-nav li a { padding: 16px 0 1px 0; display: block; text-decoration: none; position:relative; color:#df3636 }
ul.content-nav li:hover { }
ul.content-nav li .submenu { float: left; padding: 9px 0 10px 0; position: absolute; right: 0; top:25px; display:none; text-align:right; width: 800px; }
//ul.content-nav li:hover .submenu { display: block; }
ul.content-nav li .submenu a { display: inline; padding:0 1px; margin-right:19px }
ul.content-nav li.current { background:url(../assets/i/nav2-bg.gif) repeat-x 0 0; }
ul.content-nav li.current .submenu { display: block!important; }
ul.content-nav li .submenu a:hover, ul.content-nav li .submenu a.active { background:#df3636; color:#fff }
/** container
**********************************************************************************************/
.wrapper .container {  position:relative }
.wrapper .container.fixed-height { overflow:hidden; height:429px; }
.wrapper .container2 { min-height:378px; }
/*** footer
*******************************************************************************************/
.footer { font-size:10px; color:#fff; background:#3e3e3e; padding:16px 30px; }
.footer a { margin-right:23px }
.footer .left{ margin-top:2px}
.footer a{ color:#fff }
.footer a:hover { color:#777777 }
.footer label { margin-right:25px }
.footer .inp { width:115px; padding:10pxpx; padding:0 2px; border:none }
.page .footer { height:128px }

.footer2{ width:900px; margin:0 auto}