body { margin:0; background-image:url(/images/bg.gif); background-repeat:repeat-x; background-color:#efefef; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#666; } #container { width:880px; margin-left:auto; margin-right:auto; text-align:left; } /* HEADER */ #header { background-image:url(/images/header.jpg); background-repeat:no-repeat; width:880px; height:120px; position:relative; margin:0px; } #header a#title {display:block; width:100px; height:100px; position:absolute; left:15px; top:10px;} #header_spacer { background-image: url(/images/header_btm.jpg); width:880px; height:30px; } #menu { width:880px; height:30px; } #dropmenudiv { position:absolute; width:176px; background-image:url(images/menu_dd_bg.png); margin-left:1px; margin-top:-1px; padding-top:2px; padding-bottom:5px; z-index:1000; text-align:left } #dropmenudiv a { display:block; text-indent:15px; font-size:11px; color:#ddd; padding-top:5px; padding-bottom:5px; text-decoration:none; font-weight:bold; } #dropmenudiv a:hover { color:#fff; text-decoration:none; } /* FOOTER */ #footer { width:880px; clear:both; margin-bottom:20px; font-size:9px; color:#999; } .footer_hr { margin-top:20px; padding-bottom: 6px; } .footer_img { padding-right:10px; } /* PAGE BODY */ #page_body { width:880px; min-height:400px; clear:both; } a { color:#08c; text-decoration: none; } a:hover { text-decoration: underline; } h1 { font-size:24px; color:#333; font-weight:normal; margin:0; } h2 { font-size:18px; color:#333; font-weight:normal; margin:0; margin-bottom:18px; } h3 { font-size:14px; color:#333; font-weight:normal; margin:0; margin-bottom:18px; } h4 { font-size:12px; color:#666; font-weight:bold; margin:0; } a.more { white-space:nowrap; padding-right:10px; background:url(/images/morearrow.gif) no-repeat 100% 50%; zoom:1; } .pb333 { color:#333; } hr { color:#ddd; background-color:#ddd; border:0px; height:1px; margin-bottom:18px; } .date { color:#999; } .right { margin:0px; text-align: right; } .news_title { font-size:12px; color:#333; font-weight:bold; } .nav {font-size:11px; color:#999; } .portfolio_lead { color:#999; font-style:italic; } .portfolio_title { font-size:14px; color:#333; } ul { margin-top:0; margin-bottom:18px; } ol { margin-bottom:18px; margin-top:0;} ul.portfolio li { border-bottom: 1px solid #ddd; margin-bottom:18px; min-height:220px; } #section_billboard { width:880px; height:300px; margin-bottom:20px; clear:both; } #section_txt { width:580px; float:left; clear:left; } #section_txt .portfolio h3 { font-size:14px; color:#333; font-weight:normal; margin:0; margin-bottom:0; } #section_txt .portfolio ul { margin:0; margin-left:-36px; *margin-left:0; } #section_txt .portfolio li { clear:both; } #section_txt .portfolio p { padding-bottom:18px; position:relative; } #section_txt .portfolio img { float:right; margin-left:20px; margin-bottom:20px; position:relative; z-index:999; } #section_txt_full { width:880px; clear:both; } #section_txt_left { width:430px; float:left; clear:left; } #section_txt_right { width:430px; float:right; clear:right; } #section_box ul li { list-style:none outside; } #section_box #it { width:250px; height:315px; background-image:url(/images/box_company.jpg); background-repeat:no-repeat; float:right; clear:right; padding: 45px 15px 15px 15px; margin-bottom:20px; } #section_box #web { width:250px; height:315px; background-image:url(/images/box_company.jpg); background-repeat:no-repeat; float:right; clear:right; padding: 45px 15px 15px 15px; margin-bottom:20px; } #section_box #company { width:250px; height:315px; background-image:url(/images/box_company.jpg); background-repeat:no-repeat; float:right; clear:right; padding: 45px 15px 15px 15px; margin-bottom:20px; } #section_box #contact { width:250px; height:339px; background-image:url(/images/box_contact.jpg); background-repeat:no-repeat; float:right; clear:right; padding: 45px 15px 15px 15px; margin-bottom:20px; } #section_box ul { margin:0; margin-left:-36px; *margin-left:0; } #section_box li { clear:both; } #section_box h4 { color:#666; font-size:12px; margin:0; *margin-top: -18px; } #section_box a.h4 { color:#666; text-decoration:none; } #section_box a.h4:hover { color:#666; text-decoration:none; } #section_box p { font-size:11px; border-bottom: 1px solid #e8e8e8; margin-top:0; padding-bottom:14px; position:relative; } #section_box img { float:left; margin-right:10px; position:relative; z-index:999; } #web_portfolio { width:580px; } #web_portfolio #site { width:256px; height:257px; padding:12px; margin-bottom:20px; background-image:url(/images/web_portfolio/bg_icon.png); background-repeat:no-repeat; float:left; } #web_portfolio #site.left { margin-right:20px; } #web_portfolio #site h3 { font:14/18px; font-weight:bold; margin:0; color:#08c; } #web_portfolio #site p { font:11px/14px; margin:0; } .form-table { background-color:#fff; color:#666; padding:18px; } .form-table td { padding-bottom:12px; } .form-table h3 { font-size:14px; color:#333; font-weight:normal; margin:0; } .form-title { color:#666; font-size:18px; } .form-box { background-color:#FFF; color:#ddd; border-color:#FFF; border: 1px groove #ddd; } .form-btn { color:#333; font-weight:bold; font-size:14px; } /* HOMEPAGE */ #home_services { width:880px; height:281px; margin-bottom:20px; clear:both; } #home_services #it { width:280px; height:281px; margin-right:20px; float:left; } #home_services #web { width:280px; height:281px; float:left; margin-right:20px; } #home_services #support { width:280px; height:281px; float:right; } #home_company { width:880px; height:181px; background-image:url(images/home_co.jpg); background-repeat:no-repeat; clear:both; margin-bottom:20px; overflow:hidden; } #home_company h2 { font-size:18px; color:#333; font-weight:normal; margin:0; } #home_company #co_content { width:640px; float:left; padding:20px; } #home_company #co_content h1 { font-size:18px; color:#333; font-weight:normal; margin-bottom:18px; } #home_info { width:880px; height:141px; background-image:url(images/home_info.jpg); background-repeat:no-repeat; clear:both; overflow:hidden; } #home_info h3 { font-size:14px; color:#333; font-weight:normal; margin:0;} #home_info h3 a { color:#333; text-decoration:none; } #home_info h3 a:hover { text-decoration:none; } #home_info #testimonial { width:190px; height:140px; padding:15px; float:left; overflow:hidden; } #home_info #case { width:190px; height:140px; padding-left:15px; padding:15px; float:left; overflow:hidden; } #home_info #news { width:190px; height:140px; padding-left:15px; padding:15px; float:left; overflow:hidden; } #home_info #contact { width:190px; height:140px; padding:15px; float:right; overflow:hidden; }