/* CSS Document */
* { margin:0; padding:0;}
body { font:11px Verdana, Arial, Helvetica, sans-serif;}
a { font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
a:hover { text-decoration:underline;}
p { text-align:justify; padding-bottom:10px;}
ul {  list-style:none;}
.clearDiv { clear:both;}
h3.sideheadding  { font:18px Arial, Helvetica, sans-serif; height:30px; background:url(../images/h3bg.gif) repeat-y 0 0; padding:5px 0 0 10px; margin-bottom:5px; border-left:3px solid #aad73c;}
h4 { font:13px Arial, Helvetica, sans-serif; font-weight:bold; height:25px; color:#5d5d5d;}
h3.sideheadding span{ color:#76b900; font-weight:normal;}
.previousPage {position:absolute; float:right;  width:60px; height:21px; padding:4px 0 0 0; margin:-60px 0 0 880px; background:#9dce28;}
.previousPage a { color:#dffb9d; font:12px Arial, Helvetica, sans-serif; font-weight:bold;}
.previousPage a:hover { text-decoration:none; color:#fff;}
#header { width:950px; margin:0 auto; padding:5px 25px 0 25px; background:#fff url(../images/headerBG.gif) no-repeat right bottom; height:98px;}
#header #logo { float:left; padding:0;}
#header #phNoContainer { float:right; width:645px;}
#header #phNoContainer .phoneNo{ padding: 10px 0 0 410px;}
#header #phNoContainer .phoneNo p {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#666666; }
#header #phNoContainer .phoneNo p span{ color:#9dbc56; padding-left:10px;}

#header #phNoContainer #menu { padding:30px 0 2px 0; background:url(../images/menuBG.gif) repeat-x 0 30px;  }
#header #phNoContainer #menu ul { list-style:none; background:url(../images/menuRightCurve.gif) no-repeat right 0; height:29px;}
#header #phNoContainer #menu ul li { float:left; display:block;  height:20px; }
#header #phNoContainer #menu ul li.forLtCurve { float:left; display:block; height:20px;  background:url(../images/menuLeftCurve.gif) no-repeat 0 0; height:29px;}
#header #phNoContainer #menu ul li.forLtCurve a { float:left; display:block; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;  padding:9px 0 0 0; color:#416600; height:20px; background:none; }
#header #phNoContainer #menu ul li a span  { border-right:1px solid #bfc910; padding:0 10px;}
#header #phNoContainer #menu ul li.forLtCurve a:hover { text-decoration:none; background:url(../images/hoverLeftCuver.gif) no-repeat 0 0; color:#fff;}
#header #phNoContainer #menu ul li.forLtCurve a.active { text-decoration:none; background:url(../images/hoverLeftCuver.gif) no-repeat left 0; color:#fff;}
#header #phNoContainer #menu ul li a { float:left; display:block; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;  padding:9px 0 0 0; color:#416600; height:20px; }
#header #phNoContainer #menu ul li a:hover { text-decoration:none; background:url(../images/menuHoverBG.gif) repeat-x 0 0; color:#fff;}
#header #phNoContainer #menu ul li a.active { text-decoration:none; background:url(../images/menuHoverBG.gif) repeat-x 0 0; color:#fff;}

#header #phNoContainer #menu ul li.forRtCurve { float:left; display:block; height:20px; height:29px;}
#header #phNoContainer #menu ul li.forLtCurve a { float:left; display:block; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;  padding:9px 0 0 0; color:#416600; height:20px; background:none; }
#header #phNoContainer #menu ul li.forRtCurve a:hover { text-decoration:none; background:url(../images/hoverRightCuver.gif) no-repeat right 0; color:#fff;}
#header #phNoContainer #menu ul li.forRtCurve a.active { text-decoration:none; background:url(../images/hoverRightCuver.gif) no-repeat right 0; color:#fff;}

#pageContainer { background:#fff url(../images/pageBG.gif) repeat-y 0 0; width:980px; margin:0 auto; padding:0 0 0 20px;  color:#666666;}
#pageContainer .banner { width:954px; height:270px;}
#pageContainer #offersBanner { width:955px; height:62px; background:url(../images/offerBannerBG.gif) repeat-x 0 0; margin-top:6px; font:15px Arial, Helvetica, sans-serif; text-align:center; font-weight:bold;}
#pageContainer #offersBanner .availableDateBox { float:left; width:315px; height:62px; background:url(../images/offerLeftCurve.gif) no-repeat 0 0; text-align:center; font-weight:bold; padding:12px 0 0 0;}
#pageContainer #offersBanner .guarabteedBox { float:left; width:325px; height:62px; background:url(../images/offerMiddleBoxBG.gif) repeat-x 0 0;  padding:18px 0 0 0; color:#fff; font-size:18px;}
#pageContainer #offersBanner .daysMoneyBackBox { float:left; width:315px; height:62px; background:url(../images/offerRightCurve.gif) no-repeat right top; padding:12px 0 0 0;}
#pageContainer #curvedBoxContainer { width:955px; padding-top:2px;}
#pageContainer #curvedBoxContainer .curvedBox { float:left; display:block; width:315px; height:190px; background:url(../images/curvedBox.gif) no-repeat 0 0; margin-right:5px;}
#pageContainer #curvedBoxContainer .curvedBox .forImage { width:40px; height:170px; float:left; padding:10px 0 0 10px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo { width:250px; height:170px; float:left;padding:10px 0 0 5px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo h3 {font:15px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#7ea800;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo ul { list-style:none; padding-top:5px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo ul li {background:url(../images/greenarrow2.gif) no-repeat 0 0; padding:0 0 10px 15px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo ul li a { text-decoration:none;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo ul li a:hover { text-decoration:underline;}

#pageContainer #curvedBoxContainer .curvedBox .forInfo2 { width:250px; height:170px; float:left;padding:10px 0 0 5px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo2 h3 {font:15px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#7ea800;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo2 ul { list-style:none; padding-top:5px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo2 ul li {background:url(../images/greenarrow2.gif) no-repeat 0 0; padding:0 0 8px 15px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo2 ul li a { text-decoration:none;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo2 ul li a:hover { text-decoration:underline;}

#pageContainer #curvedBoxContainer .curvedBox .forInfo3 { width:250px; height:170px; float:left;padding:10px 0 0 5px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo3 h3 {font:15px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#7ea800;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo3 ul { list-style:none; padding-top:5px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo3 ul li {background:url(../images/gears_icon.gif) no-repeat 0 0; padding:0 0 8px 15px;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo3 ul li a { text-decoration:none;}
#pageContainer #curvedBoxContainer .curvedBox .forInfo3 ul li a:hover { text-decoration:underline;}


.more { text-align:right; padding:0 10px 0 0;}
.more a{ text-decoration:underline;}
.more a:hover{ text-decoration:none;}
.moregrnLink { text-align:right; padding:0 10px 0 0;}
.moregrnLink a{ text-decoration:underline; color:#97c93c;}
.moregrnLink a:hover{ text-decoration:none;}

#pageContainer #servicesBoxes { width:955px; padding-top:5px;}
#pageContainer #servicesBoxes .saasService { background:url(../images/hostedServices.gif) no-repeat 0 bottom; width:285px; padding:10px 15px 25px 15px; margin:0 5px 10px 0; float:left;}
#pageContainer #servicesBoxes .saasService img { float:left; padding:0 5px 0 0;}
#pageContainer #servicesBoxes .saasService span { float:left; width:206px; text-align:justify;}
#pageContainer #servicesBoxes .saasService h3 { float:left; font:25px "Lucida Sans Unicode"; color:#98cb00; width:200px;}

#pageContainer #servicesBoxes .getPriceContainer { width:400px; float:left;}
#pageContainer #servicesBoxes .getPriceContainer img { padding:0 0 5px 0;}

#pageContainer #servicesBoxes .partnerProgram { width:200px; height:182px; float:left; background:url(../images/partnerProgramBG.gif) no-repeat 0 0; padding:50px 15px 0 15px;}
#pageContainer #servicesBoxes .partnerProgram p { color:#fff;}
#pageContainer #servicesBoxes .partnerProgram a {color:#fff; font:11px Arial, Helvetica, sans-serif; font-weight:bold;}


#footer { background:#666666 url(../images/footerImage.gif) no-repeat 0 0; width:1000px; margin:0 auto; padding:2px 0 0 0;} 
#footer p, #footer a { color:#fff;}
#footer .copyRight { background:#fff; height:20px; padding:5px; color:#666666}
#footer .copyRight p { padding:0; margin:0; color:#666666}
#footer .footerLinks {padding:4px 0 0 300px; height:24px; }
#footer .footerLinks ul { float:left; list-style:none; padding-left:0px;}
#footer .footerLinks ul li { float:left;  display:block; }
#footer .footerLinks ul li a { display:inline; padding:2px 10px 0 10px; border-right:1px solid #ffffff; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:15px; width:100%;}
#footer .copyRight span {color:#ffffff; padding-left:320px;}
#footer .copyRight span a {color:#ffffff; text-decoration:underline;}
#footer .copyRight span a:hover {color:#ffffff; text-decoration:none;}
#footer .copyRight a {color:#666666;}
#footer .copyRight a:hover {color:#333333; text-decoration:underline;}

	/* glider CSS	*/
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 196px; 
	height: 125px;
	overflow: hidden;
	border:none;
	}
	div.controls { padding:0 0 2px 2px; color:#fec95b; text-align:right; }
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:196px;
		height:125px;
		overflow:hidden;
		float:left;
		padding:0;
		background:none;
		border:none;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		background:none;
		color:#ffffff;
		}

.marqueeDiv {position:relative;
     overflow:hidden;
     width:720px;
     height:90px;
     border:none;
	 display:block;
	 background:none;
     }
	 .marqueeDiv img{ border:none; background:none; margin-right:5px; display:block; }
div.marqueContr {height:180px; padding:25px 0 0 0;}
div.marqueContr a { border:none; background:none;}