/* CSS Document */
/*by Adriana Madrigal 2006*/
html,body,h1,h3,h4,p,span{padding:0; margin:0;}
body{color:#FFFFFF; font:normal normal normal 11px Verdana, Arial, Helvetica, sans-serif; background:#fea201 url('img/bg_gradient_orgn.jpg') repeat-x; text-align:center;}
img{border:0;}
br{line-height:7px;}
h1{ font:normal normal normal 18px Verdana, Arial, Helvetica, sans-serif; } h3{font:normal normal normal 14px Verdana, Arial, Helvetica, sans-serif; }  h4{font:normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;}


#logo{width:215px; height:105px; position:absolute; left:0; top:0; z-index:10;}
#container{width:772px; margin:0 auto; background:transparent url('img/bg_shadow.jpg') repeat; height:auto; display:table;}
#shadow_left{float:left; width:16px; height:474px; background:transparent url('img/bg_shadow_left.jpg') left top no-repeat;}
#shadow_right{width:16px; height:474px; background:transparent url('img/bg_shadow_right.jpg') right top no-repeat; position:absolute; right:-16px; top:0;}
#main{float:left; width:740px; margin:0 0 100px 0; position:relative;}
#hdr{background:transparent url('img/bg_header.gif') repeat-x; width:740px; height:106px; position:relative; }
#hdr_tollfree{background:transparent url('phoneNumberArea.gif') left top no-repeat; width:250px; height:18px; position:absolute; top:7px; right:20px;}
#hdr_operator{background:transparent url('img/operator.gif') left top no-repeat; width:79px; height:72px; position:absolute; top:28px; right:16px;}
#hdr_menu{width:500px; overflow:visible; position:absolute; top:63px; right:100px; text-align:right; color:#fdb332 !important; background-color:#7e6f6b;}
#hdr_menu a{color:#fdb332; padding:0 4px 0 4px; background-color:#7e6f6b;}
#hdr_menu a:hover{color:#ffffff; background-color:#7e6f6b;}
#cols{width:740px; display:table; position:relative; clear:both;}
#col_left{width:180px; float:left; text-align:left;}
#col_left ul{padding:0; margin:20px -1px 0 16px;  list-style: none inside;}
#col_left ul li{font:normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; height:32px; padding:0 0 0 30px;}
#col_left ul li a{color:#FFFFFF; line-height:32px; background-color:#7e6f6b; text-decoration:none; display:block; height:32px;}
#col_left ul li a:hover {color:#fdd76d; background-color:#877b78; height:32px; display:block; text-decoration:none;}
#col_right{width:560px; float:left; text-align:left !important; }
#col_right h3.black{margin:0 0 10px 0;}
#content_title{background-color:#83c7d9; position:relative; height:26px; width:466px; margin:10px 0 20px 2px; color:#ffffff; padding:0 15px 0 77px; line-height:26px;}
#title_ourteam{background:transparent url('img/ico_ourteam.gif') left top no-repeat;}
#title_ourportfolio{background:transparent url('img/title_ico_ourportfolio.gif') left top no-repeat;}
#title_myaccount{background:transparent url('img/title_ico_myaccount.gif') left top no-repeat;}
#title_contactus{background:transparent url('img/title_ico_contactus.gif') left top no-repeat;}
#title_home{color:#b2e2ee;margin:12px 0px 12px 24px;font-weight:bold;font-size:15px;}/*background:transparent url('img/title_ico_home.gif') left top no-repeat;*/
#title_webservices{background:transparent url('img/title_ico_webservices.gif') left top no-repeat;}
#title_webproducts{background:transparent url('img/title_ico_webproducts.gif') left top no-repeat;}
#title_faq{background:transparent url('img/title_ico_faq.gif') left top no-repeat;}
#title_ecommerce{background:transparent url('img/title_ico_ecommerce.gif') left top no-repeat;}
#title_default{background:transparent url('img/title_ico_default.gif') left top no-repeat;}
#gotop{width:515px; height:20px; line-height:20px; text-align:right;}
#footer{float:left; clear:both; background:transparent url('img/bg_bottom_07.jpg') bottom left no-repeat; width:772px; height:41px; position:relative;}
#thawte{width:80px; height:80px; background:transparent url('img/seal_hosting.gif') left top no-repeat; position:absolute; top:-14px; left:16px;}
#footer_menu{background-color:#444444; color:#CCCCCC; font:normal normal normal 10px Verdana, Arial, Helvetica, sans-serif; width:740px; height:75px; position:absolute; top:-75px; left:16px;}
#footer_menu_{width:608px; position:absolute; top:15px; right:16px;}
#footer_valid1{width:56px; height:19px; position:absolute; bottom:15px; right:16px;}
#footer_valid2{width:56px; height:19px; position:absolute; bottom:15px; right:75px;}
.inv{display:none;}
.f10_whi{font:normal normal normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:11px;}
.f10_whi a, .f10_whi a:visited{color:#241e1d; background-color:#7e6f6b; text-decoration:none;} .f10_whi a:hover{text-decoration:underline;}
.f10_whi b{font-weight:600;}
.black{color:#000000 !important; background-color:#7e6f6b;}
.indent75{text-indent:75px;}
.li_blue{color:#b2e2ee; background-color:#695d5a;}
.li_blue_gotop{color:#b2e2ee; background-color:#7e6f6b;}
.footer{color:#beafab; font-size:9px;}
.footer_menu a{color:#FFFFFF; text-decoration:none; background-color:#444444;}
.footer_menu a:hover{color:#FFFFFF; text-decoration:underline; background-color:#444444;}
.floater_left{float:left;}
.ico_home{background:transparent url('img/ico_home.gif') left top no-repeat;}
.ico_products{background:transparent url('img/ico_products_18.gif') left top no-repeat;}
.ico_services{background:transparent url('img/ico_services.gif') left top no-repeat;}
.ico_commerce{background:transparent url('img/ico_commerce.gif') left top no-repeat;}
.ico_team{background:transparent url('img/ico_team_20.gif') left top no-repeat;}
.ico_portfolio{background:transparent url('img/ico_portfolio.gif') left top no-repeat;}
.ico_faq{background:transparent url('img/ico_faq.gif') left top no-repeat;}
.margin2015{margin:0 15px 0 20px;}
.margin2015 a, .margin2015 a:visited{color:#fdb332;  text-decoration:none;} .margin2015 a:hover{text-decoration:underline;} 
.content_title_ico{position:absolute; width:42px; height:45px; left:20px; bottom:4px; z-index:100;}
.otbl{color:#e3dad8; background:#695d5a url('img/bg_c_bl.gif') left bottom no-repeat; float:left; }
.otbr{background:transparent url('img/bg_c_br.gif') right bottom no-repeat;}
.ottl{background:transparent url('img/bg_c_tl.gif') left top no-repeat;}
.ottr{background:transparent url('img/bg_c_tr.gif') right top no-repeat;}
.s40270{width:402px; height:70px; padding:10px;}
.s40270 a, .s40270 a:visited{color:#fdb332;  text-decoration:none;} .s40270 a:hover{text-decoration:underline;}
.s505{width:505px; padding:10px 10px 15px 10px;}
.s515450{width:515px; height:420px;}
.m_r18{float:left; margin:0 18px 0 0;}
.spacer15{font-size:1px; height:15px; clear:both;}
.spacer19{height:19px; clear:both; background:transparent url('img/portfolio_down_arrow.gif') 50% 0 no-repeat; margin-bottom:10px;}

/* Our portfolio */
#tablist{padding:0; margin:0;}
#tablist li{list-style: none; display: inline;  margin:2px 10px 2px 0; padding:0;}
#tablist li a{border-bottom:7px solid #695d5a; padding:0; }
#tablist li a.current{border-bottom:7px solid #504644; color:#514746; background-color:#504644;}
#tabcontentcontainer{width:525px; height:60px;}
.tabcontent{display:none;}
.pwebsite{width:515px; text-align:right; margin-bottom:5px;}
.pwebsite a{color:#312a27; background-color:#7e6f6b;}
.pwebsite_sample{ width:300px; text-align:left;}
/* 207px for client info */
/* 525px colright without margins */

/* Home Banners */
.yellow{color:#ffc000;}
.spacer26h{float:left; width:26px; height:2px;}
/*free domain */
.contop15{margin:15px 0 0 0; clear:both;}
#free_domain{background:transparent url('img/promobox_freedomain.gif') left top no-repeat; width:171px; height:83px; padding:40px 0 0 75px; float:left; position:relative;}
#free_domain img{position:absolute; bottom:5px; right:15px;}
/* web presence special */
#web_presence{background:transparent url('img/promobox_web_presence.gif') left top no-repeat; padding:47px 0 0 58px; width:188px; height:76px; float:left; position:relative;}
#web_presence img{position:absolute; bottom:5px; right:11px;}
#web_presence span{color:#e9f9fd; background-color:#89b9c4; font-weight:bold; position:absolute; left:15px; bottom:7px; }
/*can't beat that */
#cant_beat{background:transparent url('img/promobox_cant_beat.jpg') left top no-repeat; padding:42px 0 0 16px; width:230px; height:81px; float:left; position:relative;}
#cant_beat img{position:absolute; bottom:5px; right:11px;}

/* Table: WebProducts - Gray
.tablsbrown{width:504px; color:#e3dad8; background-color:#695d5a;}
.tablsbrown_top{color:#ffffff; font-size:12px; background:#5b504e url('img/tabstyle0top.jpg') no-repeat top left; height:34px;}
.tablsbrown_topa{width:359px; line-height:34px; padding:0 10px 0 50px; float:left;}
.tablsbrown_topb{width:85px; line-height:34px; text-align:center; float:left;}
.rowb1{background:#695d5a url(img/tabstyle01.gif); width:504px; height:auto;  display:table;}
.rowb2{background:#695d5a url(img/tabstyle02.jpg); width:504px; height:auto;  display:table;}
.rowb1 .row_a, .rowb2 .row_a2{width:390px; padding:3px 12px 3px 0; padding-left:17px; position:relative; float:left;}
.rowb1 .row_b, .rowb2 .row_b2{width:85px; padding:3px 0 3px 0; float:left; text-align:center;}
.tsbrown_pin{position:absolute; background:transparent url('img/tabstyle_pin.gif') no-repeat 0 3px; width:17px; height:11px; top:0; left:0;} 
.tablsbrown_bottom{background:transparent url('img/tabstyle0bottom.gif') no-repeat top left; height:18px;}
.tablsbrown_topa a.white, .tablsbrown_topa a.white:visited{color:#ffffff; text-decoration:underline;} .tablsbrown_topa a.white:hover{color:#83c7d9;}
*/
/******************** TABLES *****************************/
/* Table: WebProducts Teal */
.tablsbrown{width:504px; color:#eaeaea; background-color:#6f8d94;} 
.tablsbrown_top{color:#ffffff; font-size:12px; background:#2e606c url('img/teal_tabstyle0top.jpg') no-repeat top left; height:34px;}
.tablsbrown_topa{width:359px; line-height:34px; padding:0 10px 0 50px; float:left;}
.tablsbrown_topb{width:85px; line-height:34px; text-align:center; float:left;}
.rowb1{background:#6f8d94 url('img/teal_tabstyle01.gif'); }
.rowb2{background:#6f8d94 url('img/teal_tabstyle02.jpg'); }
.rowb1, .rowb2{ width:504px; height:auto; display:table; }
.rowb1 .row_a, .rowb2 .row_a2{width:390px; padding:3px 12px 3px 0; padding-left:17px; position:relative; float:left;}
.rowb1 .row_b, .rowb2 .row_b2{width:85px; padding:3px 0 3px 0; float:left; text-align:center;}
.tsbrown_pin{position:absolute; background:transparent url('img/teal_tabstyle_pin.gif') no-repeat 0 3px; width:17px; height:11px; top:0; left:0;} 
.tablsbrown_bottom{background:transparent url('img/teal_tabstyle0bottom.gif') no-repeat top left; height:18px;}

/* Table: Hosting Rates */
.hrmain{width:504px; color:#eaeaea; background-color:#6f8d94; margin-bottom:10px; clear:both;}
.hrtop{color:#ffffff; font-size:12px; background:#2e606c url('img/ts_top.jpg') no-repeat top left; height:56px;}
.hrt1{width:152px; line-height:41px; text-align:center !important;}
.hrt2{width:74px; padding-top:5px;}
.hrt3{width:60px;}
.hrt4{width:70px;}
.hrt5{width:74px;}
.hrt6{width:74px;}
.hrt3, .hrt4, .hrt5, .hrt6{padding-top: 10px;}
.hrt1, .hrt2, .hrt3, .hrt4, .hrt5, .hrt6{float:left; text-align:center !important;}

.hrrow1{background:#6f8d94 url('img/ts01.gif'); }
.hrrow2{background:#6f8d94 url('img/ts02.jpg'); }
.hrrow1, .hrrow2{width:504px; height:auto; display:table; text-align:center !important;}
.hrr1{width:143px; padding-left:3px; text-align:left !important;}
.hrr2{width:62px;}
.hrr3{width:60px;}
.hrr4{width:58px;}
.hrr5{width:74px;}
.hrr6{width:66px; padding-right:2px;}
.hrr1, .hrr2, .hrr4{padding-right:6px;}
.hrr2, .hrr4, .hrr6{padding-left:6px;}
.hrr1, .hrr2, .hrr3, .hrr4, .hrr5, .hrr6{float:left; padding-top:4px; padding-bottom:4px;}

.hrbottom{background:transparent url('img/ts_bottom.gif') no-repeat top left; height:18px;}

/****** Web Services ***/
img#wpspecial{float:right; margin-right:20px;}
ul#ws_menu{list-style:circle outside url('img/pin.gif'); padding-left:70px; margin:0;}
ul#ws_menu li a, ul#ws_menu li a:visited{color:#ffffff; text-decoration:none;} ul#ws_menu li a:hover{color:#fdd76d;  background-color:#877b78;}
#ws_hosting{background:transparent url('img/ws_hosting.gif') no-repeat left top; }
#ws_programming{background:transparent url('img/ws_programming.gif') no-repeat left top; }
#ws_design{background:transparent url('img/ws_design.gif') no-repeat left top; }
#ws_hosting, #ws_programming, #ws_design{width:504px; height:106px;}
.wspad1{width:350px; padding:10px;} .wspad2{width:340px; padding:10px;}
.ws_ums{float:left; padding:5px 10px;} .ws_rbs{float:left; padding:10px;}


/****************** COMMON STYLES *********************/
.s1{color:#fecb01; font-size:10px; line-height:9px;}
.fea201{color:#ff9600;}
a.white, a.white:visited{color:#ffffff; text-decoration:underline;} a.white:hover{color:#bce1eb;}



/*Invoices*/
.invMoney{text-align:right;}
.smallInvPrint{font-weight:bold;font-size:9px;}