@charset "utf-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	background-image: url(../images/Bg.jpg);
	background-repeat:repeat-x;
	background-color: #A5CFEE;
	color:#444444;
}
h1,h3,h4{color: #F93;font-size:22px;font-weight:bold;padding:0px; margin:20px 0 10px 0;}
h2{color: white;font-size:22px;font-weight:bold;padding:0px; margin:15px 0 10px 0;}
h5{color: #F93;font-size:16px;padding:0px; margin:15px 0 0 5px; width:200PX;}
#wrapper{ width:885px; margin:auto;background-color:#E6E6E6; }
#container{ width:885px; }
#wrapperGlobal{ width:885px;  margin:auto; background-color:#E6E6E6;}

#wrapperMainPage{ width:885px; height:1200px; margin:auto;background-color:#E6E6E6;}



#header{ width:885px; height:85px; }
#menu1{ width:885px;height:40px; background-image:url(../Images/menu1.png); background-repeat:no-repeat; overflow:hidden; padding-top:0px; float: none;}
#mainSlide{ width:885px; height:280px;}
#footer{ width:885px; height:168px;float:left; background-color:#CCCCCC;}
.servicesHeaderBar{ width:100%; height:38px; margin-top:0px;}
.servicesHeaderBar2{ width:100%; height:29px;}
.webBox{ width:870px; height:150px; background-color:white; margin:auto;margin-top:12px;}
.webTxt{ width:840px;  margin:auto; padding-top:10px;}
.SEOBox{ width:429px; height:190px;background-color:white; margin:10px 0 0 6px; float:left; }
.SEOTXT { width:400px; margin:auto; padding-top:20px; }
.SMNTXT { width:400px; margin:auto; padding-top:20px; padding-bottom:19px; }
#socialMediaBox{ width:429px; height:190px;background-color:white;margin:10px 7px 0 6px;float:right; }
.emailMarketingBox{ width:210px; height:165px;background-color:#FFF;  margin:10px 0 0 6px;float:left}
.PURLBox{ width:210px; height:165px;background-color:white; margin:10px 0 0 6px; float:left;}
.customSolutionBox{ width:210px; height:165px;background-color:white;margin:7px 6px 0 17px; *margin:10px 0 0px 17px; float:left;}
.landingPagesBox{ width:210px; height:165px;background-color:white; margin:7px 6px 0 0px;*margin:10px 6px 0 6px; float:right;}
.smallBoxTxt{ width:190px;  margin:auto; padding-top:10px;}
#showcaseImage{ width:220px; height:115px; margin-top:10px; margin-left:6px; float:left;}
#liveChat{ width:220px; height:115px;margin-top:10px; margin-right:7px; float:right; }
#liveChatContact{ width:220px; height:115px;margin-top:30px; margin-right:15px; float:right; }
#liveChatPricing{ width:220px; height:115px;margin-top:20px; margin-left:20px;margin-left:20px; float:left; }

.Clients{ width:425px; height:115px; margin:12px 0 0 4px; float: left;}
.footerSeparator{ width:100%; height:40px; background-image:url(../Images/footerSeparator.jpg); background-repeat:repeat-x; float:left;}
.footerMenu{ width:400px; height:40px; padding:10px 0 0 10px;}

a {
	color:#414242;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:white;
}
.moreLinks a{color: #09F; text-decoration:none}
.moreLinks a:hover{color: #09F; text-decoration:underline}
.moreLinks { width:100px; float:right; margin-right:5px; margin-top:10px; }
.arrow{ width:13px; height:21px; float:left; padding-top:2px; }

.facebook{ width:40px; height:40px; float:left; margin:10px 0 0 40px;}
.twitter{ width:40px; height:40px; float:left; margin:10px 0 0 10px;}
.linkin{ width:40px; height:40px; float:left; margin:10px 0 0 10px; clear:right;}
.GoldPartner{ width:40px; height:40px; float:left; margin:20px 0 0 100px;}
.smallBusiness{ width:40px; height:40px; float:left; margin:20px 0 0 45px;}
.disclaimer{ width:300px; margin:15px 0 0 30px; height:40px; color: #333; float:left;}
.copyright{ width:300px; margin:15px 0 0 50px; height:40px; color:#333; float:left;}
.copyright a{ color:#333; text-decoration:underline;}
.copyright a:hover{ color:#333;}


.slideAllPages{ width:885; height:173px;}
.slideContactUs{ width:885; height:173px;background-image:url(../Images/slides/contact.jpg);}
.middleBodyGlobal{ width:885px; background-color:white; float:left;}
.bodyTXT{ width:550px; float:left; padding:20px; line-height:1.5em;}
.rightMenu{ width:240px; float:right; margin:15px 15px 20px 0; background-color: #CCC}
.headingBarGlobal{ width:885px; height:43px; margin-top:2px;}
.subscribe{ width:220px; height:98px; float:left; margin: 10px 0 0 10px;}


.middleBodyGlobal a{color:#09F;	text-decoration: underline;	font-weight:bold;}
.resourcesBlog{ width:529px; height:30px; float:left}
.blogTxt{ width:400px; float:left}
.blogTXTEntries{ width:400px; float:left; margin-left:15px; }
.blogIcons{ width:40px; height:50px; float:left; margin-left:20px;}



.servicesHeading{ width:100%; height:30px; float:left;}
.webButton{ width:240px; height:40px; float:left; margin-top:10px;}
.emailCampaignButton{ width:240px; height:40px; float:left;}
.customSolutionButton{ width:240px; height:40px; float:left;}
.personalizedURLButton{ width:240px; height:40px; float:left;}
.landingPagesButton{ width:240px; height:40px; float:left;}
.SEOButton{ width:240px; height:40px; float:left;}
.SocialMediaButton{ width:240px; height:40px; float:left;}
.clientsHeading{ width:100%; height:30px; float:left; margin-top:10px;}
.clientsSlideshow{ width:224px; height:97px; float:left; margin: 10px 0 0 6px ;}
.testimonialHeading{ width:100%; height:30px; float:left;margin-top:10px;}
.testimonial{ width:210px; height:117px; float:left;margin: 10px 0 0 13px;}
.liveChatHeading{width:100%; height:30px; float:left;margin-top:10px;}
.bottom{ width:240px; height:15px; float:left; margin-top:10px;}

.bodyTXT ul{ list-style-type:none; list-style-image: url(../Images/icons/arrow.jpg);}
.bodyTXT ul li{ padding-bottom:10px;}

.PricingMenu{ float:right; padding-right:15px; padding-bottom:20px;}
.pricing{ width:134px; height:66px; float:left;margin-left:10px;}
.designShowcase{ width:149px; height:68px; float:left; margin-left:10px;}
.faq{ width:133px; height:68px; float:left;}
.bottomSlideShow{width:795px;height:252px; float:left; margin-left:50px; clear:both;}
.privacyPolicyTXT{ width:700px; margin:auto; padding-top:15px;}
.privacyPolicyTXT ul{ list-style-type:none; list-style-image: url(../Images/icons/arrow.jpg);}
.privacyPolicyTXT ul li{ padding-bottom:10px;}


.demoLeftBar{width:240px; float:left; margin:40px 15px 50px 50px; background-color: #CCC }
.demoForm{ width:430px; height:400px; overflow:hidden; float:right; background-image: url(../Images/pricing-form-bg.png); margin:20px 50px ;}
.demoFormHeading{ width:200px; height:20px; float:left; color:white; margin:15px 0 0 20px; font-weight:bold;}
.demoFormTable{ width:250px; float:left; margin:30px 0 0 30px;}


.pricingTXT{ width:300px; float:left;margin:15px 0 0 20px;}
.pricingOptions{ width:500px; float:right; margin:40px 0 0 10px;}
.pricingTop{ width:500px; height:50px; float:left; background:url(../Images/pricing-top.png); background-repeat:no-repeat;}
.pricingRightmenu{width:240px; float:right; margin:15px 30px 20px 0; background-color: #CCC}

.contactBack{ width:300px; height:133px; float:left; margin:15px 0 30px 50px; background-image:url(../Images/contact-tab-bg.png);}
.contactMain{ width:529px; float:left;  margin:15px 0 0 15px;}


.newsletterMiddleBody{ width:880px; height:520px; float:left; background-image:url(../Images/background.jpg); margin :2px 0 0 2px;}
.newsletterForm{ width:290; float:left; margin:250px 0 0 300px;}

.middleBodySiteMap{ width:880px; height:520px; float:left; background-color:#59648B}
.siteMapMiddle{ width:713px; height:355px; background-image:url(../Images/sitemap-bg.png); float:left; margin:100px 0 0 80px;}
.siteMapTable{ width:603px; height:256px; float:left; margin:45px 0 0 65px;}



.contactUsIcons{ width:55px; height:55px; float:left; margin:50px 0 0 50px;}
.contactHeading{ width:237px; height:20px; float:left; margin:23px 0 0 25px; font-size:16px;}
.txtData{ width:200px; float:left;margin:5px 0 0 25px;}


.designShowcaseBars{ width:830px; height:250px; float:left; background-image:url(../Images/designShowcase.jpg); margin:0 0 0 27px;}
.designShowcaseHeading{ width:700px; float:left; margin:0 0 0 25px;}


.DesingShowcaseContainer{ width:840px; height:150px; float:left;}
.hotel{ width:219px; height:150px; float:left; margin:10px 0 0 30px;}
.total{ width:129px; height:150px; float:left;margin:10px 0 0 20px;}
.tcpul{ width:155px; height:150px; float:left;margin:10px 0 0 20px;}
.medical{ width:198px; height:150px; float:left;margin:10px 0 0 20px;}

.restaurant{ width:104px; height:150px; float:left; margin:10px 0 0 30px;}
.fero1{ width:106px; height:150px; float:left;margin:10px 0 0 10px;}
.fero2{ width:129px; height:150px; float:left;margin:10px 0 0 15px;}
.fero3{ width:113px; height:150px; float:left;margin:10px 0 0 15px;}
.fero4{ width:132px; height:150px; float:left;margin:10px 0 0 15px;}
.fero5{ width:113px; height:150px; float:left;margin:10px 0 0 15px;}

.landingPage1{width:149px; height:150px; float:left; margin:10px 0 0 40px;}
.landingPage2{width:150px; height:150px; float:left; margin:10px 0 0 30px;}
.landingPage3{width:177px; height:150px; float:left; margin:10px 0 0 30px;}
.landingPage4{width:177px; height:150px; float:left; margin:10px 0 0 30px;}


.youtube1{ width:177px; height:150px; float:left ; background-color: black; margin:10px 0 0 25px; background-image:url(../Images/thumnails/youtube1.jpg)}
.youtube2{ width:177px; height:150px; float:left ;  background-color: black; margin:10px 0 0 25px; background-image:url(../Images/thumnails/youtube2.jpg)}
.youtube3{ width:177px; height:150px; float:left ;  background-color: black; margin:10px 0 0 25px; background-image:url(../Images/thumnails/youtube3.jpg)}
.youtube4{ width:177px; height:150px; float:left ;  background-color: black; margin:10px 0 0 25px;}
.play{ width:74px; height:68px; float:left; background-image:url(../Images/play.png); background-repeat:no-repeat; margin:40px 0 0 50px;}


.shareThis{ width:200px; height:50px; float:left; margin:0 0 0 20px;}
.contactTable{ width:240px; float:left;}

#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 60px; height: 62px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 60px; height: 60px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../Images/flipMobileTagging.png) no-repeat right top;
	}