@charset "utf-8";
/* created by: The Clarus Company © 2009 All Rights Reserved 2008 */

/*article links*/
.g_article_link{ height:30px; padding:10px; width:650px; margin-left:221px; margin-bottom:10px; background:#eee url(images/g_related_bg.gif) repeat-x; border-bottom:#333 solid 1px; position:relative;}
.g_article_link a, .g_article_link a.firstlink{font-weight:bold;}
.g_article_link a.firstlink{color:darkblue; text-decoration:none;}
.g_article_link img{ position:relative; left:-11px; top:0px; float:left; display:inline; margin-top:-10px;}
/*web links*/
.g_link_link{ height:30px; padding:10px; padding-left:20px; margin-left:-10px; width:650px; margin-bottom:10px; background:#eee url(images/g_related_bg.gif) repeat-x; border-bottom:#333 solid 1px; position:relative; clear:left;}
.g_link_link a, .g_link_link a.firstlink{font-weight:bold;}
.g_link_link a.firstlink{color:darkblue; text-decoration:none;}
.g_link_link img{ position:relative; right:-11px; top:0px; float:right; display:inline; margin-top:-10px;}

/* unused */
.g_section{border:#333 solid 1px; margin:0px; margin-top:50px; padding:10px; padding-bottom:0px; padding-top:0px; background:#ccc url(images/bg_g_section.gif) repeat-x; position:relative;}
.g_section img.crnr{position:absolute; top:-11px; right:-11px;}
.g_section .g_sectionTab{position:absolute; margin:0px; padding:15px; height:10px; padding-top:15px; top:-40px; left:-1px; background:url(images/bg_g_section_tab.gif) repeat-x; border-right:#333 solid 1px; }
.g_section .g_sectionTab img{position:absolute; top:-10px; right:-11px; }


/* SEO */
.seobg{background:#fff url(images/g_webbg_seo.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}

/* PPC */
.ppcbg{background:#fff url(images/g_webbg_ppc.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}

/* emailcampaign */
.g_number{font-size:20px; color:#666; font-weight:bold; position:relative;}

/* web design */
.webdesignbg{ background:#fff url(images/webg.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px; text-align:right;}
.midway{ background:url(images/midwaybg.gif) repeat-x; margin:0px; padding:0px; height:150px; position:relative; margin-bottom:10px; text-align:left;}
.midway #tl{position:absolute; top:0px; left:0px; }
.midway #tr{position:absolute; top:0px; right:0px; }
.midway #bl{position:absolute; bottom:0px; left:0px; }
.midway #br{position:absolute; bottom:0px; right:0px; }
.midway #midreg{margin:15px; float:left; display:inline; }

.custwebbg{background:#fff; padding:10px; border:#333 1px solid; margin-bottom:10px;}

/* web design portfolio */
.webdesignportbg{ background:#000; padding:0px; border:#333 1px solid; margin-bottom:10px; position:relative; width:900px; }
.webdesignportbgnormal{ background:#fff; padding:10px; border:#333 1px solid; margin-bottom:10px; position:relative; width:880px; }

.webdesignportbgnormal h1; .webdesignportbg h1{color:#333; text-align:center; font-size:24px; margin:0px; padding:0px;}
#sitesamples{ position:relative; width:876px; height:600px; left:13px; margin-bottom:25px;}
#sitesamples div{ width:876px; height:600px;}
#sitesamples div img{ margin-right:16px; margin-bottom:16px;}
#sitesamples div a img{ border:none; cursor:pointer;}
#sitesamplesnav{ float:right; display:block; position:relative; margin-bottom:10px;}
#sitesamplesnav a{ line-height:25px; border:#999 solid 1px; margin-right:5px; font-size:16px; text-decoration:none; float:left; display:inline; padding-left:5px; padding-right:5px; font-weight:bold; color:#666; }
#sitesamplesnav a.activeSlide{ color:#fff; border:#333 solid 1px; background:url(images/bg_blue.gif);}

/* smartreceptionist */
#listybg{position:absolute; left:15px; top:8px; width:250px; padding:0px; padding-left:5px; margin:0px; list-style:none; line-height:29px; font-weight:bold; display:none;}
#listybg li:hover{ background:#ff9900;}
#listy{position:absolute; width:580px; right:10px; overflow:hidden; height:300px; margin:10px;}
#listy div h3{ font-weight:normal; font-size:17px;}
#listynav{ position:absolute; left:15px; width:250px; top:8px; background:transparent url(images/listy.gif) no-repeat;}
#listynav a{ line-height:27px; display:block; color:transparent; margin-bottom:2px; font-size:0px;}
#listynav a:hover, #listynav a.activeSlide{background:url(images/listyhvr.png); }

#cc1{background:#fff url(images/ccbg.jpg) no-repeat; padding:10px; height:260px; width:880px;}
#cc1 div{width:510px; height:200px; padding:20px; padding-top:20px; display:block; position:absolute; overflow:hidden; display:block; margin:10px; right:20px;}
#cc1 div h2{margin:0px; padding:0px; font-size:14px;}
#cc1 div p{margin-bottom:20px;}
#cc1 div img{float:right; display:inline; position:relative; right:-15px; top:15px;}

/* Call Center */
.phases2{width:405px; padding:5px; margin:0px; overflow:hidden;}
.phases2 div{width:405px;}
.phases2 img{display:inline; float:left; margin:5px; margin-right:15px; margin-top:10px; width:40px; height:40px; border:none;}
.phases h3{color:#369; font-weight:bold; text-transform:uppercase; font-size:18px; margin:0px; padding:0px; margin-bottom:5px;}
h3.phasecolorB a{color:#999; text-decoration:none;}
h3.phasecolorB a:hover{color:#369; text-decoration:underline;}
.ccnoscript{position:relative; height:240px !important;}

/*web*/
#g_webcontent{background:#fff url(images/g_webbg.jpg) no-repeat; padding:10px;}
#g_webcontent img{display:inline; margin:10px;}
.bold{ font-weight:bold;}

#webcontent{background:#fff url(images/webbg.jpg) no-repeat; padding:10px; height:260px; width:880px; border:#333 solid 1px; margin-bottom:5px;}
#webcontent div{width:510px; height:200px; padding:20px; padding-top:20px; display:block; position:absolute; overflow:hidden; display:block; margin:10px; left:20px;}
#webcontent div h2{margin:0px; padding:0px; font-size:14px; margin-bottom:20px;}
#webcontent div p{margin-bottom:10px;}
#webcontent div img{float:left; display:inline; position:relative; left:0px; margin-right:15px;}

#listynav.weblisty{ top:15px; background:transparent url(images/listy-web.gif) no-repeat;}
#listynav.weblisty a:hover, #listynav.weblisty a.activeSlide{background:url(images/listy_web_hover.png); }

#inbound div{margin:10px; border-bottom:#ccc solid 1px; float:left; display:inline; padding-bottom:10px;}
#inbound div p{}

/* Sean */
.reportingbg{background:#fff url(images/g_webbg_report.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}
.calldiscoverybg{background:#fff url(images/g_webbg_calldisc.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}
.shortcodesbg{background:#fff url(images/g_webbg_shortcodes.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}
.autocallsbg{background:#fff url(images/g_webbg_autocalls.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}
.qualityassurancebg{background:#fff url(images/g_webbg_qa.jpg) no-repeat; padding:10px; border:#333 1px solid; margin-bottom:10px;}