@charset "utf-8";
/* CSS Document */

html {background:url(../images/page_bg.gif) repeat-x;}

body {background:url(../images/body-bg.jpg) no-repeat center top; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}

ul, li, h1, h2, h3, h4, p {margin:0px; padding:0px;}

ul, li {list-style:none;}

a {outline:none;}

img {border:0px;}

.clear {clear:both;}


.container {width:960px; height:auto; margin:auto; position:relative}

.header {width:auto; height:auto}

.logo {width:178px; height:auto; float:left; padding-top:21px;}
.headermenu {width:490px; height:104px; float:right; padding-left:10px; background:url(../images/punchline.jpg) no-repeat; margin-top:7px; }
.headermenu a {margin-right:10px; padding-left:18px; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#c6c6c6; text-decoration:none; background:url(../images/arrow-icon.gif) no-repeat 0px -2px}
.headermenu a:hover {color:#FFF;}

.topmenu {background:url(../images/menu_bg.gif) no-repeat; padding:0px 6px; width:948px; }
.topmenu ul {margin:0px; padding:6px 0px;}
.topmenu ul li {font:bold 12px/34px Arial, Helvetica, sans-serif; color:#FFF; float:left; height:34px;}
.topmenu ul li a {padding:0px 20px; color:#FFF; text-decoration:none; display:inline-block}
.topmenu ul li a:hover {color:#a5d133;}
.topmenu ul li.selected a {color:#a5d133;}

.middlecontainer {background:url(../images/content_borderbg.gif) no-repeat bottom left; padding:0px 6px 6px 6px;}

.hosting-resource {background:url(../images/strength_bg.gif) no-repeat; padding:45px 21px 2px 21px; height:50px; width:auto; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#c6c6c6; }
.hosting-resource a {color:#c6c6c6; display:block;}
.hosting-resource a:hover {color:#FFF;}

.serverplans {background:url(../images/serverplan-bg2.gif) no-repeat; padding:0 8px 20px 8px; height:216px; }
.dedicatedplan {margin-top:36px; width:280px; padding-left:3px; height:151px; background:url(../images/dedicate-plan_bg.gif) no-repeat; position:relative; float:left;}
.dedicatedplantop {width:260px; position:absolute; top:-14px; left:13px; }
.dedicatedplan p {padding:24px 10px 0px 10px; color:#454545; font:normal 12px/15px Arial, Helvetica, sans-serif;}
.readmore {position:absolute; left:86px; width:111px; height:25px; top:134px;}

.popularplan {margin-top:17px; background:url(../images/popular-plan_bg.gif) no-repeat; width:369px; height:186px; float:left; position:relative}
.popularplantop {width:254px; height:34px; position:absolute; top:-12px; left:55px;}
.popularplan p {padding:31px 0px 0px 11px;}
.chooseplan {top:165px; left:91px; position:absolute; width:184px; height:29px;}

.shareplan {margin-top:36px; background:url(../images/share-plan_bg.gif) no-repeat; width:279px; height:152px; float:left; position:relative}
.shareplantop {position:absolute; top:-14px; left:7px; width:260px; height:34px;}
.shareplan p {padding:24px 10px 0px 10px; color:#454545; font:normal 12px/15px Arial, Helvetica, sans-serif;}

.aboutservices-project {background:url(../images/serviceproject_bg.gif) no-repeat; width:auto; height:66px; padding:13px 35px 5px 35px;}
.aboutservices-project ul {margin:0px; padding:0px;}
.aboutservices-project ul li {float:left; height:auto;}

.ourprojects {padding:32px 78px 0px 49px; background:url(../images/ourprojects.gif) no-repeat; width:190px; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#808080;}
.ourservices {padding:32px 73px 0px 49px; background:url(../images/ourservices.gif) no-repeat; width:190px; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#808080;}
.whatsnew {padding:32px 0px 0px 59px; background:url(../images/whatsnew.gif) no-repeat; width:190px; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#808080;}

.ourprojects a, .ourservices a, .whatsnew a {color:#808080; text-decoration:none;}
.ourprojects a:hover, .ourservices a:hover, .whatsnew a:hover {color:#fff}

.newtestimonials {padding:8px 0px; background:url(../images/dotted-sep.gif) repeat-x bottom; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#4c4c4c;}
.newtestimonials a {color:#4c4c4c;}
.newtestimonials a:hover {color:#000;}

.recentnews {width:440px; padding:0px 30px 0px 5px; background:url(../images/dottedsep-vertical.gif) repeat-y right; float:left}
.recentnews p {padding-top:15px;}

.testimonials {width:443px; float:right;}
.testimonials p {padding-top:15px;}

.follow {background:url(../images/chatcontact-bg.jpg) no-repeat; width:auto; height:109px; margin-top:17px;}

.questions {background:url(../images/questions.jpg) no-repeat; padding:14px 0px 0px 54px; width:850px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#c3c3c3; float:left}
.questions p {padding-top:7px;}
.questions p strong {line-height:28px;}
.questions img {float:left; margin-right:8px;}
.followus {width:130px; float:right; background:url(../images/follow-us.gif) no-repeat; padding-top:22px; margin-top:30px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#c3c3c3;}
.followus label {display:block}
.followus .textfield {background:url(../images/text-field_bg.gif) no-repeat; width:193px; height:29px; border:0px; margin-top:5px; font:normal 12px/29px Arial, Helvetica, sans-serif; color:#333; padding:0px 5px; float:left}
.followus .textfield input {border:0px; background:none; margin-top:5px; width:193px;}
.button {margin:5px 0px 0px 5px; float:left}

.followuson {float:left; margin-top:7px; text-align:left;}
.followuson img {margin-right:15px; }

.innercontent {background:url(../images/innercontent_bg.jpg) no-repeat center top; padding:15px 10px 10px 10px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#4c4c4c; border-bottom:1px dotted #b7b7b7;}



.dedicated-plan-col {background:url(../images/dedicated_top.jpg) 0 0 no-repeat; height:38px; width:935px;}
.rounded-cor-bg {background:url(../images/dedicated-col-bg.gif) 0  repeat-y; width:935px;}
.rounded-cor-bot {background:url(../images/dedicated-col-bot.gif) 0 bottom no-repeat; height:15px; width:935px;}
.live-chat-col {background:url(../images/lviechatplan_top.jpg) 0 0 no-repeat; height:41px; width:935px;}
.indent-col {padding:15px 35px;}
.twin-share-col {background:url(../images/twin-share-plan.jpg) 0 0 no-repeat; height:39px; width:935px;}
.getcustomquote { padding:10px 10px 10px 10px; border-bottom:1px dotted #b7b7b7; text-align: center;}

.graybg { background:#f2f0f1;  border-left:1px solid #cbcad0; border-right:1px solid #cbcad0; width:900px; padding:0 14px 0 14px }

.innercontent h1 {color:#69aa01; font:bold 28px/32px Calibri, Garamond, Arial, sans-serif; padding-bottom:10px;}
.innercontent h1 span {color:#4c4c4c; font-weight:normal}
.innercontent h2 {font:bold 20px/26px Calibri, Garamond, Arial, sans-serif; padding:10px 0px;}
.innercontent h3 {font:bold 16px/22px Calibri, Garamond, Arial, sans-serif; padding:0px 0px 10px 0px;}
.innercontent h4 {font:normal 18px  Myriad Pro, Arial, Helvetica, sans-serif; padding:0px 0px 10px 0px; text-transform:uppercase; margin:0px;}
.innercontent p {padding-bottom:10px;}
.innercontent p a {color:#4c4c4c;}
.innercontent ul {margin-left:10px; padding-bottom:10px;}
.innercontent ul li {background:url(../images/bullet_icon.gif) no-repeat 0px 2px; padding:0px 0px 5px 20px;}
.innercontent ul li ul {padding:5px 0px 0px 0px;}
.innercontent ul li li {background:none; padding:0px ;}

ul.plans {font-weight:bold; padding-bottom:0px;}
ul.plans li {background:none; padding-left:10px;}

.quote { width:650px; float:left;}
.quoteform {background:#f7f7f7; border:1px solid #d7d7d7; padding:10px; margin-top:10px;}
.quoteform label {width:210px; float:left; line-height:26px;}

.quotebanner { float:right; width:268px; padding-top:40px;} 
.textfield {padding:5px; border:1px solid #c1c1c1; font:normal 12px Arial, Helvetica, sans-serif; color:#4c4c4c; width:270px;}
.captchafield {padding:5px; border:1px solid #c1c1c1; font:normal 12px Arial, Helvetica, sans-serif; color:#4c4c4c; width:170px; display:block; margin-top:5px;}
.listmenu {padding:5px; border:1px solid #c1c1c1; font:normal 12px Arial, Helvetica, sans-serif; color:#4c4c4c; width:282px;}

.formlabel {padding-bottom:5px; width:210px; float:left}
.formfield {width: 400px; float:left; padding-bottom:10px;}
.formfield label {float:none; width:auto; line-height:normal; margin-right:5px;}
.textfield-yahoo, .textfield-msn, .textfield-aim, .textfield-skype {padding:5px 5px 5px 25px; border:1px solid #c1c1c1; font:normal 12px Arial, Helvetica, sans-serif; color:#4c4c4c; width:162px; margin:0px 5px 5px 0px; float:left }
.textfield-yahoo {background:url(../images/icon_yahoo.gif) no-repeat #fff;}
.textfield-msn {background:url(../images/icon_msn.gif) no-repeat #fff;}
.textfield-aim {background:url(../images/icon_aim.gif) no-repeat #fff;}
.textfield-skype {background:url(../images/icon_skype.gif) no-repeat #fff;}

.buttonsub {padding-left:210px;}
p.primary-btn { background:transparent url(../images/btn_input.gif) no-repeat scroll 100% 0; white-space:nowrap; float:left; height:30px; padding:0px 20px 0px 0px ; margin-right:5px;}
p.primary-btn input { background: transparent url(../images/btn_input.gif) no-repeat scroll 0 0; font:bold 12px Arial, Helvetica, sans-serif; white-space:nowrap; color:#000; display:block; padding:0 0 0 20px;  height:30px; border:0px}
p.primary-btn:hover { background:transparent url(../images/btn_input.gif) no-repeat scroll 100% -30px; }
p.primary-btn:hover input { background:transparent url(../images/btn_input.gif) no-repeat scroll 0 -30px; color:#3c3c3c; height:30px; }
p.primary-btn:active { background:transparent url(../images/btn_input.gif) no-repeat scroll 100% -60px; outline:0px none }
p.primary-btn:active input { background:transparent url(../images/btn_input.gif) no-repeat scroll 0 -60px; color:#000; }

.mess-textfield {width:160px; border:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#4c4c4c;}

.requiredfield {text-align:right;}
.quoteform span {color:#d80000; font-weight:bold}

.footer {background:url(../images/logo-footer.jpg) no-repeat right; margin:10px 6px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#4c4c4c;}
.footer a {padding:0px 10px; font-weight:bold; color:#4c4c4c; text-decoration:none;}
.footer a:hover {color:#000;}


/************************* Slider *****************************/
#slider ul, #slider li{ margin:0; padding:0; list-style:none; }	
#slider, #slider li{ height:297px; width:948px; overflow:hidden; }	
#slider{position:relative; background:url(../images/carousel-banner.jpg) no-repeat; width:948px; height:297px; }	
#prevBtn, #nextBtn{ display:block; width:34px; height:34px; position:absolute; top:284px; }	
#prevBtn {background:url(../images/button-left.png); left:10px;}
#nextBtn{right:10px; background:url(../images/button-right.png);}

#prevBtn a, #nextBtn a{ display:block; width:34px; height:34px; text-indent:-9999px; outline:none;}	


/*planpage*/
.planbt { height:61px; margin-bottom:30px}
.plangrybx { width:940px; margin:0 auto;}

.getquote { background: url(../images/custom-quote.jpg) no-repeat center top; width:314px; height:56px; padding:0 308px 0 308px }
.getquote a { display:block; text-indent:-9999px; font-size:0px; width:314px; height:56px; display:block; }
/*planpage*/

/*infrastructuresection*/
.gallery {}
.gallery ul { margin:0px; padding:0px;}
.gallery ul li  { margin:0px; padding:0px; float:left; display:inline; background:#f2f0f0; border:1px solid #ccc; width:279px; margin:0 30px 10px 0 ;}
.gallery ul li a { display:inline;}

/*infrastructuresection*/
/************************* SUPPORT SERVICES PAGE *****************************/

.level-title1 {background:url(../images/leve1.jpg) 0 0 no-repeat; height:30px; margin:0px auto; width:924px; margin-top:8px;}
.level-title2 {background:url(../images/level2.jpg) 0 0 no-repeat; height:30px; margin:0px auto; width:924px; margin-top:8px;}
.level-title3 {background:url(../images/level3.jpg) 0 0 no-repeat; height:30px; margin:0px auto; width:924px; margin-top:8px;}

.level-str {background:url(../images/level-bg-str.gif) 0 0 repeat-y; width:924px; margin:0px auto;}
.level-bot {background:url(../images/level-cor-bot.gif) 0 bottom no-repeat; height:14px; width:924px; margin:0px auto;}
.level-content-indent {padding:5px 25px;}

/*application supportsection*/
.applsec { margin:0px; padding:0px; width:930px;}
.applsec_lt { float:left; width:450px;}
.applsec_rt { float:right; width:450px;}
.graybx_top {}
.graybx_mid { background: url(../images/gray_bx_midbg.jpg) repeat-y center top; padding:10px 10px 0 10px;  height:280px;}
.graybx_mid ul {margin-left:10px; }
.graybx_mid ul li {background:url(../images/bullet_icon1.gif) no-repeat 0px 2px; padding:0px 0px 5px 20px;}
* html .graybx_mid ul li {background:url(../images/bullet_icon1.gif) no-repeat 0px 2px; padding:0px 0px 5px 20px;} /*hack for ie6*/
.graybx_mid ul li ul {padding:5px 0px 0px 0px;}
.graybx_mid ul li li {background:none; padding:0px ;}

.graybx_bot { background:url(../images/gray_bx_bot.gif) no-repeat center top; height:11px;}
/*application supportsection*/
.homeblk { background:url(../images/home_blk_bot.gif) no-repeat center top; height:5px;}

.contactbanner { background:url(../images/banner_contact.jpg) no-repeat center top; width:282px; height:24px; padding:73px 0 73px 666px;}
.contactbanner a { width:282px; height:24px; display:block; text-indent:-9999px; font-size:0px; }