@charset "utf-8";
/* CSS Document */

body{ background-color:#0e2c24; margin:0; padding:0; position:relative;}
#mainBg{ width:948px; height:1120px; margin:0 Auto; background:url(../images/mainBg.jpg) no-repeat; background-position:center; }

#main{ width:940px;  margin:0 Auto; padding:10px 5px;}
#main .header{ width:805px; height:173px; position:relative;}
#main .header .logo{width:785px; height:142px; margin:0 40px;}
#main .header .logo a{ background:url(../images/logo.png) top center no-repeat; display:block; cursor:pointer; width:785px; height:142px; }
#main .header p.slogan{ font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff; position:absolute; left:168px; top:115px;}

#main .content{ width:940px; }
#main .content .leftColumn{ width:425px; height:684px; float:left; margin:10px 5px; padding:0 5px; position:relative;}
#main .content .leftColumn .bg{ position:absolute; z-index:0; background:url(../images/doc.jpg) top center no-repeat; width:322px; height:299px; top:69px; left:51px;}
#main .content .leftColumn form{ width:434px; height:402px; background:url(../images/form-bg.png) top left no-repeat; position:absolute; z-index:1; bottom:10px; }
#main .content .leftColumn form div{ clear:both; margin:0 10px; padding:10px 38px;}
#main .content .leftColumn form div label{ width:110px; float:left; text-align:left; font:bold 13px Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0;}
#main .content .leftColumn form div span{ float:left;}
#main .content .leftColumn form div input{ width:200px; height:20px; padding:1px 3px;}
#main .content .leftColumn form div select{width:208px; padding:1px 3px;}

#main .content .rightColumn{ width:481px; float:right; margin:46px 10px 0 0;}
#main .content .rightColumn .top{ background:url(../images/greenbg-top.png) top left no-repeat; width:481px; height:7px; }
#main .content .rightColumn .content{ background:url(../images/green-content.png) top repeat-y; width:481px; height:610px; }
#main .content .rightColumn .bottom{ background:url(../images/greenbg-bottom.png) bottom left no-repeat; width:481px; height:7px; }
#main .content .rightColumn .content div{margin:0 30px 15px 10px; clear:both;}
#main .content .rightColumn .content div h2{ font:bold 15px Arial, Helvetica, sans-serif; color:#00cce0; margin:0; padding:0;}
#main .content .rightColumn .content div p{ margin:2px 0; padding:0 15px; font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff; }

#main .bottom-lines{ width:919px;   clear:both; margin-bottom:100px;}
#main .bottom-lines .line{ width:919px; height:132px; background:url(../images/bottom-block.png) no-repeat; margin:10px 0;}
#main .bottom-lines .line p{ padding:30px 30px 10px 30px; font:normal 14px Arial, Helvetica, sans-serif; color:#ffffff;}

#main .content .leftColumn .thanks{ width:250px; height:100px;  position:absolute; z-index:2; bottom:210px; left:45px; border:dotted 1px #21b3be;}
#main .content .leftColumn .thanks em.complete{ background:url(../images/thanks.png) top left no-repeat; padding:10px 0 8px 38px; height:25px; display:block; margin:15px 15px 0 15px; font:bold 14px Arial, Helvetica, sans-serif; color:#ffffff;}
#main .content .leftColumn .thanks p{ font:normal 13px Arial, Helvetica, sans-serif; color:#ffffff; margin:0 0 0 53px; padding:0; }