.gallery { width:906px; height:341px; margin:0 auto; padding:0; } #slider { margin:0; padding:0; list-style:none; } #slider ul, #slider li { margin:0; padding:0; list-style:none; } /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ #slider li { width:906px; height:341px; overflow:hidden; } p#controls { margin:0; padding:0; position:relative; } #prevBtn { display:block; margin:0; overflow:hidden; width:25px; height:43px; position:absolute; left:-25px; top:-200px; } #nextBtn { display:block; margin:0; overflow:hidden; width:25px; height:43px; position:absolute; left: 905px; top:-200px; } #prevBtn a { display:block; width:25px; height:43px; background:url(images/l_arrow.gif) no-repeat 0 0; } #nextBtn a { display:block; width:25px; height:43px; background:url(images/r_arrow.gif) no-repeat 0 0; } .fb-like { float:left; clear: both; margin: 0 0 5px 21px; } /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #wrap {min-height: 100%; } #main {overflow:auto; padding-bottom: 55px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -55px; /* negative value of footer height */ height: 55px; clear:both;} /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ @charset "utf-8"; body { margin:0; padding:0; width:100%; } /* main */ .main_resize {padding:0; margin:0 auto; background:url(images/main_bg.gif) top repeat-x white;overflow:hidden;} .main {width:100%; margin:0 auto; padding:0; width:982px;} /********** header **********/ .header {padding:0; margin:0 auto; } .block_header {margin:0 auto; width:982px; padding:0; border:none;} /* logo */ .logo { float:left; padding:0; margin:0; width:607px;} #phone_img { width:21px; } /*text_top*/ .text_top { width:180px; float:right; text-align:left; font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding-top: 60px; padding-right: 0; padding-bottom: 0; padding-left: 0; } /*menu_resize*/ .menu_resize { width: 982px; margin:0 auto; padding:0; background:url(images/menu_bg.gif) top repeat-x; height:56px;} /* menu */ .menu { float:left; padding:0; margin:0; width:698px;} .menu ul { padding:0; margin:0; list-style:none; border:0;} .menu ul li { float:left; margin:0; padding:1px 0 0 0; border:0;} .menu ul li a { float:left; margin:0; padding:20px 30px; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;} .menu ul li a:hover { background: #232323;} .menu ul li a.active { background:#232323 ;} /********** slider **********/ .slider_top { margin:0 auto; padding:25px 0 0 0; height:361px; background:#fff;} /*header_text*/ .header_text { margin:0 auto; padding:0; width:980px;} .header_text .div { float:right; width:958px; padding:0; margin:0; background:#fff;} .header_text img.screen { float:left; margin:0; padding:0;} .header_text .div .left1 { float:right; width:257px; padding:0; margin:0 10px 0 0;} .header_text .div .left1 h2 { font:bold 34px Arial, Helvetica, sans-serif; color:#2c2c2c; padding:30px 0 0 0; margin:0;} .header_text p { font: normal 14px Arial, Helvetica, sans-serif; color:#828282; padding:5px 0 20px 0; margin:0;} /********** slider **********/ .slider_top2 { margin:0 auto; padding:0; width:982px; background:#fff; height:120px;} .slider_top2 h2 { width:500px; float:left; padding:30px 0 0 30px; margin:0; font: bold 36px Arial, Helvetica, sans-serif; color:#232323;} .slider_top2 p { font: italic 12px Arial, Helvetica, sans-serif; color:#676767; width:400px; float:right; text-align:left; padding:30px 0 0 0; margin:0;} /*top_sup*/ .top_sup { padding:0; margin:0 auto; background:#f3f3f3; width:903px; border:1px solid #dedede;} .top_sup_resize { width:903px; margin:0 auto; padding:0;} .top_sup_resize .bllog { width:200px; float: left; margin:10px 10px; padding:0;} .top_sup_resize h2 { font: bold 16px Arial, Helvetica, sans-serif; color:#2c2c2c; background:#e9e9e9; border-bottom:1px solid #e0e0e0; margin:0; padding:10px 30px;} .top_sup_resize img { float:left; margin:5px 5px; padding:0;} .top_sup_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#565656; padding:5px; margin:0; line-height:1.8em;} .top_sup_resize a { text-decoration:underline; color:#fff; } .top_sup_resize a:hover { text-decoration:underline; color:#979e2f; } /********** center **********/ .center { margin:0 auto; padding:0; width:982px; background:#fff;} /********** block index **********/ .body { background:#fff; margin:0 auto; padding:0; } .body_resize { width:940px; margin:0 auto; padding:0;} .body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#333; padding:15px 5px; margin:0; border-bottom:1px solid #dfdfdf;} .body p { font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; padding:10px 5px; margin:0; line-height:1.8em;} .body p span { color:#979e2f; } .body ul.port{ list-style:none; float:left; width:255px; margin:10px auto; padding:0;} .body li.port { border:0; padding:5px 20px; margin:0 5px; background: url(images/ul_li_port.gif) left no-repeat; font: normal 12px Arial, Helvetica, sans-serif; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .body ul { list-style:none; float:right; width:295px; margin:10px auto; padding:0;} .body li {border-bottom:1px solid #dfdfdf; padding:5px 20px; margin:0; background: url(images/big_ul_li.gif) left no-repeat; font: normal 12px Arial, Helvetica, sans-serif; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .body a { color:#1e9a99; text-decoration:underline;} .body img { float:left; margin:5px 5px; padding:0;} .left { width:560px; float:left; margin:0; padding:10px 25px;} .right { width:320px; float:right; margin:0; padding:10px 15px;} /********** other sites **********/ .body2 { background:#fff; margin:0; padding:0; } .body2_resize { width:940px; margin:0 auto; padding:0;} .body2 h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#333; padding:15px 5px; margin:0; border-bottom:1px solid #dfdfdf;} .body2 p { font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; padding:10px 5px; margin:0; line-height:1.8em;} .body2 p span { color:#979e2f; } .body2 ul.port{ list-style:none; float:left; width:255px; margin:10px auto; padding:0;} .body2 li.port { border:0; padding:5px 20px; margin:0 5px; background: url(images/ul_li_port.gif) left no-repeat; font: normal 12px Arial, Helvetica, sans-serif; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .body2 ul { list-style:none; float:right; width:295px; margin:10px auto; padding:0;} .body2 li {border-bottom:1px solid #dfdfdf; padding:5px 20px; margin:0; background: url(images/big_ul_li.gif) left no-repeat; font: normal 12px Arial, Helvetica, sans-serif; font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a;} .body2 a { color:#1e9a99; text-decoration:underline;} .body2 img { float:left; margin:5px 5px; padding:0;} .left2 { width:930px; float:left; margin:0; padding:10px 25px;} /********** gallery2 **********/ .gallery2 { background:#fff; margin:0; padding:10px 25px; } .gallery2 h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#333; padding:15px 5px; margin:0; border-bottom:1px solid #dfdfdf;} .gallery2 p { font:normal 12px Arial, Helvetica, sans-serif; color:#7a7a7a; padding:10px 5px; margin:0; line-height:1.8em;} /********** contact form **********/ #contactform { margin:0; padding:5px 10px;} #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 { margin:0; width:110px; display:block; padding:10px 0; color:#646464; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;} #contactform label span { color:#F00;} #contactform input.text { width:340px; border:1px solid #dfdfdf; margin:10px 0; padding:5px 2px; height:16px; background:#f6f6f6; float:left;} #contactform textarea { width:340px; border:1px solid #dfdfdf; margin:10px 0; padding:2px; background:#f6f6f6; float:left;} #contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;} p.response { text-align:center; color:#F00; font: normal 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;} /********** footer **********/ .footer { margin:0; padding:10px 0 0 0;} .footer_resize { margin:0 auto; padding:2px 0; width:980px; background:#232323;} .footer ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;} .footer img { display:inline; margin:5px 10px; padding:0;} .footer ul li { margin:0; padding:0 10px; float:left;} .footer p { margin:0; padding:20px 20px 10px 20px; float:right; color:#9d9d9d; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;} .footer a { color:#9d9d9d; font:normal 11px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;} .footer a:hover { text-decoration:underline;} p.clr, .clr { clear:both; padding:0; margin:0; background:none;} li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;} .box_a{ margin: 0 10px 10px 0; float:left; } #box_a a{ display:block; padding:2px; } #box_a a:hover{ background-color:#979e2f; }