/*=================================== CSS Document =============================================*/
html, body, div, ul, li, input, select, textarea, form, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 {	margin:0;	padding:0; }
body {	background:#ffffff; 	font-family:Arial, verdana;	font-size:12px;	color:#000000;}


/*===================================Global Styles starts here=============================================*/
a {text-decoration:none;  outline:none; color:#3399FF }
a:hover {text-decoration:underline}
a img {border:none}

.clear {clear:both !important; line-height:0 !important; height:0 !important;}
.u{text-decoration:underline !important;}
.u-none{text-decoration:none !important;}
.b{font-weight:bold !important;}
.em{ font-style:italic !important;}
.hand{cursor:pointer !important;}
.no-border{border:none !important;}
.no-bg{background:none !important;}
p{margin-bottom:15px;}




/*===================================titles=============================================*/
h1{  }
h2{color:#333333; font-size:18px;  margin:2px 0 13px 0; padding:0 0 7px 0; font-weight:bold; text-transform:uppercase;  background:url(../images/dot-xaxis.gif) repeat-x left bottom; font-family:Helvetica,Arial,Sans-Serif;}
 


/*===================================overflow=============================================*/
.o-hidden{overflow:hidden !important;}
.o-auto{ overflow:auto !important;}

/*===================================alignment=============================================*/
.a-left{text-align:left !important;}
.a-center{text-align:center !important;}
.a-right{text-align:right !important;}

/*===================================float=============================================*/
.f-left {float:left !important;}
.f-right {float:right !important;}
.f-none {float:none !important;}

/*===================================margin=============================================*/
.m-left25{margin-left:25px !important;}
.m-zero{margin:0 !important;}
 


/*===================================padding=============================================*/
.p-top10{padding-top:10px !important;}
.p-bottom10{padding-bottom:10px !important;}



/*===================================width=============================================*/
.w-110{width:110px !important;}
.w-350{width:350px !important;}
 


/*===================================height=============================================*/
.h-100{height:100px !important;}

/*===================================font sizes=============================================*/
.f-size11{font-size:11px !important;}
 

/*===================================colors=============================================*/
.grey{color:#999999 !important;}
 

/*===================================fields=============================================*/
input[type="text"]{background:#FFFFFF; border:1px solid #7f9db9; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px 5px;}
textarea{background:#FFFFFF; border:1px solid #7f9db9; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px 5px;}


/*===================================Sprites=============================================*/
.gray-boxes .g-btn a,.f-socialmenu .wordpress, .f-socialmenu .twitter, .f-socialmenu .facebook, .cs-foot-logo, ul.services-list li:hover .bit-arrow,  ul.services-list li.active .bit-arrow, ul.services-list li.web a, ul.services-list li.seo a, ul.services-list li.ca a, ul.services-list li.cm a, ul.services-list li.ecom a, ul.con-icon li, .f-socialmenu .linkedin{background-image:url(../images/sprite-c.gif); background-repeat:no-repeat;}



/*===================================Headers Start Here=============================================*/
.header-home{ height:500px; background:#0064af url(../images/banner-home.jpg) center top no-repeat; }
.header-inner{ height:324px;}
.header-home .cont, .header-inner .cont{width:937px; margin:0 auto; padding:40px 0 0 0}

.about-h{ background:#21076a url(../images/banner-about.jpg) center top  no-repeat; }
.unlimited-h{ background:#21076a url(../images/banner-about.jpg) center top  no-repeat; }
.referral-h{ background:#21076a url(../images/banner-about.jpg) center top  no-repeat; }
.services-h{ background:#999999 url(../images/banner-services.jpg) center top  no-repeat; }
.portfilio-h{ background:#cd003c url(../images/banner-portfolio.jpg) center top  no-repeat; }
.contact-h{ background:#e05206 url(../images/banner-contact.jpg) center top  no-repeat; }


.logo-cs{float:left; margin-bottom:35px;}
.logo-cs-inner{float:left; margin-bottom:15px;}
.menu-cs{float:right; height:22px; background:#FFFFFF; line-height:22px; padding:0 20px; width:590px;}
.menu-cs .links-m{float:left; margin-right:140px; }
.menu-cs .links-m a{color:#0064af; text-decoration:none; margin-right:25px;}
.menu-cs .links-m a:hover{color:#4bb2ff;}
.menu-cs .phone-m{float:right; font-weight:bold; color:#999999; }


.portfilio-h .menu-cs .phone-m{ color:#cd003c;}
.header-home .menu-cs .phone-m{color:#00aeef;}
.about-h .menu-cs .phone-m{ color:#21076a;}
.unlimited-h .menu-cs .phone-m{ color:#21076a;}
.referral-h .menu-cs .phone-m{ color:#21076a;}
.contact-h .menu-cs .phone-m{color:#e05206;}

 


.caption-box-home{background:#00aeef; overflow:hidden; clear:both;}
.caption-box-home .c-lt{float:left; width:486px; height:217px; background:url(../images/home-text.gif) no-repeat 20px 50px;}
/*.caption-box-home .c-rt{margin:80px 0 0 490px; color:#FFFFFF; line-height:18px; }
.caption-box-home .c-rt img{ margin:22px 17px 0 0; float:right;}*/
.caption-box-home .c-rt{margin:55px 0 0 575px; color:#FFFFFF; line-height:18px; }

.caption-box-inner{clear:both;  width:675px; height:135px;}
.caption-box-inner h3{text-indent:-5000px;}

.about-h .caption-box-inner{background:#21076a url(../images/about-text.gif) no-repeat 20px 27px;}
.unlimited-h .caption-box-inner{background:#21076a url(../images/unlimited-text.gif) no-repeat 20px 27px;}
.referral-h .caption-box-inner{background:#21076a url(../images/referral-form/referral-txt.gif) no-repeat 20px 27px;}
.services-h .caption-box-inner{background:#999999 url(../images/services-text.gif) no-repeat 20px 50px;}
.portfilio-h .caption-box-inner{ background:#cd003c url(../images/portfolio-text.gif) no-repeat 20px 27px; }
.contact-h .caption-box-inner{ background:#e05206 url(../images/contact-text.gif) no-repeat 20px 27px; }

.special-offer{ overflow:hidden;background:url(../images/special-offer-fall-txt.gif) no-repeat; height:28px; display:block;}
.caption-box-home .c-rt ul{ margin:10px 0 0 10px; overflow:hidden}
.caption-box-home .c-rt ul li{ padding-left:15px; margin-bottom:3px;  background:url(../images/wht-dot.png) left 6px no-repeat;list-style:none !important  }
.caption-box-home .c-rt ul a{ color:#FFFFFF;}
.caption-box-home .c-rt ul a:hover{ text-decoration:underline}

/*===================================Home Content Start Here=============================================*/
.home-content{ overflow:hidden; margin:-31px auto 0 auto ; width:937px;}
.gray-boxes{margin:0 9px 0 0; float:left; width:180px;}
.gray-boxes .g-cont{background:url(../images/gray-trans-img.png); width:164px; height:176px;padding:8px 8px 12px 8px; font-family:Verdana; font-size:11px;}
.g-cont h1{ padding-bottom:20px; color:#000000; font-size:13px; font-family:arial;}
.gray-boxes .g-btn{ overflow:hidden; margin:13px 5px 28px 0; }
.gray-boxes .g-btn a{background-position:0 -37px; width:58px; height:20px; display:block; float:right;} 
ul.hash-list{list-style-type:none;}
ul.hash-list li{ background:url(../images/hash.gif)0 3px no-repeat; padding-left:12px;}



/*===================================Innerpage Content Start Here=============================================*/
.inner-cont{overflow:hidden; margin:15px auto 20px auto ; width:937px;}
.inner-cont .i-lt{width:619px; min-height:370px; padding:0 55px 0 0; background:url(../images/dot-yaxis.gif) right top repeat-y; float:left; font-family:verdana; font-size:11px; color:#333333;  }
.inner-cont .i-rt{margin-left:685px;}
.inner-cont .i-rt .sidebanar{margin:10px 0 15px 0;}
.inner-cont .i-lt p{margin:0 0 15px 0;}
.inner-cont .i-contact{ overflow:hidden;min-height:370px; padding:0 55px 0 0; float:left; font-family:verdana; font-size:11px; color:#333333; }
.inner-cont .i-contact{}

.inner-cont h1{color:#00aeef; font-size:23px;  margin:2px 0 13px 0; text-transform:uppercase; font-family:Helvetica,Arial,Sans-Serif }
.inner-cont h1 span{color:#999999;}

ul.services-list{ list-style-type:none;}
ul.services-list li{ background:url(../images/dot-xaxis.gif) repeat-x left bottom; position:relative; font-weight:bold; font-family:verdana; font-size:11px;  }
ul.services-list li a{display:block; padding:27px 10px 27px 40px; color:#666666; margin:0 5px;}
ul.services-list li a:hover{text-decoration:none;}
ul.services-list li:hover .bit-arrow, ul.services-list li.active .bit-arrow { top:15px; right:15px; background-position:0 -662px ; width:29px; height:38px; position:absolute;}
ul.services-list li.web a{background-position:0 -55px ;}
ul.services-list li.seo a{background-position:0 -397px ;}
ul.services-list li.ca a{background-position:0 -457px ;}
ul.services-list li.cm a{background-position:0 -259px ;}
ul.services-list li.ecom a{background-position:0 -570px ;}
ul.services-list li.ecom{background:none;}

ul.bluedot-list{list-style-type:none; margin-bottom:15px;}
ul.bluedot-list li{background:url(../images/blue-dot.png) 0 3px no-repeat; padding:0 0 3px 15px; margin:0 0 0 10px; }
ul.bluedot-list li p{ padding:10px 0 10px 25px;}
.rt-image{margin:0 0 10px 15px; }

/*===================================404 page=============================================*/


/*===================================Services=============================================*/

ul.con-icon{list-style-type:none;}
ul.con-icon li{ float:right; margin:0px 14px 0px 0px; height:25px; }
ul.con-icon li a{ color:#999999; padding:0px 0px 0px 20px; }
ul.con-icon li a:hover{text-decoration:underline;}
ul.con-icon li.contact{background-position:0 -716px ;}
ul.con-icon li.see{background-position:0 -748px;}


/*===================================portfolio=============================================*/
ul.portfolio, ul.spotlight{list-style-type:none;  overflow:hidden; margin-bottom:10px;}
ul.portfolio li, ul.spotlight li{ float:left; margin:0px 23px 22px 0px; }
ul.portfolio li a, ul.spotlight li a{float:left;background-color:#A7A7A7;height:100px; padding:9px 9px 9px 9px;}
ul.portfolio li a img, ul.spotlight li a img{ margin:0 0 6px 0;}
ul.portfolio li a:hover, ul.spotlight li a:hover{ background-color:#989898; text-decoration:none; }
ul.portfolio li a span.tit, ul.spotlight li a span.tit{ color:#333333 !important; text-transform:uppercase;font-size:10px; display:block;}
ul.portfolio li a span, ul.spotlight li a span{font-size:10px; color:#fff !important;}
ul.spotlight li a{float:left;background-color:#A7A7A7;height:auto !important; padding:9px 9px 9px 9px;}
ul.spotlight .cont{ overflow:hidden; clear:both; padding:0px 0 15px 0}


/*===================================Contact Us=============================================*/
.co-lt{float:left; width:220px;}
.co-rt{float:right; }

dl.cont-side {margin:0;padding:0px 0 20px 0px; width:228px;}
dl.cont-side p{ padding:0px;}
dl.cont-side dt{float:left;margin:0 0 2px;padding:0;width:65px;}
dl.cont-side dd{margin:0 0 2px 60px;padding:0;}
.google-map{background-color:#CCCCCC;margin:0 -30px 0 0;width:412px;}
.c-form{width:500px; float:left; padding:0 0 0 20px; font-size:12px; font-family:Arial,verdana}
.c-form ul.request-list li {margin: 0 0 8px 0; overflow:hidden}
.c-form ul.request-list li span{display: block;float: left;margin: 5px 0 5px 27px;width: 80px;}
.c-form ul.request-list li input[type="text"] {float: left;width: 320px; margin-bottom:5px;}
.c-form ul.request-list li textarea{float: left;width: 320px;}
.c-form ul.request-list li input[type="submit"]{ margin:0 0 0 108px;}


/*===================================Request Box Start Here=============================================*/
.request-box{background:#e5e5e5; padding:10px 12px 10px 14px;}
ul.request-list{list-style-type:none;}
ul.request-list li{margin:0 0 8px 0px;}
ul.request-list li span{display:block; margin-bottom:5px; }
ul.request-list li input[type="text"]{width:94%;}
ul.request-list li textarea{width:94%; height:80px;}
ul.request-list li input[type="submit"]{background:#00b8d7; border:0; padding:5px 10px; color:#FFFFFF; font-weight:bold; cursor:pointer}


/*===================================Blue Box Start Here=============================================*/
.blue-box{background:#00aeef; padding:6px 5px 0; margin:0 0 10px 0}
.blue-box .title{ font-size:18px;  margin:2px 0 13px 0; padding:0 0 7px 0; line-height:20px; font-weight:bold; color:#FFFFFF}
.blue-box .dotline{ border-bottom:dashed 1px #FFFFFF; margin:10px 0;}
ul.blue-box-list{ list-style:disc; font-size:14px; font-weight:bold; color:#FFFFFF; padding:10px 0 5px 20px; }
ul.blue-box-list li{margin:0 0 8px 0px;}
.blue-box p{font-size:14px; color:#FFFFFF; padding:0 0 5px 0; text-align:center }

/*===================================Footer Content Start Here=============================================*/
.footer-cs{height:24px; background:#acacac;}
.footer-cs .f-cont{ width:937px; margin:0 auto 0 auto; padding:0 0 16px 0; overflow:hidden; color:#FFFFFF; font-size:11px; line-height:24px;}
.f-cont .f-menu{ float:left;}
.f-cont .f-menu a{color:#FFFFFF; margin-right:24px;}
.f-cont .copyright{ float:right;}
.f-cont .f-socialmenu{ float:left;}
.f-cont .f-socialmenu a{float:left; display:block; width:28px; height:26px; margin-right:5px;}
.f-socialmenu .wordpress{ background-position:0 0;}
.f-socialmenu .twitter{ background-position:-34px 0;}
.f-socialmenu .facebook{background-position:-69px 0;}
.f-socialmenu .linkedin{background-position:0 -785px;}
.cs-foot-logo{background-position:-106px -3px; width:24px; height:24px; float:right;}