@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(menubar.css);

body{margin:0; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:url(../images/bg-gray.png) repeat-x;}
img{border:0;}
.body{width:1020px; margin:0 auto;}

.top{background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.header{background:#fff url(../images/header-bg.png); overflow:hidden; border-bottom:10px solid #CDE6FE; margin-bottom:10px;}
.header .companyLogo{float:left; padding:10px 20px;}
.header .companySubTitle{float:right; width:400px; text-align:right;}

.slider{margin:20px 0; height:300px; border-radius:10px;}
.slider .rotater{width:720px; height:300px; overflow:hidden; float:left; position:relative;}
.slider .rotater img{border-top-left-radius:10px; border-bottom-left-radius:10px;}
.slider .rotater .rotaterNavigator{position:absolute; bottom:0; left:0;}
.slider .rotater .rotaterNavigator ul{margin:0; padding:0; list-style:none; display:inline-block;}
.slider .rotater .rotaterNavigator ul li{display:inline-block;}
.slider .rotater .rotaterNavigator ul li a{display:block; text-decoration:none; color:#FFF; padding:5px; background:#3b5998; width:131px; text-align:center;}
.slider .info{width:260px; height:260px; padding:20px; float:right; background:#3b5998; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.slider .info h1{font-size:24px; margin:0; font-weight:300; color:#fff;}
.slider .info p{color:#fff; font-size:14px; line-height:140%; text-align:justify;}

.topBanner{background:no-repeat; height:120px; margin:20px 0; border-radius:10px;}
.topBanner h1{color:#FFF; text-shadow:0 0 10px #000; padding:40px; font-weight:400; text-transform:uppercase; letter-spacing:1px;}

.content{overflow:hidden;}
.content h1{font-size:36px; margin:0; font-weight:400; color:#3b5998;}
.content h3{font-size:18px; margin:0; padding-top:5px; border-bottom:1px dotted #999; font-weight:400; color:#3b5998;}
.content a{color:#333; text-decoration:underline;}
.content a:hover{color:#F30; text-decoration:none;}
.content p{color:#999; font-size:14px; line-height:160%; text-align:justify;}
.content li{color:#999; font-size:14px; line-height:160%; text-align:justify;}

.content h2{font-size:36px; text-align:center; text-decoration:underline; margin:0; font-weight:400; color:#3b5998; font-family:Georgia, "Times New Roman", Times, serif;}
.content .grid2Column{width:550px; float:left; padding-right:35px; border-right:1px solid #CCC; margin-bottom:20px;}
.content .grid2ColumnLast{width:400px; float:right;}

.content .grid3Column{width:341px; float:left; margin-right:20px; padding-right:20px; border-right:1px solid #CCC;}
.content .grid3ColumnLast{width:255px; float:left; margin-right:0px; padding-right:0px; border-right:none;}
.content .note a{display:block;}

.productGrid{width:100%; height:500px; position:relative}
.productGrid .productLine{position:absolute; width:200px; height:50px; top:320px; left:400px;}
.productGrid .productIcon{position:absolute; width:162px; height:198px; padding:15px;}
.productGrid .productIcon .image{border-radius:100px; background:#FFF; border:1px solid #999;}
.productGrid .productIcon .image img{border-radius:100px; padding:5px; width:150px; height:150px;}
.productGrid .productIcon .title{text-align:center; font-size:18px; font-weight:300;}
.productGrid .productIcon:hover{padding:0px; width:192px; height:228px;}
.productGrid .productIcon:hover .image{background:#3b5998;}
.productGrid .productIcon:hover .image img{width:180px; height:180px;}
.productGrid .productIcon:hover .title{font-size:24px; font-weight:400;}
.productGrid #product1{top:0px; left:270px;}
.productGrid #product2{top:0px; left:550px;}
.productGrid #product3{top:250px; left:50px;}
.productGrid #product4{top:250px; left:770px;}
.productGrid #product5{top:350px; left:270px;}
.productGrid #product6{top:350px; left:550px;}

.subProductLink{overflow:hidden;}
.subProductLink a{display:inline-block; margin-right:10px; background:#3b5998; color:#FFF; text-decoration:none; padding:5px 20px; border-radius:4px; border:1px solid #013574;}
.subProductLink a:hover{background:#004080; color:#FFF;}

.subContent{float:right; width:799px; border-left:1px solid #666; padding-left:20px; margin-bottom:20px;}

.pageImage{border:1px solid #666; padding:7px; margin:10px; background:#FFF;}

.impBox{float:right; width:200px; border:1px solid #999; margin-left:20px; background:#FFF; padding:10px; border-radius:5px;}
.impBox ul{margin:10px 0; padding-left:20px; font-size:14px; color:#999;}

.tableDesign{border-collapse:collapse; width:100%;}
.tableDesign th{padding:5px; border:1px solid #999; background:#CCC; color:#333;}
.tableDesign td{padding:5px; border:1px solid #999; color:#666;}

.productTable td{padding:10px; color:#666; vertical-align:top;}

.tabs ul{margin:0; padding:0; list-style:none; margin-top:10px; margin-bottom:10px; border-bottom:3px solid #666;}
.tabs ul li{margin:0 5px; padding:0; display:inline-block;}
.tabs ul li a{padding:5px 10px; display:block; text-decoration:none; color:#FFF; background:#999;}
.tabs ul .active a{background:#666;}

#contactForm input{display:block; margin:5px 0; padding:5px 10px; width:230px; color:#666;}
#contactForm select{display:block; margin:5px 0; padding:5px 10px; width:254px; color:#666;}
#contactForm textarea{display:block; margin:5px 0; padding:5px 10px; width:232px; height:50px; font-family:Verdana, Geneva, sans-serif; color:#666;}
#contactForm #btn{width:100px; text-align:center; float:right; margin:0;}
.correct{background:#CAFFCA; border:2px solid #40FF9F;}
.error{background:#FFC1C1; border:2px solid #FF8080;}

.footerLinks{background:#333; border-top-left-radius:10px; border-top-right-radius:10px; padding:20px; overflow:hidden;}
.footerLinks .box{float:left; margin-right:20px; width:140px;}
.footerLinks .box h3{margin:0; padding-bottom:10px; color:#FFF; font-weight:400; font-size:16px; letter-spacing:1px;}
.footerLinks .box a{display:block; text-decoration:none; color:#999; font-size:12px; padding:5px 5px 5px 20px; background:url(../images/bullet.png) 5px 10px no-repeat;}
.footerLinks .box a:hover{color:#fff;}
.footerLinks .box .social{display:inline-block; padding:0; background:none;}

.copyright{background:#333; padding:10px 20px; overflow:hidden; border-top:1px solid #444; font-size:14px; color:#fff; font-weight:300;}
.copyright .left{float:left;}
.copyright .right{float:right;}
.copyright .right a{text-decoration:none; color:#999; font-weight:400;}
.copyright .right a:hover{color:#F30;}