
body{margin:0px; padding:0px; background:url(../images/mainbg.gif) repeat-x left top; font-family:Arial, Helvetica, sans-serif;}

p{margin:0px; padding:0px;}

img{border:none;}

.clear{clear:both;}

#wrapper{width:982px; margin:0 auto; background:url(../images/homebg.gif) no-repeat  center top; padding:36px 0 0 0;}

.contentarea{width:898px; padding:0 42px 0 42px;}

.toparea{width:898px; height:104px; }
.toparea .logo{ width:335px; float:left;}
.toparea .navis{ width:468px; float:right; padding:20px 0 0 0;}

.navigation{ width:899px; padding:0 41px 0 42px;}

.bannerbg{background:url(../images/bannerbg.jpg) no-repeat top center; width:899px; padding:0 42px 0 42px;}
.bannerbg .content{ width:899px;}
.bannerbg .content .punchline{ float:right; padding:123px 123px 114px 0;}

.context{width:898px; margin:0 0 27px 0;}
.context .left {width:480px; float:left; padding:60px 0 0 0;}
.context .left .raw{margin:0 0 40px 0;}
.context .left .raw p{margin:0 0 10px 0; font-size:12px; color:#1c1c1c; line-height:18px;}
.context .left .raw2 .one{ width:117px; float:left; padding:6px 0 0 0; margin:0 0 20px 0;}
.context .left .raw2 .two{ width:342px; float:left; font-size:11px; line-height:16px;}
.context .left .raw2 .newletter{ width:480px; float:left;}
.context .left .raw2 .newletter .lefts {float:left; width:380px; }
.context .left .raw2 .newletter .lefts .input {width:360px; border: solid 1px #959da1; padding:7px 0 8px 10px; background:#eff3f6; font-size:12px;}
.context .left .raw2 .newletter .rights {float:left; width:87px; }

.context .right {width:390px; float:right;}
.context .right p{ float:left; }

.footerbg {background: url(../images/dotted-divider.gif) repeat-x top left; padding:20px 0 20px 0; text-align:center;width:898px; margin:0 auto;}
.footerbg .text { font-size:11px; color:#2f383f; }
.footerbg .text a{ font-size:11px; color:#2f383f; padding:0 5px; text-decoration:none;}
.footerbg .text a:hover{ text-decoration:underline;}


/*INNER PAGE*/
#innerwrapper{width:982px; margin:0 auto; background:url(../images/innerbg.jpg) no-repeat  center top; padding:36px 0 0 0;}

.innerbanner{width:899px; padding:0 42px 0 42px;}

.innercontext{width:898px; padding:12px 42px 15px 42px;}
.innercontext .lefts{width:588px; float:left;}
.innercontext .lefts .hd{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#EF9907; padding:0 0 10px 0;}
.innercontext .lefts .image{ width:588px; float:left; margin:0 0 24px 0;}
.innercontext .lefts .image .first{ float:left; padding:0 30px 0 0;}
.innercontext .lefts .image .second{ float:left;}

.innercontext .lefts .contents{ width:588px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1C1C1C; line-height:18px;}
.innercontext .lefts .contents span{ font-size:14px; font-weight:bold;}

.innercontext .rights {width:282px; float:right;}
.innercontext .rights .head{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#EF9907; padding:0 0 6px 0;}

.innercontext .rights .contentsright { float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FDA532; line-height:28px; font-weight:bold;}
.innercontext .rights .contentsright span{ color:#6F6F6F;}

.innercontext .rights .contentsright .divider{ margin:10px 0 0 0; height:3px}

.innercontext .rights .contentsright .newletter { padding:10px 0 0 0;}
.innercontext .rights .contentsright .newletter .head{ padding:5px 0 10px 0;}
.innercontext .rights .contentsright .newletter .text{ color:#2F383F; font-size:11px; line-height:16px; font-weight:normal; margin:0 0 10px 0;}

.innercontext .rights .contentsright .newletter .letter{width:282px; margin:0 0 5px 0;}

.innercontext .rights .contentsright .newletter .letter .inputs {width:249px; border: solid 1px #959da1; padding:7px 0 8px 10px; background:#eff3f6; font-size:12px;}


