html, body{margin:0; padding:0; text-align:center; font-size:80%; font-family:Arial, Helvetica, sans-serif; color:#424242; background-color:#FFF}
#pagewidth{ width:760px; text-align:left; margin-left:auto; margin-right:auto;}
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
#rightcol{margin-top:0}
#leftcol{width:560px; float:left; height:auto !important; height:550px; min-height:550px; border-right:1px solid #E2E2E2;}
#leftcol_inner{width:534px; margin:0 auto;}
#maincol{float:left; display:inline; position: relative; width:760px; margin:0; height:auto !important; height:550px; min-height:550px; margin-bottom:50px}
.clr{clear:both;}
p, ul.list li{color:#636363; font-size:1.2em; line-height:1.7em; word-spacing:0.1em; margin-right:20px}
p a{color:#D010AE; text-decoration:none}
p a:hover{background-color:#D010AE; color:#FFF}
a{outline:0}
h1,h2, h3{color:#353535; padding:0; margin:0;}
h1{font-size:2.0em;}
h2{font-size:1.7em; margin-bottom:-15px}
h2.client{margin-bottom:10px}
h3{font-size:1.6em; margin-bottom:-15px}
html>body h3{ margin-bottom:-10px}
html>body h2{ margin-bottom:-10px}
a img {border:none}
strong{color:#333}
#bread{color:#D010AE; font-size:1.1em; margin-bottom:10px; width:100%}
#bread a{color:#D010AE; text-decoration:none}
#bread a:hover{background-color:#D010AE; color:#FFF}
img.button_enquiry{margin-bottom:30px}
/*----HEADER--------------------------------*/
#header{position:relative; height:83px; width:760px; margin-bottom:40px}
#logo{float:left; margin:17px 0 0 0; padding:0; font-size:55px;}
#logo a{text-decoration:none; font-weight:bold; letter-spacing:-4px; color:#1F8DEA; margin-left:9px; padding:0;}
span.light{font-weight:500}
ul#header_contact{float:right; margin:25px 3px 0 0 }
ul#header_contact li{text-align:right; list-style:none; color:#1F8DEA}
ul#header_contact li#tel{font-size:2.3em; font-weight:bold; margin-bottom:3px}
ul#header_contact li#email{font-size:1.4em; font-weight:bold}
ul#header_contact li#email a{color:#1F8DEA; text-decoration:none}
ul#header_contact li#email a:hover{background-color:#1F8DEA; color:#FFF}
/*----NAV--------------------------------*/
#nav_bg{width:100%; background-color:#353535; height:30px}
ul#nav{width:760px; margin:0; padding:0; list-style:none; margin:0 auto;}
ul#nav li{float:left; font-size:12px; margin:7px 0 0 0; padding:0; color:#FFF}
ul#nav li.home{padding-left:13px}
ul#nav li.padding{padding-left:25px}
ul#nav li.manc{padding-left:203px}
ul#nav li.manc strong{color:#FFF}
ul#nav li a{text-decoration:none; color:#FFF}
ul#nav li a:hover{text-decoration:none; color:#1F8DEA}
/*----INDEX PAGE------------------------------*/
ul.index_services{padding:0; margin:10px 0 14px 0 ; list-style:none; float:left}
html>body ul.index_services{margin-top:0px}
ul.index_services li img{border:none; margin:-10px 0 0 0px}
html>body ul.index_services li img{ margin-top:-6px}
ul.index_services li p a{color:#D010AE; text-decoration:none}
ul.index_services li p a:hover{background-color:#D010AE; color:#FFF}
ul.index_services li h2{margin-bottom:1px}
html>body ul.index_services li h2{margin:20px 0 -10px 0;}
/*----INDEX PAGE RIGHT COL------------------------------*/
ul#access_info{padding:0 3px 10px 10px; margin:4px 0 0 0; list-style:none; float:left}
ul#access_info li{margin:0; padding:0; float:left;}
ul#access_info li a{font-size:1.1em; color:#1F8DEA; text-decoration:none; }
ul#access_info li a:hover{text-decoration:underline}
ul#access_info li.access{padding:4px 10px 0 0; border-right:1px solid #1F8DEA; font-size:10px;}
ul#access_info li.size{color:#1F8DEA; font-size:11px; padding-top:4px; margin-left:11px}
ul#access_info li.letter_s,ul#access_info li.letter_m, ul#access_info li.letter_l{color:#1F8DEA; cursor:pointer; font-weight:bold; height:20px; text-align:center; margin-left:5px;}
ul#access_info li.letter_s{font-size:11px; padding-top:4px}
ul#access_info li.letter_m{font-size:14px; padding-top:2px}
ul#access_info li.letter_l{font-size:16px;}
ul#access_list{padding:0; margin:0 0 0 15px; list-style:none; color:#636363; font-size:1.2em; font-weight:bold}
ul#access_list li{line-height:1.5em}
span.font:hover{cursor:pointer; text-decoration: underline; color: blue;}
ul#access_browser{padding:0; margin:0; list-style:none}
ul#access_browser li{float:left}
ul#access_browser li.right{float:left; display:block}
ul.index_work, ul#index_articles{margin:0 0 18px 0 ; padding:0; list-style:none; float:right; width:190px;}
html>body ul#index_work{margin-top:-11px}
ul#index_articles li h3{font-size:1.4em; font-weight:bold; color:#353535; margin-bottom:0px}
ul.index_articles li.title{border-bottom:none}
ul.index_work li img{ padding:3px; border:1px solid #BEBEBE;}
ul.index_work li.title{font-size:1.1em; margin:3px 0}
ul.index_work li.title a{color:#1F8DEA; text-decoration:none}
ul.index_work li.title a:hover{text-decoration:underline}
ul.index_work li.text, ul#index_articles li.text{font-size:1.1em; color:#636363; padding-left:1px}
ul#index_articles li{margin:8px 0; line-height:1.0em; border-bottom:1px solid #E2E2E2; padding-bottom:6px}
ul#index_articles li a{color:#1F8DEA; text-decoration:none; }
ul#index_articles li a:hover{text-decoration:underline}
#index_latest_title{ width:180px; float:left; margin-bottom:3px; padding-left:8px}
#index_latest_title h3{margin-bottom:5px}
#test_name{font-size:1.1em; color:#636363}
ul.index_work li.text_quote{font-size:1.1em; color:#636363; padding-left:1px;}
#enquiry_banner{float:right; width:186px; height:100px; margin:0 2px 15px 0}
html>body #enquiry_banner{margin-right:4px}
#credit_cards{margin:0 5px 10px 10px; float:left; display:inline}
/*----SERVICES------------------------------*/
ul#services_nav{padding:0 0 25px 0; margin:10px 0 0 0; list-style:none; width:100%}
html>body ul#services_nav{padding-bottom:70px}
ul#services_nav li{float:left; font-size:12px; border-right:1px solid #D010AE; width:100%; margin-bottom:5px}
ul#services_nav li.design{width:75px;}
ul#services_nav li.dev{width:108px; padding-left:9px}
ul#services_nav li.consult{width:100px; padding-left:9px}
ul#services_nav li.promo{width:102px; padding-left:9px}
ul#services_nav li.seo{width:202px}
ul#services_nav li.hosting{width:78px; padding-left:9px}
ul#services_nav li.domain{width:174px; padding-left:9px; border-right:none}
ul#services_nav li a{color:#D010AE; text-decoration:none; padding:0 1px}
ul#services_nav li a:hover{background-color:#D010AE; color:#FFF}
ul#web_promo li{font-size:1.3em; color:#636363}
body#service_web_design ul#services_nav li.design a,
body#service_web_dev ul#services_nav li.dev a,
body#service_web_consult ul#services_nav li.consult a,
body#service_web_promo ul#services_nav li.promo a,
body#service_seo ul#services_nav li.seo a,
body#service_hosting ul#services_nav li.hosting a,
body#service_domain ul#services_nav li.domain a{background-color:#D010AE; color:#FFF}
/*----CLIENTS------------------------------*/
.client_container{width:525px; margin:20px 0 0px 0; border-bottom:1px solid #E2E2E2; float:left; padding-bottom:15px}
html>body .client_container{padding-bottom:20px}
div.image{float:left}
div.image img{float:left; border:1px solid #BEBEBE; padding:3px}
ul.client{padding:0; margin:0 0 0 10px; list-style:none; float:right; width:320px}
ul.client li{margin:5px 0}
ul.client li a{font-size:1.2em; color:#D010AE; text-decoration:none; padding:0 1px}
ul.client li a:hover{background-color:#D010AE; color:#FFF}
ul.client li.title h2{font-size:1.5em; margin:-5px 0 5px 0}
#client_next{color:#D010AE; margin-top:10px}
#client_next a{font-size:1.2em; color:#D010AE; text-decoration:none; padding:0 1px}
#client_next a:hover{background-color:#D010AE; color:#FFF}
#client_detail_container{width:525px; margin:20px 0 0px 0; float:left; padding-bottom:15px}
img.detail{float:right; border:1px solid #BEBEBE; padding:3px; margin:0 0 8px 12px}
h2 a{color:#1F8DEA; font-size:0.6em; text-decoration:none}
h2 a:hover{background-color:#1F8DEA; color:#FFF; font-size:0.6em; text-decoration:none}
/*----ARTICLES--------------------------------*/
ul.article{margin:15px 0; padding-left:0; list-style:none}
ul.article li.article_snippet{color:#636363; font-size:1.2em; line-height:1.9em; word-spacing:0.1em}
ul.article li.title{margin:4px 0 0 0}
ul.article li.title a{font-size:1.5em; font-weight:bold; color:#1F8DEA; text-decoration:none;}
ul.article li.title a:hover{background-color:#1F8DEA; color:#FFF; text-decoration:none}
ul.article li.cat{color:#1F8DEA}
ul.article li.cat a{color:#1F8DEA; text-decoration:none}
ul.article li.cat a:hover{background-color:#1F8DEA; color:#FFF}
ul#topic_articles{margin:-5px 0 25px 0 ; padding:0; list-style:none; float:right; width:190px;}
html>body ul#topic_articles{margin-top:-8px}
ul#topic_articles li{margin:8px 0; line-height:1.0em}
ul#topic_articles li a{color:#1F8DEA; text-decoration:none}
ul#topic_articles li a:hover{text-decoration:underline}
ul#topic_articles li h3{font-size:1.4em; font-weight:bold; color:#353535; margin-bottom:10px}
ul#topic_articles li.text{font-size:1.1em; color:#636363; padding-left:1px}
/*----PAYMENT--------------------------------*/
table.payment tr { font-size:1.2em}
/*----MAILING--------------------------------*/
#module_mailing{width:100%; padding:0;}
form.mailing {width:500px; margin:0;}
form.mailing p{width:100%; padding:10px 0 10px 10px; margin:0;}
form.mailing p label{width:100px; float:left; display:inline; text-align:right; color:#353535; font-weight:bold; padding-right:4px}
form.mailing p.no_border{border:none;}
form.mailing p.no_border_bottom{border-bottom:none}
form.mailing p.no_border_top{border-top:none}
form.mailing input, form.mailing select, form.mailing textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.0em}
form.mailing fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing legend{display:none}
.button_submit{margin:0 0 15px 110px; font-size:1.3em}
input{color:#636363}
textarea{ color:#636363;}
/*----CONTACT--------------------------------*/
body#contact #leftcol{width:750px; border-right:none}
.contact_form_container{ width:445px; float:left; }
ul#contact{padding:0 0 15px 0; margin:20px 0 0px 0; list-style:none; float:right; }
ul#contact li{font-size:1.2em}
ul#contact li.address_bold{font-weight:bold}
ul#contact li.tel{margin-top:12px; font-weight:bold}
ul#contact li.fax{font-weight:bold}
ul#contact li.email{margin-top:12px; font-weight:bold}
ul#contact li.email a{color:#1F8DEA; text-decoration:none; font-weight:500}
ul#contact li.email a:hover{background-color:#1F8DEA; color:#FFF}
/*----SITEMAP--------------------------------*/
ul#sitemap{margin:15px 0 0 25px; padding:0; list-style:none}
ul#sitemap li{font-size:1.3em; margin:5px 0; color:#1F8DEA}
ul#sitemap li a{color:#1F8DEA; text-decoration:none}
ul#sitemap li a:hover{background-color:#1F8DEA; color:#FFF; text-decoration:none}
ul.sitemap_inner li{list-style:none; }
ul.sitemap_inner li a{font-size:0.7em}
#captcha_container {width:300px; margin-left:110px}
/*----FOOTER--------------------------------*/
#footer{height:40px; width:100%; clear:both; text-align:center; background-color:#F1F1F1}
#footer_text{font-size:1.2em; color:#636363; padding-top:6px}
#footer_text a{color:#636363; text-decoration:none}
#footer_text a:hover{text-decoration:underline}
/*-----ERRORS-------------------------------*/
li.errors{font-size:12px;margin-left:12px; color:#FF0000; font-weight:bold;}