html, body{margin:0; padding:0; text-align:center; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#E6E6E6; background-color:#242F36}
#pagewidth{ width:733px; text-align:left; margin-left:auto; margin-right:auto;}
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
#rightcol{margin-top:0; width:173px; float:right}
#leftcol{width:560px; float:left; height:auto !important; height:600px; min-height:600px;}
#leftcol_inner{width:535px;}
#maincol{float:left; display:inline; position: relative; width:733px; margin:0; height:auto !important; height:600px; min-height:600px; margin-bottom:50px}
.clr{clear:both;}
p, li{font-size:1.1em; line-height:1.5em; word-spacing:0.1em; color:#E6E6E6}
p span.blue{color:#6ACBF8}
#bread{font-size:1.0em; width:740px}
h1,h2, h3{color:#6ACBF8; padding:0; margin:0; font-weight:normal;}
h1{font-size:2.2em; margin-bottom:14px}
h1.client{margin-bottom:1px}
h2{font-size:1.8em;}
h2.client{margin-bottom:20px}
h3{font-size:1.3em; font-weight:bold; margin:20px 0 10px 0}
a img {border:none}
a{color:#FAF101; text-decoration:none}
a:hover{text-decoration:underline}
.divide{height:4px; background-color:#ddd; font-size:0; width:100%; margin-bottom:-10px; clear:left}
li p{font-size:1.0em}
p a{color:#FAF101}
p a:hover{text-decoration:underline}
p strong{font-size:1.0em; color:#6ACBF8;}
#path{color:#FAF101; font-size:1.1em; margin-bottom:10px; width:100%}
#path a{color:#FAF101; text-decoration:none}
#path a:hover{text-decoration:underline;}
div.button_enquiry{margin:25px 0 35px 0}
/*----NAV--------------------------------*/
#nav_bg{width:100%; background-color:#1F2B33; height:35px; border-bottom:1px solid #2E414F; margin-bottom:25px }
ul#nav{width:733px; margin:0; padding:3px 0 0 0; list-style:none; margin:0 auto;}
ul#nav li{float:right; font-size:11px; margin:7px 0 0 0; padding:0 0 0 25px; color:#E6E6E6}
ul#nav li.padding{padding-left:25px}
ul#nav li a{text-decoration:none; color:#E6E6E6}
ul#nav li a:hover{text-decoration:none; color:#6ACBF8}
ul#nav li#logo{float:left; width:97px; height:26px; text-indent:-6000px; margin:2px 0 0 0; padding:0; background-image:url(images/logo.gif)}
ul#nav li#logo a{height:26px; width:100%; display:block; overflow:hidden;}
/*----INDEX PAGE------------------------------*/
#banner_index_container{width:733px; height:180px; background-image:url(images/banner_index.jpg); margin-bottom:25px}
#banner_index_text{float:left; width:400px; margin:23px 0 0 12px}
#banner_index_text h1{font-family:Georgia, "Times New Roman", Times, serif; color:#FAF101; font-size:2.4em; font-weight:normal}
ul li h2 {font-size:1.6em}
ul li h2 a{color:#FAF101}
ul li h2 a:hover{text-decoration:underline; background-color:#242F36; color:#FAF101}
/*----INDEX PAGE RIGHT COL------------------------------*/
ul#access_info{padding:0 3px 10px 0; margin:4px 0 18px 0; list-style:none; float:left; display:block}
ul#access_info li{margin:0; padding:0; float:left;}
ul#access_info li a{font-size:1.1em; color:#E6E6E6; text-decoration:none; }
ul#access_info li a:hover{text-decoration:underline}
ul#access_info li.access{padding:4px 2px 0 2px; border-right:1px solid #E6E6E6; font-size:10px;}
ul#access_info li.text{padding:4px 3px 0 0; border-right:1px solid #E6E6E6; font-size:10px;}
ul#access_info li.letter_s,ul#access_info li.letter_m, ul#access_info li.letter_l{color:#E6E6E6; cursor:pointer; font-weight:bold; height:20px; text-align:center; margin-left:3px;}
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}
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, ul#latest_projects{margin:0; padding:0; list-style:none; float:right; width:173px;}
ul#index_articles li h3{font-size:1.4em; font-weight:bold; color:#353535;}
ul#index_articles li h3{margin-bottom:2px}
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:0 0 15px 0}
ul.index_work li.title a{color:#E6E6E6; text-decoration:none}
ul.index_work li.title a:hover{text-decoration:underline}
ul.index_work li.text, ul#index_articles li{font-size:1.1em; color:#E6E6E6; padding-left:1px}
ul#index_articles li{margin:8px 0; line-height:1.3em; border-bottom:1px solid #DDD; padding-bottom:6px}
ul#index_articles li a{color:#E6E6E6; text-decoration:none; }
ul#index_articles li a:hover{text-decoration:underline;}
#test_name{font-size:1.1em; color:#636363}
ul#index_work li#text_quote{font-size:1.1em; color:#636363; padding-left:1px; font-style:italic}
#enquiry_banner{float:right; width:186px; height:100px; text-indent:-7000px; margin:0 2px 35px 0}
html>body #enquiry_banner{margin-right:4px}
#enquiry_banner a{height:100px; width:100%; display:block; overflow:hidden; background-image:url(images/banner_enquiry_off.gif)}
#enquiry_banner a:hover{background-image:url(images/banner_enquiry_on.gif)}
ul#right_contact{margin:5px 0 25px 0; padding:0; list-style:none; }
ul#right_contact li{font-weight:bold; color:#FAF101;}
ul#right_contact li a{color:#FAF101; text-decoration:none}
ul#right_contact li a:hover{text-decoration:underline}
img.cards{margin-bottom:10px}
/*----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:#E6E6E6}
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:#E6E6E6}
/*----CLIENTS------------------------------*/
.client_container{width:525px; margin:20px 0 0px 0; border-bottom:1px solid #DDD; float:left; padding-bottom:15px}
html>body .client_container{padding-bottom:20px}
body#client_detail #leftcol_inner img{float:right; margin:0 0 15px 15px}
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{color:#FAF101; text-decoration:none}
ul.client li a:hover{text-decoration:underline}
ul.client li.title h2{font-size:1.2em; margin:-5px 0 5px 0; font-weight:bold}
ul.client li.text{font-size:1.1em;}
#client_next{color:#FAF101; margin-top:10px}
#client_next a{font-size:1.1em; color:#FAF101; text-decoration:none; padding:0 1px}
#client_next a:hover{text-decoration:underline;}
#client_detail_container{width:525px; margin:20px 0 0px 0; float:left; padding-bottom:15px}
img.detail{float:left; border:1px solid #BEBEBE; padding:3px; margin:0 16px 8px 0px}
h2 a{color:#6ACBF8; font-size:0.6em; text-decoration:none}
h2 a:hover{background-color:#6ACBF8; color:#E6E6E6; font-size:0.6em; text-decoration:none}
/*----ARTICLES--------------------------------*/
ul.article{margin:10px 0 15px 0; padding-left:0; list-style:none}
ul.article li.article_snippet{font-size:1.1em; line-height:1.5em}
ul.article li.title{margin:4px 0 0 0}
ul.article li.title a{font-size:1.1em; text-decoration:none; color:#FAF101}
ul.article li.title a:hover{text-decoration:underline}
ul.article li.cat{color:#E6E6E6}
ul.article li.cat a{color:#E6E6E6; text-decoration:none}
ul.article li.cat a:hover{text-decoration:underline}
ul#topic_articles{margin:0 0 25px 0; padding:0; list-style:none; float:right; width:170px;}
ul#topic_articles li{margin:8px 0; line-height:1.0em}
ul#topic_articles li a{color:#E6E6E6; 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{font-size:1.1em; color:#E6E6E6;}
ul#latest_projects li{margin-bottom:10px}
ul#latest_projects li a{color:#FFF; }
ul#article_projects{padding:0; margin:10px 0 0 0; list-style:none}
ul#article_projects li{float:left; width:160px; height:200px; margin-right:10px}
ul#article_projects li img{border:1px solid #fff}
/*----CAREERS--------------------------------*/
ul.career{padding:0; margin:25px 0 0 0; font-size:1.2em; list-style:none; color:#636363}
ul.career li.title h2{font-size:1.2em; font-weight:bold; color:#353535}
ul.career li.text{line-height:1.9em}
#careers_contact{font-size:1.2em; color:#636363; margin-top:25px}
#careers_contact a{color:#1F8DEA; text-decoration:none}
#careers_contact a:hover{background-color:#1F8DEA; color:#E6E6E6}
/*----MAILING--------------------------------*/
#module_mailing{width:100%; padding:0; }
form.mailing {width:480px; margin:0; border:6px solid #2e414f; padding:1px}
form.mailing p{width:100%; padding:10px 0; margin:0; background-color:#465967; border-bottom:1px solid #000}
form.mailing p.button_submit{margin-left:103px}
form.mailing p label{width:90px; float:left; display:inline; text-align:right; color:#E6E6E6; 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:Verdana, Arial, Helvetica, sans-serif; color:#242F36; font-size:1.0em; border-left:2px solid #2d3c47; border-top:2px solid #2d3c47; border-right:1px solid #3a4c59; border-bottom:1px solid #3a4c59; padding:2px}
form.mailing fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing legend{display:none}
span.button_submit{margin:0 0 15px 94px; border-bottom:none}
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.1em; width:240px}
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:#FAF101; text-decoration:none; font-weight:500}
ul#contact li.email a:hover{text-decoration:underline;}
sup{color:#FF0000}
/*----FOOTER--------------------------------*/
#footer{height:35px; width:100%; clear:both; text-align:center; background-color:#1F2B33; border-top:1px solid #2E414F}
#footer_text{padding-top:9px}
#footer_text a{color:#E6E6E6; text-decoration:none}
#footer_text a:hover{text-decoration:underline}
/*------ERROR-----------------------------------*/
p.error{color:#FF0000}
/*----SITEMAP--------------------------------*/
ul#sitemap{margin:15px 0 0 25px; padding:0; list-style:none}
ul#sitemap li{font-size:1.4em; margin:5px 0; color:#E6E6E6}
ul#sitemap li a{color:#E6E6E6; text-decoration:none}
ul#sitemap li a:hover{color:#FAF101; text-decoration:none}
ul.sitemap_inner li{list-style:none; }
ul.sitemap_inner li a{font-size:0.6em}