* {margin:0; padding:0;}
html {margin:0; padding:0;}
body {margin:0; padding:0; color: #42495e; font-size: 13px; font-family: droid-sans, serif, trebuchet ms;}
H1, H2, H3, H4, H5, H6, IMG, UL, LI, { margin:0px; padding:0px; }
ul {list-style-type:none;}
P {margin:0; padding:0px 0px 12px 0px; line-height:18px;}
img { border:0px;}
.clear {clear:both;}
.right {text-align:right;}
.fl { float: left; }
.fr { float: right; }
.red { color:#ED1B24;}
.blue { color:#00A3E4;}
.pink { color:#CB4493;}
.green { color:#74B024;}
.purple { color:#605CA9;}
.orange { color:#ED7700;}
.gray { color:#435968;}
a { text-decoration:none; color:#42495e; outline:none; text-decoration:none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover { color:#ED1B24;}
.hide {display:none;}



#header_wrapper { width: 100%; margin: 0px auto; text-align: center; background:url(../images/header-bg.jpg) left top repeat-x; position:relative;}
header { width: 1002px; margin: 0px auto; text-align: left; height:130px;}
.logo { float:left; background:url(../images/header-logo-bg.png) left top no-repeat; width:242px; height:120px; text-align:center; padding-top:10px;}

#hmenu { float:right; position:relative;}
.callus { position:absolute;background: #FFFFFF; border: 1px solid #CCCCCC; margin:-51px 0px 0px 275px; border-radius:0px 0px 5px 5px; color:#555; font-size:16px;padding: 5px 10px;}
.callus span { color:#ED1B24;}
nav { background:#00D8FF; padding:0px 15px; margin:50px 0px 0px 0px; border-radius:5px; font-family:'zurich_cn_btregular';}
nav ul { margin: 0; padding: 0; list-style: none; }
nav ul li { float: left; position: relative; }
nav ul li:hover { background: #076171; }
nav ul li:hover a { color: #fff; }
nav ul li a { padding: 3px 20px 0px 20px; line-height: 35px; font-size:130%; text-decoration: none; color: #000; display: block; }
nav ul li a:hover, nav ul li a.active { background: #076171; color: #fff; }

nav ul li:hover > ul { display: block; }

nav ul li ul { display: none; position: absolute; left: 0; top: 35px; width: 210px; background: #076171; z-index:10; padding:5px;}
nav ul li ul li { float: none; border-right: none; position: relative; }
nav ul li ul li:hover { background: #00D8FF; }
nav ul li ul li a { line-height: normal; padding: 0px 10px; font-size:115%; line-height: 30px; display: block; color: #fff; }
nav ul li ul li a:hover { background: #00D8FF; }

nav ul li ul li ul { position: absolute; top:-5px; left:-280px; display: none; background: #076171; width:270px; font-size:100%;}

.shadow { position:absolute; background:url(../images/shadow.png) left top repeat-x; width:100%; display:block; height:15px;}


#footer_wrapper { width: 100%; margin: 0px auto; text-align: center; border-top:5px solid #EE1C24; background:url(../images/footer-bg-home.jpg) left top repeat-x;}
footer { width: 970px; margin: 0px auto; text-align: left; height:445px;}

#ftop { height:280px;}
#ftop #ft-left { float:left; width:300px; margin-top:20px; font-size:140%; font-family:'zurich_cn_btregular'; letter-spacing:0.02em;}
#ftop #ft-left ul li a { display:block; background:url(../images/ft-left-bg.png) #2D2D2D 15px center no-repeat; color:#ccc; padding-left:50px; line-height:60px; margin-bottom:20px;}
#ftop #ft-left ul li a:hover {  background:url(../images/ft-left-bg-over.png) #00D8FF 15px center no-repeat; color:#000;}
#ftop #ft-center { float:left; padding:20px 0px 0px 50px;}
#ftop #ft-right { float:right; width:200px; color:#999; text-align:right; font-size:90%;}
.footer-logo { margin:20px 0px 35px 0px;}
#ftop #ft-right ul { height:48px;}
#ftop #ft-right ul li {}
#ftop #ft-right ul li a { float:right; display:block; height:48px; margin-left:10px;}
#ftop #ft-right ul li a:hover { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#ftop #ft-right ul li a.facebook { background:url(../images/social-icons.png) left top no-repeat; width:48px;}
#ftop #ft-right ul li a.facebook:hover { background:url(../images/social-icons-over.png) left top no-repeat;}
#ftop #ft-right ul li a.twitter { background:url(../images/social-icons.png) -48px top no-repeat; width:48px;}
#ftop #ft-right ul li a.twitter:hover { background:url(../images/social-icons-over.png) -48px top no-repeat;}
#ftop #ft-right ul li a.linkedin { background:url(../images/social-icons.png) -96px top no-repeat; width:48px;}
#ftop #ft-right ul li a.linkedin:hover { background:url(../images/social-icons-over.png) -96px top no-repeat;}
#ftop #ft-right p { line-height:18px; margin-top:30px;}
#ftop #ft-right span { color:#00D8FF;}

#fmiddle { height:110px; padding-top:12px; font-size:100%; line-height:19px;}
#fmiddle ul { margin:0px; padding:0px; list-style-type:none;}
#fmiddle ul.first { color:#ccc;}
#fmiddle ul.second { color:#999;}
#fmiddle ul.third { color:#666;}
#fmiddle ul.first li, #fmiddle ul.second li, #fmiddle ul.third li { display:inline;}
#fmiddle ul.first li a { color:#ccc;}
#fmiddle ul.second li a { color:#999;}
#fmiddle ul.third li a { color:#666;}
#fmiddle ul.first li a:hover, #fmiddle ul.first li a.active, 
#fmiddle ul.second li a:hover, #fmiddle ul.second li a.active,
#fmiddle ul.third li a:hover, #fmiddle ul.third li a.active { color:#00D8FF;}

#fbottom { line-height:40px; font-size:90%; color:#555; text-align:right;}
#fbottom .left { float:left;}
#fbottom .right { float:right;}
#fbottom a { color:#999;}
#fbottom a:hover { color:#00D8FF;}