@charset "utf-8"; @import "typography.css"; @import "sliders.css"; /* CSS slider */ body { margin:0; padding:0; width:100%; background:#f2f2f2; } html { padding:0; margin:0;} /* main */ .main {width:100%; padding:0; margin:0 auto; background:url(images/header_bg.gif) top repeat-x;} .resize { width:985px; margin:0 auto;} /********** header **********/ .header { padding:0; margin:0 auto;} .block_header {margin:0 auto; width:962px; padding:0; border:none;} /* logo */ .logo { float:left; padding:0; margin:0; width:530px;} .rss { width:19px; float:right; text-align:left; font: normal 11px Arial, Helvetica, sans-serif; color:#8e8e8e; padding:18px 10px 0 0; margin:0;} .rss img { float:right; margin:0 3px; padding:0;} /* text_header*/ .text_header { width:345px; float:right; padding:0 0 0 15px; margin:31px 0 0 0; border-left:1px solid #ff6401; font: normal 12px Arial, Helvetica, sans-serif; color:#f2f2f2;} .text_header a { color:#ff6401; text-decoration:none; font-weight:bold;} /* search */ .search { padding:10px 20px 0 0; margin:0; float:right; width:180px;} .search form { display:block; float:right; padding:5px 0;} .search span { display:block; float:left; background: url(images/search_bg.gif) top no-repeat; width:130px; padding:0 5px; height:20px;} .search form .keywords { font:normal 12px Arial, Helvetica, sans-serif; color:#3599b7; line-height:14px; float:left; border:0; width:130px; padding:3px 0; height:14px; background:none; margin:0;} .search form .button { float:left; margin:0; padding:0;} /* menu */ .menu { padding:0; margin:0 auto; width:962px; background:url(images/manu_bg.gif) top no-repeat; height:49px;} .menu ul { text-align:right; padding:10px 0; margin:0; list-style:none; border:0;} .menu ul li { text-align:left; float:left; margin:0; padding:0; border:0;} .menu ul li a { float:left; margin:0; border-right:1px solid #6c6c6c; border-left:1px solid #141414; padding:8px 9px; color:#9f9f9f; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;} .menu ul li a:hover { color:#fff; } .menu ul li a.active {color:#fff; } .menu ul li .last {border-left:1px solid #141414; border-right:0;} /********** slider **********/ .slider_top { padding:0 0; margin:0;height:475px;} /* blog_body */ .blog_body_resize { background:#f8f8f8; background:url(images/body_blog_bg.gif) top repeat-x; height:92px;} .blog_body { width:960px; margin:0 auto; padding:10px 0;} .blog_body h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#f4fcff; padding:10px 0 10px 6px; margin:0;} .blog_body p { font: normal 18px Arial, Helvetica, sans-serif; color:#f2f2f2; padding:5px 0 0 0; margin:0; line-height:1.8em;} .blog_body p span { font: normal 11px Arial, Helvetica, sans-serif; color:#f2f2f2;} .blog_body img { float:right; margin:0; padding:15px 0 0 0;} /* 2 */ .blog_body_resize2 { background:url(images/bg_sab.gif) center repeat-x;} .blog_body ul { text-align:right; padding:35px 0 0 0; margin:0; list-style:none; border:0;} .blog_body ul li { text-align:left; float:left; margin:0; padding:15px 0; border:0;} .blog_body ul li a { border-right:1px solid #b0afaf; float:left; margin:0; padding:0 15px; color:#b0afaf; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;} .blog_body ul li a:hover { color:#47c3e3; } .blog_body ul li a.active {color:#47c3e3; } /********** block index **********/ .body {padding:0 0 30px 0; margin:0; background:#f2f2f2;} .body_resize { width:970px; margin:0 auto; padding:0;} .body_small2 { width:640px; float:left; margin:0; padding:10px 20px;} .body_small3 { width:305px; float:left; margin:0; padding:5px;} .body_small4 { width:228px; float:left; margin:0; padding:2px;} .body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#1d2024; padding:15px 0; margin:0;} .body h2 span { font:normal 11px Arial, Helvetica, sans-serif; color:#ababab;} .body p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:10px 0; margin:0; line-height:1.8em;} .body p span { font: bold 14px Arial, Helvetica, sans-serif; color:#565656;} .body a { color:#3097b4; text-decoration:none;} .body img {margin:10px auto; padding:0;} .body img.floated {float:left; margin:10px 10px 10px 0; padding:0; } .serv { width:275px; float:left; margin:10px; padding:0; } .serv2 { width:565px; float:left; margin:10px; padding:0; } .left { width:615px; float:left; margin:10px 20px 10px 0; padding:0;} .left3 { width:955px; float:left; margin:10px 20px 10px 0; padding:0;} .left2 { width:958px; float:left; margin:10px 20px 10px 0; padding:0;} .right { width:305px; float:right; margin:10px 20px 10px 0; padding:0;} .block { width:300px; float:left; margin:4px 20px 7px 0; padding:0;} .body h7 { color:#262626; font:normal 12px Arial, Helvetica, sans-serif; margin:4px 4px; padding:10px 6px; border-bottom:1px solid #dadada;} .body_small { width:250px; float:left; margin:0; padding:10px 20px;} .body_small2 { width:640px; float:left; margin:0; padding:10px 20px;} .body_small3 { width:305px; float:left; margin:0; padding:5px;} /********** contact form **********/ #contactform { margin:0; padding:5px 0;} #contactform * { color:#F00;} #contactform ol { margin:0; padding:0; list-style:none;} #contactform li { margin:0; padding:0; background:none; border:none; display:block;} #contactform li.buttons { margin:5px 0 5px 0;} #contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#444; text-transform:capitalize;} #contactform label span { font:normal 10px Arial, Helvetica, sans-serif;} #contactform input.text { width:430px; border:1px solid #d7d7d7; margin:5px 0; padding:5px 2px; height:15px; background:#fff;} #contactform textarea { width:430px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;} #contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;} p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;} /*************footer**********/ .footer {padding:0 0 20px 0; margin:0 auto; } .footer_resize { margin:0 auto; padding:0; width:960px;border-top:1px solid #d6d6d6; } .footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656;} .footer img { float:left; margin:0; padding:0;} .footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#3097b4; text-decoration:none; padding:5px; margin:0;} .footer p.leftt { text-align:left; width:450px; margin:0; padding:25px 0 0 20px; float:left;} .footer p.right { text-align:right; width:270px; margin:0; padding:30px 0 0 0; float:right;} .footer p.right2 { text-align:center; width:970px; margin:0; padding:6px 0 4px 0; float:center;} p.clr, .clr { clear:both; padding:0; margin:0; background:none;} li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:10px 0; background:none; line-height:0;}