body{ background-color: White; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } a{ font-family: Arial, Helvetica, sans-serif; color: #457368; text-decoration: none; } a:hover{ text-decoration: underline; } div.top{ margin: 0 auto; height: 135px; } div.logo{ position: relative; top: 65px; width: 324px; height: 75px; margin-left: 120px; } div.menu{ margin: 0 auto; background-color: #A0B2B1; height: 20px; border-top: 1px solid #75828E; border-bottom: 1px solid #75828E; } div.menu_items{ margin-left: 120px; } a.main_menu{ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: Black; margin-right: 8px; margin-left: 8px; text-decoration: none; } a.main_menu:hover{ text-decoration: none; } div.bottom_home{ margin: 0 auto; height: 124px; background-color: #DEDEDE; } div.bottom_services{ margin: 0 auto; height: 124px; background-color: #E8E7D2; } div.bottom_clients{ margin: 0 auto; height: 124px; background-color: #D1E8E8; } div.bottom_portfolio{ margin: 0 auto; height: 124px; background-color: #D4D4E6; } div.bottom_contact{ margin: 0 auto; height: 124px; background-color: #E7D6CE; } div.flash{ margin-left: 120px; } div.main_content{ background-color: White; color: Black; padding-top: 20px; padding-bottom: 25px; width: 1050px; text-align: left; } div.main_left{ float: left; width: 370px; margin-left: 120px; } div.main_right{ float: left; width: 470px; margin-left: 45px; } div.clearer{ clear: both; } h1{ color: #606965; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; margin-bottom: 10px; font-weight: lighter; } h2{ color: #D1E2CA; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; margin-bottom: 20px; font-weight: lighter; } p{ font-size: 0.8em; text-align: justify; } p.highlight{ color: #457368; } div.contact_form_left{ float: left; width: 100px; text-align: right; color: #457368; font-size: 0.8em; line-height: 2em; } div.contact_form_right{ float: left; width: 250px; text-align: left; color: #457368; padding-left: 10px; } input{ background-color: #EEF7F9; border: 1px solid #457368; padding: 1px; font-size: 0.8em; width: 247px; height: 1.7em; margin-bottom: 3px; } textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; background-color: #EEF7F9; border: 1px solid #457368; padding: 3px; font-size: 0.8em; width: 247px; } input:focus, textarea:focus { background-color: White; } form{ margin: 0px; padding: 0px; } input.home_submit{ margin-left: 190px; margin-top: 5px; background-color: #457368; color: White; width: 60px; height: 1.6em; } div.footer_home{ margin: 0 auto; background-color: #DEDEDE; padding: 5px; padding-left: 120px; font-size: 0.7em; color: #5C5C5C; } div.footer_services{ margin: 0 auto; background-color: #E8E7D2; padding: 5px; padding-left: 120px; font-size: 0.7em; color: #5C5C5C; } div.footer_clients{ margin: 0 auto; background-color: #D1E8E8; padding: 5px; padding-left: 120px; font-size: 0.7em; color: #5C5C5C; } div.footer_portfolio{ margin: 0 auto; background-color: #D4D4E6; padding: 5px; padding-left: 120px; font-size: 0.7em; color: #5C5C5C; } div.footer_contact{ margin: 0 auto; background-color: #E7D6CE; padding: 5px; padding-left: 120px; font-size: 0.7em; color: #5C5C5C; } /* HOME NEWS */ div.news_item{ width: 460px; margin-bottom: 15px; } div.news_separator{ margin-bottom: 15px; } div.news_picture{ float: left; width: 110px; } div.news_right{ float: left; width: 320px; padding: 0px; } h3{ color: #606965; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0px; } p.news{ margin: 0px; font-size: 0.75em; } /* SERVICES LIST */ ul.services{ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; list-style-image: url(images/bullet_point.gif); margin: 0px; } /* CLIENTS */ div.clients_category{ float: left; width: 170px; } /* PORTFOLIO */ div.portfolio_box{ float: left; width: 192px; height: 200px; margin-right: 15px; margin-bottom: 15px; } div.portfolio_scroller{ height: 156px; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 3px; text-align: left; } div.portfolio_inner{ margin: 10px; } a.portfolio_box_link{ font-family: Arial, Helvetica, sans-serif; color: Black; font-size: 1.0em; } div.portfolio_list{ margin-bottom: 3px; } div.portfolio_category{ color: White; width: 250px; padding: 5px; margin-top: 3px; } a.portfolio_category{ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; } a.portfolio_link{ font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-decoration: none; color: #5B5765; margin-left: 5px; } a.portfolio_link:hover{ color: #46434D; } img.portfolio_picture{ border: 1px solid #BCBCBC; }