body { font-family: Arial, Helvetica, sans-serif; font-size:12px; } img {border:0px;} a:link {color:#000000; text-decoration:none;} a:visited {color:#000000; text-decoration:none;} a:hover {color:#000000; text-decoration:underline;} a:active {color:#000000; text-decoration:none;} a:link.main_text_link {color:#6699FF; text-decoration:none;} a:visited.main_text_link {color:#6699FF; text-decoration:none;} a:hover.main_text_link {color:#6699FF; text-decoration:underline;} a:active.main_text_link {color:#6699FF; text-decoration:none;} a:link.blip_link {background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-style:inherit; text-decoration:none; padding-left:8px;} a:visited.blip_link {background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-style:italic; text-decoration:none; padding-left:8px;} a:hover.blip_link {background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-style:italic; text-decoration:underline; padding-left:8px;} a:active.blip_link {background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-style:italic; text-decoration:none; padding-left:8px;} a:link.red_link {color:#FF0000; text-decoration:none;} a:visited.red_link {color:#FF0000; text-decoration:none;} a:hover.red_link {color:#FF0000; text-decoration:underline;} a:active.red_link {color:#FF0000; text-decoration:none;} /************************ MAIN TAGS ************************/ #main_container { width:870px; margin-top:20px; margin-bottom:auto; margin-left:20px; margin-right:auto; } #main_navigation { background:#404040 url(../images/header/navigation_bg.jpg) right no-repeat; border-right:5px solid #FFFFFF; height:29px; line-height:29px; padding:0px 0px 0px 15px; color:#FFFFFF; font-size:14px; font-weight:bold; } #main_navigation a:link {color:#FFFFFF; text-decoration:none;} #main_navigation a:visited {color:#FFFFFF; text-decoration:none;} #main_navigation a:hover {color:#7ABADB; text-decoration:none;} #main_navigation a:active {color:#FFFFFF; text-decoration:none;} #main_content {float:left; width:530px; padding:10px;} #secondary_content {float:left; width:320px;} #main_footer {clear:both; margin-top:20px;} /************************ CONTENT ************************/ h1 {color:#000000; font-weight:normal; font-size:28px; margin:0px; padding-top:10px;} h1 strong {color:#6699FF; font-weight:normal;} h2 {color:#666666; font-weight:normal; font-size:14px; margin:0px; padding:0px; font-style:italic;} h2 strong {color:#000000; font-weight:normal;} p {color:#666666; font-size:14px;} .blue_text {font-weight:normal; color:#6699FF;} .no_border{border:none;} #box_links {text-align:center; clear:both;} #box_links a:link {color:#000000; font-size:22px; text-decoration:none; border:2px dashed #FFFFFF;} #box_links a:visited {color:#000000; font-size:22px; text-decoration:none; border:2px dashed #FFFFFF;} #box_links a:hover {color:#333333; font-size:22px; text-decoration:none; border:2px dashed #6699FF;} #box_links a:active {color:#000000; font-size:22px; text-decoration:none; border:2px dashed #FFFFFF;} #box_link1 a {background:url(../images/content/box_link1_bg.jpg) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} #box_link1 a:hover {background:url(../images/content/box_link1_bg.gif) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} #box_link2 a {background:url(../images/content/box_link2_bg.jpg) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} #box_link2 a:hover {background:url(../images/content/box_link2_bg.gif) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} #box_link3 a {background:url(../images/content/box_link3_bg.jpg) no-repeat; width:150px; height:123px; line-height:30px; margin:0px 19px 10px 0px; float:left;} #box_link3 a:hover {background:url(../images/content/box_link3_bg.gif) no-repeat; width:150px; height:123px; line-height:30px; margin:0px 19px 10px 0px; float:left;} #box_link4 a {background:url(../images/content/box_link4_bg.jpg) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 0px 0px; float:left;} #box_link4 a:hover {background:url(../images/content/box_link4_bg.gif) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} #box_link5 a {background:url(../images/content/box_link5_bg.jpg) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 0px 0px; float:left;} #box_link5 a:hover {background:url(../images/content/box_link5_bg.gif) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} #box_link6 a {background:url(../images/content/box_link6_bg.jpg) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 0px 0px; float:left;} #box_link6 a:hover {background:url(../images/content/box_link6_bg.gif) no-repeat; width:150px; height:123px; line-height:123px; margin:0px 19px 10px 0px; float:left;} .case_studies_box {border:1px solid #666666; padding:10px;} .case_studies_box strong {font-size:14px; font-weight:bold; color:#6699FF;} .case_study_navigation {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding-top:5px; padding-bottom:5px; } .case_what_they_say_title {background-color:#DBECF6; padding:10px; padding-bottom:0px; color:#FF0000; font-size:16px;} .case_what_they_say {background-color:#DBECF6; padding:10px; padding-left:20px;} #case_study_box {background-color:#FFFFFF; text-align:left; width:520px; float:left; margin-bottom:15px;} #case_study_box h1 {font-size:14px; color:#FF0000; font-style:italic; margin-bottom:10px;} #case_study_box h2 {font-size:12px; color:#333334; font-weight:bold;} #case_study_box img {padding-bottom:10px;} #case_study_box a {background-color:#E5E5E5; border:2px solid #DDDDDD; text-decoration:none; display:block; height:150px; padding:10px;} #case_study_box a:hover {background-color:#E5E5E5; border:2px dashed #6699FF; text-decoration:none; display:block; height:150px; padding:10px;} .portfolio_sub_heading {color:#6699FF; font-size:18px; font-weight:normal;} .portfolio_boxes {vertical-align:top; width:250px; text-align:center; border:1px solid #6699FF; padding-bottom:5px; } .portfolio_empty_boxes {vertical-align:top; width:250px; text-align:center; padding-bottom:5px;} #portfolio_box {background-color:#FFFFFF; text-align:center; width:220px; float:left; margin-bottom:15px; margin-left:15px;} #portfolio_box h1 {font-size:14px; color:#FF0000; font-style:italic; margin-bottom:10px;} #portfolio_box h2 {font-size:12px; color:#333334; font-weight:bold;} #portfolio_box img {padding-bottom:10px;} #portfolio_box a {background-color:#E5E5E5; border:2px solid #DDDDDD; text-decoration:none; display:block; height:160px; padding:10px;} #portfolio_box a:hover {background-color:#E5E5E5; border:2px dashed #6699FF; text-decoration:none; display:block;} .testimonials_title {font-weight:bold; font-size:16px; color:#6699FF; } .testimonials {font-style:none; font-weight:normal; font-size:14px; color:#555555;} #contact_form label {float:left; width:110px; font-size:14px; color:#666666;} #contact_form br {clear:both;} #contact_form input, select {width:180px; margin-bottom:5px; color:#555555; font-size:13px;} #contact_form textarea {width:250px; margin-bottom:5px; color:#555555; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #contact_form #submitbutton {width:100px; margin-bottom:5px; margin-left:110px;} /************************ SECONDARY CONTENT ************************/ #login_area {background:url(../images/content/login_bg.jpg) top right no-repeat; padding-left:150px;} #login_area h3 {margin:5px 0px 0px 0px; font-size:13px; font-style:italic; font-weight:bold; text-transform:uppercase; color:#FF0000;} #login_area h4 {font-size:18px; font-weight:bold; text-transform:uppercase; color:#404040; padding:0px; margin:0px;} #login_form {margin:0px;} #login_form input {width:113px; border:1px solid #999999; border-bottom-width:2px; border-right-width:2px;} #login_form input.submit {background-color:#FF0000; border:none; width:50px; color:#FFFFFF; font-weight:bold;} #login_form label {display:block; margin-top:3px; font-style:italic;} #secondary_box {margin-right:5px; border:1px solid #CCCCCC; padding:6px 10px 6px 10px;} #secondary_box h2 {margin:0px; padding:0px; color:#FF0000; text-transform:uppercase; text-align:right;} #secondary_box p em {margin-top:3px; padding:0px; font-size:12px;} #secon_recentprojects {background-color:#DCECF7; text-align:right; height:139px;} #secon_recentprojects a {border:2px solid #FFFFFF; text-decoration:none; display:block; height:115px; padding:10px;} #secon_recentprojects a:hover {border:2px dashed #6699FF; text-decoration:none; display:block; height:115px; padding:10px; background-color:#E5E5E5;} #secon_recentprojects img {float:right; padding-left:10px;} #secon_recentprojects strong {font-size:14px; font-weight:bold; font-style:italic; color:#404040;} #secon_news {border:1px solid #CCCCCC; text-align:right; border-left:none; border-right:none; padding:5px 0px 5px 0px;} #secon_news a:link {border:2px dashed #FFFFFF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px;} #secon_news a:visited {border:2px dashed #FFFFFF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px;} #secon_news a:hover {border:2px dashed #6699FF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px; background-color:#E5E5E5; } #secon_news a:active {border:2px dashed #FFFFFF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px;} #secon_testimonial {text-align:right;} #secon_testimonial a:link {border:2px solid #FFFFFF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px; background-color:#DCECF7;} #secon_testimonial a:visited {border:2px solid #FFFFFF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px; background-color:#DCECF7;} #secon_testimonial a:hover {border:2px dashed #6699FF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px; background-color:#E5E5E5;} #secon_testimonial a:active {border:2px solid #FFFFFF; text-decoration:none; display:block; color:#6699FF; text-decoration:none; padding:10px; background-color:#DCECF7;} #service_case_study {background-color:#FFFFFF; text-align:left; height:159px;} #service_case_study h1 {text-align:left; font-size:14px; color:#FF0000; font-style:italic; text-transform:uppercase;} #service_case_study h2 {text-align:left; font-size:12px; color:#333334; font-weight:bold;} #service_case_study img {float:left; padding-right:10px;} #service_case_study a {background-color:#E5E5E5; border:2px solid #DDDDDD; text-decoration:none; display:block; height:134px; padding:10px;} #service_case_study a:hover {background-color:#E5E5E5; border:2px dashed #6699FF; text-decoration:none; display:block; height:135px;} #small_service_menu {color:#AAAAAA;} a:link.small_service_link {padding-left:8px; background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-size:12px; text-decoration:none;} a:visited.small_service_link {padding-left:8px; background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-size:12px; text-decoration:none;} a:hover.small_service_link {padding-left:8px; background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#FF0000; font-size:12px; text-decoration:underline;} a:active.small_service_link {padding-left:8px; background:url(../images/content/blip.jpg); background-position:left; background-repeat:no-repeat; color:#000000; font-size:12px; text-decoration:none;} #secon_contact {text-align:right; padding:5px 5px 5px 0px; background-color:#E5E5E5;} #secon_contact_mid {text-align:right; padding:5px 5px 5px 0px; background-color:#E5E5E5; margin:5px 0px 5px 0px;} .hr_contact {border-top: 1px solid #CCCCCC; background-color:#FFFFFF; margin:5px 0px 5px 0px;} #secon_contact a:link {color:#666666; text-decoration:none;} #secon_contact a:visited {color:#666666; text-decoration:none;} #secon_contact a:hover {color:#666666; text-decoration:underline;} #secon_contact a:active {color:#666666; text-decoration:none;} /************************ FOOTER ************************/ #footer_links {background-color:#A1C9E6; height:29px; line-height:29px; padding-left:10px; text-align:center; font-size:14px; font-weight:normal; color:#FFFFFF;} #footer_links a:link {color:#FFFFFF; text-decoration:none;} #footer_links a:visited {color:#FFFFFF; text-decoration:none;} #footer_links a:hover {color:#FFFFFF; text-decoration:underline;} #footer_links a:active {color:#FFFFFF; text-decoration:none;} #footer_legal p {text-align:center; font-size:10px; color:#666666; padding:5px 0px 0px 0px; margin:0px;} /************************ NEWS ************************/ #news_box {background-color:#E5E5E5; text-align:left; height:159px;} #news_box h1 {background-color:#DBECF6; height:16px; color:#FF0000; padding:5px; font-size:14px;} #news_box h2 {text-align:left; font-size:12px; color:#333334; font-weight:bold;} #news_box img {float:left; padding-right:10px;} #news_box a {background-color:#E5E5E5; border:2px solid #DDDDDD; text-decoration:none; display:block; height:134px; padding:10px;} #news_box a:hover {background-color:#E5E5E5; border:2px dashed #6699FF; text-decoration:none; display:block; height:135px;} .news_title {float:left;} .news_date {float:right;} .news_title_holding {background-color:#FFFFFF; height:16px; color:#FF0000; padding:5px; font-size:14px; border-bottom:2px solid #E5E5E5;} .news_title {float:left;} .news_date {float:right;} .news_abstract {padding:10px 10px 10px 10px; background-color:#FFFFFF;} .hr { border-top: 1px solid #CCCCCC; } img.floatLeft { float: left; margin: 8px; } /************************ NAVI CURRENT PAGE ************************/ body#index a#index_link, body#what_we_do a#what_we_do_link, body#web_design a#what_we_do_link, body#ecommerce_websites a#what_we_do_link, body#business_systems a#what_we_do_link, body#online_marketing a#what_we_do_link, body#consultancy a#what_we_do_link, body#hosting a#what_we_do_link, body#case_studies a#case_studies_link, body#case_studies_lmhb a#case_studies_link, body#case_studies_lovedaisy a#case_studies_link, body#case_studies_topps a#case_studies_link, body#case_studies_amfceilings a#case_studies_link, body#case_studies_softbitsforsevens a#case_studies_link, body#case_studies_goec a#case_studies_link, body#news a#news_link, body#testimonials a#testimonials_link, body#portfolio a#portfolio_link, body#contact a#contact_link {color:#7ABADB;} body#web_design a#web_design_link, body#ecommerce_websites a#ecommerce_websites_link, body#business_systems a#business_systems_link, body#online_marketing a#online_marketing_link, body#consultancy a#consultancy_link, body#hosting a#hosting_link {color:#FF0000;} body#index a#index_footer_link, body#what_we_do a#what_we_do_footer_link, body#web_design a#what_we_do_footer_link, body#ecommerce_websites a#what_we_do_footer_link, body#business_systems a#what_we_do_footer_link, body#online_marketing a#what_we_do_footer_link, body#consultancy a#what_we_do_footer_link, body#hosting a#what_we_do_footer_link, body#case_studies a#case_studies_footer_link, body#case_studies_lmhb a#case_studies_footer_link, body#case_studies_lovedaisy a#case_studies_footer_link, body#case_studies_topps a#case_studies_footer_link, body#case_studies_amfceilings a#case_studies_footer_link, body#case_studies_softbitsforsevens a#case_studies_footer_link, body#case_studies_goec a#case_studies_footer_link, body#news a#news_footer_link, body#testimonials a#testimonials_footer_link, body#portfolio a#portfolio_footer_link, body#contact a#contact_footer_link {text-decoration:underline;}