/*---------------------GENERIC---------------------*/
html, body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:80%;} 
#pagewidth{width:955px;} 
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
.pink_titles{color:#EC008C; font-size:1.3em;}
.pink_subtitles{color:#EC008C; font-size:1.1em;}
hr{display:none;}
form{margin:0px;}
.clr{clear:both; line-height:1.3em}
a{color:#0000FF; text-decoration:none;}
a:visited{color:#0000FF; text-decoration:none;}
a:hover{color:#EC008C; text-decoration:underline;}

.errors{color:#EC008C; font-style:italic;}

/*---------------------HEADER---------------------*/
#header{position:relative; height:150px; background:url(images/header_bg.gif) repeat-x; width:100%;}

#header_logo a{text-indent:-6000px; background:url(images/header_logo.gif) no-repeat left top; width:270px; height:105px; display:block; float:left;}

#header_right{width:680px; height:105px; float:right; text-align:right;}
#header_tab_holder{color:#FFFFFF; font-size:12px; font-weight:bold; width:130px; height:20px; background:url(images/header_tab_bg.gif) no-repeat left top; float:right; text-align:center; margin-bottom:10px;}
#header_tab_holder a{color:#FFFFFF; text-decoration:none;}
#header_tab_holder a:hover{color:#FFFFFF; text-decoration:underline;}
html>body #header_right{margin-top:11px}

#header_telephone{width:100%; font-size:36px; font-weight:500; color:#0699D1; margin-top:20px}
#header_email{width:100%;float:right; font-weight:300; font-size:15px;}
#header_email a{color:#0699D1; text-decoration:none;}
#header_email a:hover{color:#EC008C; text-decoration:underline;}

/*---------------------NAV---------------------*/
#nav{color:#EC008C; width:955px; height:25px; padding:0; margin:0 0 0 0px;  float:left}
html>body #nav{margin-bottom:10px}
#nav ul li{float:left; list-style:none; padding:0 1px 0 0; margin:0 0 0 0; text-align:center}
#nav ul li a{display:block; width:90px; height:23px; float:left; font-size:12px; color:#EC008C; font-weight:bold; text-decoration:none; padding-top:2px;}
#nav ul li a:hover{background:url(images/nav_on.gif) no-repeat; color:#FFFFFF;}
#nav h3{display:none;}
#nav_bar{width:955px; height:20px; background:url(images/header_pink_bar.gif) repeat-x; float:left}
#nav img{float:right}

body#home #nav ul li a#home,
body#about #nav ul li a#about,
body#services #nav ul li a#services,
body#portfolio #nav ul li a#portfolio,
body#articles #nav ul li a#articles,
body#quote #nav ul li a#quote,
body#careers #nav ul li a#careers,
body#contact #nav ul li a#contact{background:url(images/nav_on.gif) no-repeat; color:#FFFFFF}

#sub_nav_holder{width:200px; background:url(images/sub_nav_bg.gif) repeat-y; margin:10px 0 10px 0;}
#sub_nav_holder ol{list-style:none; padding:0 0 0 0; margin:0 0 0 0;}
#sub_nav_holder li{color:#EC008C; font-size:12px; padding:0 0 2px 0; margin:0 0 0 0; }
#sub_nav_holder li a{color:#EC008C; width:170px; display:block; text-decoration:none; font-weight:bold; padding:0 15px 5px 15px;}
#sub_nav_holder li a:hover{color:#EC008C; text-decoration:none; font-weight:bold; background:url(images/sub_nav_on.gif) repeat-y left center;}
#sub_nav_holder #first{background:url(images/sub_nav_top.gif) no-repeat left top; padding:15px 0 3px 0;}
#sub_nav_holder #last{background:url(images/sub_nav_bottom.gif) no-repeat left bottom; padding:0 0 15px 0;}

/*---------------------LEFTCOL---------------------*/
#leftcol{width:200px; float:left; position:relative;}

/*---------------------TWOCOLS---------------------*/
#twocols{width:755px; float:right; position:relative;}

/*---------------------RIGHTCOL---------------------*/
#rightcol{width:235px; float:right; position:relative;}

/*---------------------LATEST ARTICLES---------------------*/
#latest_article_holder{width:235px; background:url(images/article_feature_bg.gif) repeat-y; margin:10px 0 10px 0; font-size:1.2em; color:#0686B7;}
#latest_article_holder h3{background:url(images/article_feature_top.gif) no-repeat left top; padding:15px 0 3px 0; text-indent:-7000px;}
#article_title{padding:0 15px 0 15px;}
p#article_link{text-align:left; font-weight:bold; color:#EC008C; background:url(images/article_feature_bottom.gif) no-repeat left bottom; padding:0 15px 15px 15px;}
p#article_link a{color:#EC008C; text-decoration:none;}
p#article_link a:hover{color:#EC008C; text-decoration:underline;}
#latest_article_holder a{color:#0686B7; text-decoration:none;}
#latest_article_holder a:hover{color:#EC008C; text-decoration:none;}
.article_copy{font-size:12px; color:#EC008C; font-weight:bold; border-top:1px solid #EC008C; text-align:center; padding:5px 0 0 0;}
#sub_articles_holder{width:235px; background:url(images/article_latest_bg.gif) repeat-y; margin:10px 0 10px 0;}
#sub_articles_holder ol{list-style:none; padding:0 0 0 0; margin:0 0 0 0;}
#sub_articles_holder li{color:#EC008C; font-size:12px; padding:0 0 2px 0; margin:0 0 0 0; }
#sub_articles_holder li a{color:#EC008C; width:200px; display:block; text-decoration:none; font-weight:bold; padding:0 15px 5px 15px;}
#sub_articles_holder li a:hover{color:#EC008C; text-decoration:none; font-weight:bold; background:url(images/article_latest_on.gif) repeat-y left center;}
#sub_articles_holder #sub_articles_first{background:url(images/article_latest_top.gif) no-repeat left top; padding:45px 0 3px 0;}
#sub_articles_holder #sub_articles_last{background:url(images/article_latest_bottom.gif) no-repeat left bottom; padding:0 0 15px 0;}

#quotebox h3 a{text-indent:-6000px; background:url(images/quote_feature.gif) no-repeat left top; width:200px; height:180px; display:block; overflow:hidden;}

/*---------------------LATEST CLIENT---------------------*/
#latest_client_holder{width:235px; background:url(images/client_feature_bg.gif) repeat-y; margin:10px 0 10px 0; font-size:1.2em; color:#0686B7;}
#latest_client_holder h3{background:url(images/client_feature_top.gif) no-repeat left top; padding:15px 0 3px 0; text-indent:-7000px;}
#client_title{padding:0 15px 0 15px;}
p#client_link{font-weight:bold; color:#EC008C; background:url(images/client_feature_bottom.gif) no-repeat left bottom; padding:0 15px 15px 15px;}
p#client_link a{color:#EC008C; text-decoration:none;}
p#client_link a:hover{color:#EC008C; text-decoration:underline;}
#latest_client_holder a{color:#0686B7; text-decoration:none;}
#latest_client_holder a:hover{color:#EC008C; text-decoration:none;}
#latest_client_image{width:190px; height:152px; margin:0 0 20px 24px; border:1px solid #A7A7A7;}

/*---------------------MAINCOL---------------------*/
#maincol{float:left; display:inline; position:relative; width:520px;}
* html #maincol{padding:10px 0 0 0;}
#main_body_last h1{font-size:1.6em}
#main_body{width:510px; background:url(images/main_body_bg.gif) repeat-y; margin:0 0 20px 8px;}
#main_body h3{padding:0 0 0 0; height:35px; text-indent:-6000px; display:block;}
#main_body_last{background:url(images/main_body_bottom.gif) no-repeat left bottom; padding:0 200px 25px 25px; min-height:297px; font-size:1.3em;}
#main_null_last{background:url(images/main_body_bottom.gif) no-repeat left bottom; padding:0 25px 25px 25px; min-height:297px; font-size:1.3em;}
#main_map_last{background:url(images/main_body_bottom.gif) no-repeat left bottom; padding:0 25px 25px 25px; min-height:297px; font-size:1.3em;}
* html #main_body_last{height:294px;}
* html #main_null_last{height:294px;}
#main_body_image{width:180px; height:320px; position:absolute; left:338px; top:10px;}
html>body #main_body_image{top:11px;}

#maincol_portfolio{float:right; display:inline; position:relative; width:755px;}
* html #maincol_portfolio{padding:10px 0 0 0;}

#main_portfolio{width:740px; background:url(images/portfolio_bg.gif) repeat-y; margin:0 0 15px 8px;}
#portfolio_null_last{background:url(images/portfolio_bottom.gif) no-repeat left bottom; padding:0 0px 55px 65px; min-height:297px; font-size:1.3em;}
* html #portfolio_null_last{height:294px;}
#portfolio_corner{width:180px; height:40px; position:absolute; left:578px; top:10px;}
html>body #portfolio_corner{top:11px;}

.portfolio_box{float:left; width:190px; margin:0 20px 20px 0;}
.portfolio_box_image{width:190px; height:152px; border:1px solid #A7A7A7;}
.portfolio_box_text{font-size:12px; font-weight:bold; color:#EC008C; padding-top:5px;}
.portfolio_box_text a{color:#EC008C; text-decoration:none;}
.portfolio_box_text a:visited{color:#EC008C; text-decoration:none;}
.portfolio_box_text a:hover{color:#EC008C; text-decoration:underline;}

#testimonial_title h3{color:#EC008C; padding:0; margin:0; font-size:1.3em; margin-bottom:10px;}
#testimonial_title h3 a{color:#EC008C; text-decoration:none;}
#testimonial_title h3 a:hover{color:#EC008C; text-decoration:underline;}
#testimonial_image{width:295px; height:255px; float:left; border:1px solid #A7A7A7;}
#testimonial_details{display:inline; float:left; margin:0 5px 5px 10px; width:320px;}
#testimonial_full{float:left; width:95%;}

#main_title_about{background:url(images/main_title_about.gif) no-repeat left top;}
#main_title_articles{background:url(images/main_title_articles.gif) no-repeat left top;}
#main_title_careers{background:url(images/main_title_careers.gif) no-repeat left top;}
#main_title_consult{background:url(images/main_title_consult.gif) no-repeat left top;}
#main_title_contact{background:url(images/main_title_contact.gif) no-repeat left top;}
#main_title_design{background:url(images/main_title_design.gif) no-repeat left top;}
#main_title_develop{background:url(images/main_title_develop.gif) no-repeat left top;}
#main_title_domain{background:url(images/main_title_domain.gif) no-repeat left top;}
#main_title_hosting{background:url(images/main_title_hosting.gif) no-repeat left top;}
#main_title_portfolio{background:url(images/main_title_portfolio.gif) no-repeat left top; padding:0 0 0 0; height:35px; text-indent:-6000px; display:block;}
#main_title_promo{background:url(images/main_title_promo.gif) no-repeat left top;}
#main_title_quote{background:url(images/main_title_quote.gif) no-repeat left top;}
#main_title_seo{background:url(images/main_title_seo.gif) no-repeat left top;}
#main_title_services{background:url(images/main_title_services.gif) no-repeat left top;}
#main_title_sitemap{background:url(images/main_title_sitemap.gif) no-repeat left top;}
#main_title_testimonial h3{background:url(images/main_title_testimonial.gif) no-repeat left top; padding:0 0 0 0; height:35px; text-indent:-6000px; display:block;}
#main_title_welcome{background:url(images/main_title_welcome.gif) no-repeat left top;}


/*----PAYMENT--------------------------------*/
#module_mailing{width:100%; padding:0;}
form.mailing {width:500px; margin:0 0 50px 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:#666; 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.2em}
input{color:#636363}
textarea{ color:#636363;}
body#payment p{font-size:1.2em}
/*---------------------FOOTER---------------------*/
#footer{color:#FFFFFF; font-size:11px; text-align:center; height:20px; padding:10px 0 0 0; background:url(images/footer_bg.gif) repeat-x left top #EC008C; clear:both;}
#footer a{color:#FFFFFF; text-decoration:underline;}
#footer a:hover{color:#FFFFFF; text-decoration:none;}

/*---------------------PAYMENT---------------------*/
table.payment tr { font-size:1.2em}
/*---------------------THANKS---------------------*/
.thanks h3{margin:100px 0 0 120px }

#contact_corner{width:180px; height:40px; position:absolute; left:338px; top:10px;}
html>body #contact_corner{top:11px;}