@charset "utf-8"; body { margin: 0; padding: 0 20px; /* or any other desired padding value */ } } html { padding: 0; margin: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } /* main */ .main { padding: 0; margin: 0 auto; } .withe_bg { background: #fff; width: 980px; margin: 0 auto; padding: 0; } /********** header **********/ /* menu */ .menu { padding: 50px 30px 0 0; margin: 0; width: 500px; float: right; } .menu ul { text-align: left; padding: 0; margin: 0; list-style: none; border: 0; float: right; } .menu ul li { float: left; margin: 0; padding: 0 5px 0 0; border: 0; } .menu ul li a { float: left; margin: 0; padding: 10px; color: #272e35; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; } .menu ul li a:hover { color: #fff; background: #515f6a; } .menu ul li a.active { color: #fff; background: #515f6a; } /* search */ .search { padding: 40px 0 0 0; margin: 0; width: 320px; float: right; height: 40px; } .search form { display: block; float: right; padding: 0; } .search span { display: block; float: left; background: #fff; width: 170px; padding: 0 5px; height: 25px; } .search form .keywords { font: normal 12px Arial, Helvetica, sans-serif; color: #6c6c6c; line-height: 15px; height: 15px; float: left; background: none; border: 0; padding: 5px 0; margin: 0; } .search form .button { float: left; /* Ca3er style */ .cu3er_resize { width:940px; margin:0 auto; padding:0; background: url(images/simple_bg.gif) no-repeat bottom; } #cu3er-container { width:960px; outline:0; } /********** body **********/ .body { width:920px; margin:0 auto; padding:10px 30px;} .body h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#606060; margin:0; padding:15px 0;} .body h3 { font: bold 36px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:20px 0; margin:10px 0; border-bottom:1px solid #2a2a2a; border-top:1px solid #2a2a2a;} .body img { padding:0; margin:10px auto;} .body img.floated2 { float:right; padding:0; margin:10px 5px;} .body img.floated { float:left; padding:0; margin:10px 15px 10px 5px;} .body p { font:normal 15px Arial, Helvetica, sans-serif; color:#606060; line-height:1.5em; padding:5px 0; margin:0; } .body p span { font: bold 30px Arial, Helvetica, sans-serif; color:#277fc2;} .body a { text-decoration:none; color:#94aabb;} .port_h2_bg { border-top:1px solid #d3d7da; background:#f1f1f1; padding:0 10px; margin:0; width:900px;} .right { width:290px; float:left; margin:0; padding:20px 25px 20px 0;} .right.last { padding-right:0;} .left { width:600px; float:left; margin:0; padding:20px 25px 20px 0;} .port_resize { width:220px; float:left; margin:0; height: 111px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 0; } .port_resize.last { padding-right:0;} /*FBG*/ .FBG { margin:0; padding:0;} .FBG_resize { width:960px; margin:0 auto; padding:20px 10px;} .FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#838383; padding:5px; margin:0; line-height:1.5em;} .FBG_resize img { float:left; margin:5px; padding:0;} .FBG_resize h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#606060; padding:5px; margin:0;} .FBG_resize .lefta { border-right:1px solid #d8d8d8; width:289px; float:left; margin:0; padding:20px 15px;} .FBG_resize .lefta.last { border:0;} .FBG_resize ul { list-style:none; margin:10px; padding:0;} .FBG_resize li { background:url(images/ul_li.gif) left no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color:#94aabb; padding:3px 0 3px 15px;} /* END_bloga*/ /*************footer**********/ .footer {padding:0; margin:0;} .footer_resize { width:940px; margin:0 auto; padding:20px 10px; border-top:1px solid #d6d6d6;} .footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#909090; padding:20px 0 0 0;} .footer img { float:left; margin:0; padding:0;} .footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#9baebd; text-decoration:none; padding:5px; margin:0;} .footer p.right { text-align:right; width:150px; margin:0; padding:15px 0 0 0; float:right;} .footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;} /********** contact form **********/ .form { float:left; width:550px; margin:5px auto; padding:0; background:#fff; border:1px solid #dedede;} /********** contact form **********/ #contactform { margin:0; padding:5px 0;} #contactform * { color:#7a7a7a;} #contactform ol { margin:0; padding:0; list-style:none;} #contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;} #contactform li.buttons { margin:5px 0 5px 0; float:none; clear:both;} #contactform label { float:left; margin:0; width:150px; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#848484; text-transform:capitalize;} #contactform label span { font:normal 10px Arial, Helvetica, sans-serif;} #contactform input.text { width:510px; border:1px solid #dfdfdf; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; float:left;} #contactform textarea { width:510px; border:1px solid #dfdfdf; margin:10px 0; padding:2px; background:#f8f8f8; height:150px; float:left;} #contactform li.buttons input { padding:3px 0; margin:0 0 0 1px; border:0; color:#FFF; float:left;} p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.5em; width:auto;} p.clr, .clr { clear:both; padding:0; margin:0;} li.bg, .bg { clear:both; border-bottom:1px solid #e2e2e2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}