@charset "utf-8";

/* CSS Document */

#moreDetailBar{
	background:url("../images/layout/more.detail.bar.gif") left top no-repeat #081521;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#bac1c6;
	text-align:center;
	padding:7px 0;
}
#moreDetailBar a.btn{
	margin:0 0 0 10px;
	background:url("../images/layout/bottom.bar.btn.gif") 0 -30px no-repeat;
	display:inline-block;
	vertical-align:middle;
	width:105px;
	height:26px;
	outline:none;
	border:none;
}
#moreDetailBar a:hover.btn{
	background:url("../images/layout/bottom.bar.btn.gif") 0 0 no-repeat;
}
a.launchFlash{
	display:block;
	width:270px;
	height:72px;
	border:none;
	background:url("../images/layout/launch.flash.gif") left top no-repeat;
}
a:hover.launchFlash{
	background:url("../images/layout/launch.flash.gif") left -72px no-repeat;
}
a.launchPartnerPage{
	display:block;
	width:270px;
	height:72px;
	border:none;
	background:url("../images/layout/launch.partner.page.gif") left top no-repeat;
}
a:hover.launchPartnerPage{
	background:url("../images/layout/launch.partner.page.gif") left -72px no-repeat;
}
a.launchCMSDemo{
	display:block;
	width:270px;
	height:72px;
	border:none;
	background:url("../images/layout/launch.cmsdemo.gif") left top no-repeat;
}
a:hover.launchCMSDemo{
	background:url("../images/layout/launch.cmsdemo.gif") left -72px no-repeat;
}

/**** greyPatternBox ****/

#greyPatternBox{
	overflow:hidden;
	height:100%;
	background:url("../images/layout/grey.pattern.box/box.style.9.bg.gif") left top repeat-y;
}
#greyPatternBox .header{
	background:url("../images/layout/grey.pattern.box/boxstyle.9.header.jpg") left top no-repeat;
	height:63px;
}
#greyPatternBox .footer{
	background:url("../images/layout/grey.pattern.box/grey.pattern.footer.gif") left top no-repeat;	
	width:860px;
	height:10px;
}
#greyPatternBox .templates{
	background:url("../images/layout/grey.pattern.box/templates.bg.jpg") left top no-repeat;	
	height:368px;
	width:820px;
	padding:40px 0 0 40px;
}
#greyPatternBox .templates a{
	display:inline-block;
	width:240px;
	height:300px;
	margin:0 25px 0 0;
}
#greyPatternBox .launchTemplates a{
	display:block;
	width:860px;
	height:123px;
	background:url("../images/layout/grey.pattern.box/launch.template.jpg") left top no-repeat;
	border:none;
}
#greyPatternBox .launchTemplates a:hover{
	background:url("../images/layout/grey.pattern.box/launch.template.jpg") left -123px no-repeat;
}
#greyPatternBox .likeWhatYouSee{
	background:url("../images/layout/grey.pattern.box/likewhatyousee.jpg") left top no-repeat;	
	height:88px;
	width:652px;
	padding:18px 0 0 208px; 
}
#greyPatternBox .likeWhatYouSee a{
	display:block; 
	width:424px;
	height:86px;
	border:none;
}
#flashContainer{
	position:relative;
	padding:0 8px;
}	
#flashWrapper{
	width:844px;
	padding:0;
	line-height:0px;
	font-size:0px;
	background:#000;
}
#flashContainer a#completePortfolioLink{
	position:absolute;
	right:30px;
	bottom:10px;
	width:142px;
	height:32px;
	z-index:100000;
	border:none;
}
#flashContainer a.completePortfolioBlack{
	background:url("../images/layout/grey.pattern.box/complete.portfolio.gif") left top no-repeat;
}
#flashContainer  a:hover.completePortfolioBlack{
	background:url("../images/layout/grey.pattern.box/complete.portfolio.gif") left -32px no-repeat;
}
#flashContainer a.completePortfolioWhite{
	background:url("../images/layout/grey.pattern.box/complete.portfolio.white.gif") left top no-repeat;
}
#flashContainer  a:hover.completePortfolioWhite{
	background:url("../images/layout/grey.pattern.box/complete.portfolio.white.gif") left -32px no-repeat;
}
#greyPatternBox .content h2{
	font-family:"Times New Roman", Times, serif;
	font-size:29px;
	color:#2a343b;
	text-transform:none;
	letter-spacing:0.4px;
	line-height:29px;
	margin:0 0 25px 0;
	font-weight:normal;
}
#greyPatternBox .content ul{
	margin:0 0 15px 0;
}
#greyPatternBox .content ul li{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#323e47;
	line-height:17px;
	background:url("../images/layout/grey.pattern.box/listing.icon.gif") left top no-repeat;
}
#greyPatternBox .content a{
	color:#014f81;
}	
#greyPatternBox .content a:hover{
	border-bottom:1px dotted #014f81;
}	
#greyPatternBox .content p{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#323e47;
	line-height:17px;
}
#greyPatternBox .getMoreInformation a{
	border:none;
	background:url("../images/layout/grey.pattern.box/get.more.information.gif") left top no-repeat;
	width:274px;
	height:66px;
	display:inline-block;
}
#greyPatternBox .getMoreInformation a:hover{
	background:url("../images/layout/grey.pattern.box/get.more.information.gif") left -66px no-repeat;
	border-bottom:none;
}
#portfolio .tabs{
	height:29px;
	background:#f6f9fb;
}
#portfolio .tabs ul{
	height:29px;
	background:none;
	list-style-type:none;
	margin:0px 0 0 12px;
	padding:0px;
}
#portfolio .tabs ul li{
	background:none;
	margin:0px 0 0 6px;
	padding:0px;
	float:left;
}
#portfolio .tabs ul li a{
	border:none;
	line-height:29px;
	padding:0 0 0 34px;
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#000000;
	display:inline-block;
}
#portfolio .tabs ul li a span{
	line-height:29px;
	display:inline-block;
	padding:0 34px 0 0;
	cursor:pointer;
}
#portfolio .tabs ul li a:hover,#portfolio .tabs ul li a.active{
	background:url("../images/layout/grey.pattern.box/tabs.hover.gif") left top no-repeat;
	color:#f6f9fb;
}
#portfolio .tabs ul li a:hover span,#portfolio .tabs ul li a.active span{
	background:url("../images/layout/grey.pattern.box/tabs.hover.gif") right top no-repeat;
}
#completePortfolio #greyPatternBox{
	background:url("../images/layout/grey.pattern.box/dark.pattern.bg.gif") left top repeat-y;
	margin:25px auto 0 auto;
	width:860px;
}
#completePortfolio #portfolio .tabs{
	background:#3F3F3F;
}
#completePortfolio #portfolio .tabs ul li a{
	color:#999;
}
#completePortfolio #portfolio .tabs ul li a:hover, #completePortfolio #portfolio .tabs ul li a.active{
	background:url("../images/layout/grey.pattern.box/tabs.1.hover.gif") left top no-repeat;
}
#completePortfolio #portfolio .tabs ul li a:hover span, #completePortfolio #portfolio .tabs ul li a.active span{
	background:url("../images/layout/grey.pattern.box/tabs.1.hover.gif") right top no-repeat;
}
#portfolio .header{
	background:url("../images/layout/grey.pattern.box/portfolio.header.gif") left top no-repeat;
	width:860px;
	height:8px;
}

#portfolio .container{
	position:relative;
}
#portfolio .container #selectedWork{
	position:absolute;
	width:145px;
	height:145px;
	top:0; left:0;
	background:url("../images/layout/selected.work.png") left top no-repeat!important;
	background:url("../images/layout/selected.work.gif") left top no-repeat;
	z-index:500;
}

/**** addonPackage ****/

#addonPackage{
	background:url("../images/layout/grey.pattern.box/package.addon.footer.gif") left bottom no-repeat;
	padding:0 0 12px 0;
}
#addonPackage .header{
	background:url("../images/layout/grey.pattern.box/package.addon.header.gif") left top no-repeat;
	height:14px;
}
#addonPackage .content{
	background:#323e47;
	padding:2px 25px 2px 19px;
}
#addonPackage .content h4{
	font-family:Calibri, Candara, sans-serif;
	font-size:17px;
	color:#f6f9fb;
	font-weight:normal;
	font-style:italic;
	margin:0 0 15px 0;
}
#addonPackage .content  ul{
	margin:0 0 15px 0;
}
#addonPackage .content  ul li{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#b8bec3;
	line-height:15px;
	background:url("../images/layout/grey.pattern.box/package.list.gif") left top no-repeat;
	margin-top:5px;
}
#addonPackage .content a{
	color:#83d5ff;	
	border:none;
}	
#addonPackage .content a:hover{
	color:#b8bec3;	
	border-bottom:none;
}	

ul#addonTabs{
	list-style-type:none;
	background:url("../images/layout/tab.bg.gif") left bottom repeat-x;
	margin:0 0 20px 0;
	height:31px;
}
ul#addonTabs li{
	background:none;
	float:left;
	margin:0px 3px 0 0;
	padding:0px;
}
ul#addonTabs li a{
	display:block;
	float:left;
	line-height:31px;
	border:none;
	background:url("../images/layout/addon.tab.bg.gif") left top no-repeat;
	padding:0 0 0 13px;
}
ul#addonTabs li a span{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	background:url("../images/layout/addon.tab.bg.gif") right top no-repeat;
	padding:0 13px 0 0;
	cursor:pointer;
}
ul#addonTabs li a:hover span{
	color:#518bd8;
}
ul#addonTabs li.active a{
	background:url("../images/layout/addon.tab.bg.gif") left -31px no-repeat;
}
ul#addonTabs li.active a span{
	background:url("../images/layout/addon.tab.bg.gif") right -31px no-repeat;
	color:#037ec1;
}
#addons h3{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#1f2529;
	line-height:15px;
	margin:15px 0 5px 0;
	font-weight:bold;
	text-transform:none;
}
#addons p{
	padding:0 0 0 15px;
	color:#1f2529;
	margin:0 0 12px 0;
}



/**** Client Logos ****/

#clientLogos{
	overflow:hidden;
	width:860px;
	margin:0 0 22px 0;
}
#clientLogos div{
	width:171px;
	height:94px;
	display:block;
	float:left;
	margin:1px 1px 0 0;
	font-size:1px;
	line-height:1px;
	background-position:left top;
}
#clientLogos div:hover{
	background-position:left -94px;
}

/**** featuredTestimonial :: Testimonial Page ****/

.featuredTestimonial{
	background:#e9eff4;
	border:solid 2px #dbe3e9;
	padding:20px;
}

/**** Services Accordian ****/

dl#services{
	margin:0 0 15px 0;
	width:496px;
	background:url("../images/layout/services.accordian.footer.gif") left bottom no-repeat;
	padding:0 0 9px 0;
}
dl#services dt{
	background:url("../images/layout/services.gif") left bottom repeat-x #e6e9eb;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	color:#2f2f2f;
	line-height:22px;
	cursor:pointer;
	margin:0px;
	padding:8px 0 8px 12px;
	display:block;
	outline:none;
	
}
dl#services dd{
	position:relative;
	background:url("../images/layout/services.gif") left bottom repeat-x #edf0f2;
	padding:14px 16px 0 16px;
	margin:0px;
	overflow:hidden;
	height:100%;
}
dl#services dd h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:23px;
	font-style:oblique;
	line-height:1.3em;
	color:#212121;
	margin:0 0 0.2em 0;
}

/**** darkGrayBox: Three boxes as testimonials, why webworld experts etc. Used in Home Page,glossary,Testimonial Pages ****/

.darkGrayBox{
	background:#282c2f;
/*	-moz-box-shadow:#d8dcdf 5px 5px 2px;
	-webkit-box-shadow:#d8dcdf 5px 5px 2px;
	box-shadow:#d8dcdf 5px 5px 2px;
*/}
.darkGrayBox .row1{
	padding:17px 10px 6px 17px;
	border-bottom:solid 1px #24282c;
  	background:url("../images/layout/row1.bg.gif") left bottom repeat-x #52585d; 
}
.darkGrayBox .row2{
	border-bottom:solid 1px #1d2123;
  	background:#31363a; 
	padding:17px 10px 11px 17px;
}
.darkGrayBox .row3{
	padding:17px 10px 17px 17px;	
}
.darkGrayBox p{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#a9b2b8;
	line-height:16px;
	margin:0 0 5px 0;
}
.darkGrayBox p a{
	color:#d8dcdf;
	border-bottom:none;
}
.darkGrayBox p a:hover{
	color:#fff;
	border-bottom:none;
}
.darkGrayBox ul{
	margin:13px 0 0 5px; 
}	
.darkGrayBox ul li{
	background:url("../images/layout/icons/block.bullet.gif") left top no-repeat;
	color:#888f94;
}
.darkGrayBox h4{
	color:#ced7df;
	margin:0 0 5px 0; 
}
.darkGrayBox .row3 p, .darkGrayBox .row3 p a{
	font-family:Tahoma,Arial, sans-serif;	
	font-size:11px; 
	color:#888f94;
}
.darkGrayBox .row3 p a:hover{
	color:#fff;
}
.darkGrayBox .row3 p a img{
	vertical-align:middle;
}

/**** contactInfoBar  For Sitemap And Contact Us pages *****/

.contactInfoWrapper{
	background:url("../images/layout/boxStyle2.container.gif") right top repeat-y;	
}
.contactInfoBar{
	background:#dfe8f0;	
	text-align:right;
}
.contactInfoBar .row1{
	border-bottom:none;
  	background:url("../images/layout/icons/blockstyle2.row1.bg.gif") left top repeat-x #bbd4e9;
	padding:13px;
}
.contactInfoBar .row1 h3{
	color:#0044b3;
	line-height:17px;
	font-weight:normal;
	text-transform:none;
	margin:0 0 15px 33px;
}
.contactInfoBar p{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#393939;
	line-height:16px;
	margin:0 0 10px 0;
}
.contactInfoBar p a{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#393939;
	line-height:16px;
	border-bottom:none;
}
.contactInfoBar p a:hover{
	color:#0044b3;
}

/**** featuredAddon :: Addon Packages ****/

.featuredAddon{
	background:url("../images/layout/featured.addon/box.style.3.gif") left bottom repeat-x #3b4145;
	padding:15px 13px 10px 13px;
}	
.featuredAddon h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	font-style:italic;
	color:#e5eff8;
	margin:0 0 10px 0;
}	
.featuredAddon h4.flashHeading{
	background:url("../images/layout/featured.addon/flash.heading.block3.gif") right top no-repeat;	
	padding:0 77px 0 0; 
}
.featuredAddon h4.blogHeading{
	background:url("../images/layout/featured.addon/blog.heading.block.3.gif") right top no-repeat;	
	padding:0 45px 0 0; 
}
.featuredAddon h4.photoHeading{
	background:url("../images/layout/featured.addon/photos.heading.block3.gif") right top no-repeat;	
	padding:0 43px 0 0; 
}
.featuredAddon h4.subscriptionHeading{
	background:url("../images/layout/featured.addon/subscribe.block3.gif") right top no-repeat;	
	padding:0 42px 0 0; 
}
.featuredAddon p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#979ea4;
	line-height:15px;
	margin:0 0 10px 0;
}

/**** box Style5 :: Ten  Points Development Process *****/

.top10Reasons{
	border:solid 3px #dbe3e9;
	padding:6px;
	background:#e9eff4;
/*	-moz-border-radius:3px;
	-webkit-border-radius:3px;
*/}
.top10Reasons .rowColumn1{
	padding:10px 25px 8px 35px;
	border-bottom:dashed 1px #939393;
}
.top10Reasons .rowColumn2{
	border-bottom:dashed 1px #939393;
	background:url("../images/layout/top.10.reasons/two.col.divider.gif") center top repeat-y;
	overflow:hidden;
	height:100%;
}
.top10Reasons .rowColumn3{
	border-bottom:dashed 1px #939393;
	background:url("../images/layout/top.10.reasons/3.col.bg.ten.points.gif") center top repeat-y;
	overflow:hidden;
	height:100%;
}	
.top10Reasons .point1{
	background:url("../images/layout/top.10.reasons/point.1.gif") left 7px no-repeat;
}
.top10Reasons .point2{
	background:url("../images/layout/top.10.reasons/point.2.gif") left 7px no-repeat;
}
.top10Reasons .point3{
	background:url("../images/layout/top.10.reasons/point.3.gif") left 7px no-repeat;
}
.top10Reasons .point4{
	background:url("../images/layout/top.10.reasons/point.4.gif") left 7px no-repeat;
}
.top10Reasons .point5{
	background:url("../images/layout/top.10.reasons/point.5.gif") left 7px no-repeat;
}
.top10Reasons .point6{
	background:url("../images/layout/top.10.reasons/point.6.gif") 5px 7px no-repeat;
}
.top10Reasons .point7{
	background:url("../images/layout/top.10.reasons/point.7.gif") left 4px no-repeat;
}
.top10Reasons .point8{
	background:url("../images/layout/top.10.reasons/point.8.gif") left 7px no-repeat;
}
.top10Reasons .point9{
	background:url("../images/layout/top.10.reasons/point.9.gif") left 7px no-repeat;
}
.top10Reasons .point10{
	background:url("../images/layout/top.10.reasons/point.10.gif") left 7px no-repeat;
}
.top10Reasons .rowColumn2 .column1{
	width:363px;
	padding:10px 10px 15px 35px;
}
.top10Reasons .rowColumn2 .column2{
	width:340px;
	padding:10px 25px 15px 35px;
}
.top10Reasons .rowColumn3 .column1{
	width:215px;
	padding:10px 25px 15px 35px;
}
.top10Reasons .rowColumn3 .column2{
	width:212px;
	padding:10px 25px 15px 35px;
}
.top10Reasons .rowColumn3 .column3{
	width:202px;
	padding:10px 25px 15px 35px;
}
.top10Reasons p{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	line-height:15px;
	color:#404040;
}
.top10Reasons p a{
	color:#548e8f;
	border-bottom:none;
	text-decoration:underline;
}
.top10Reasons p a:hover{
	text-decoration:none;
}

/**** priceQuoteForm :: Template Design ****/

#priceQuoteForm{
	padding:15px;
	background:#323e47;
	border:#ced4d9 solid 1px;
/*	-moz-border-radius:3px;
	-webkit-border-radius:3px;
*/}
#priceQuoteForm table td{
	font-family:verdana, Arial, Sans-serif;
	font-size:11px;
	color:#b8bec3;
	line-height:15px;
	padding:0 0 5px 0;
}
#priceQuoteForm table td input{
	background:#191f24;
	border:solid 1px #365265;
	padding:2px 0 2px 3px;
	color:#b8bec3;
}
#priceQuoteForm table td input:focus{
	background:#191f24;
	border:solid 1px #468ac3;
}

/**** boxStyleDual *****/

#boxStyleDual{
	position:relative;
	overflow:hidden;
	height:100%;
	padding:0 0 98px 0;
	background:url("../images/layout/box.style.dual/boxstyledual.bg.gif") left bottom no-repeat;
}
#boxStyleDual .column1{
	position:absolute;
	background:url("../images/layout/box.style.dual/boxStyle.dual.column1.footer.gif") left bottom no-repeat;
	width:299px;
	padding:0 0 10px 0;
	left:0px;
	top:72px;
	margin:0px;
}
#boxStyleDual .column2{ 
	float:right;
	clear:right;
	width:562px;
	margin:0px;padding:0px;
	background:url("../images/layout/box.style.dual/boxdual.col2.bg.gif") left top repeat-y;
}
/** column1 of boxStyleDual **/
#boxStyleDual .column1 .header{
	background:url("../images/layout/box.style.dual/boxStyle.dual.column1.header.gif") left top no-repeat;
	height:10px;
	margin:0px;
}
#boxStyleDual .column1 .content{
	background:url("../images/layout/box.style.dual/boxStyle.dual.column1.content.gif") left top repeat-x #449ae2;
	padding:1px 20px 20px 20px;
	border-right:solid 1px #407197;
	margin:0px;
}
#boxStyleDual .column1 .content blockquote{
	background:url("../images/layout/box.style.dual/boxdual.blockquote.gif") left top no-repeat;
	margin:25px 5px 15px 5px;
	padding:0;
}
#boxStyleDual .column1 .content blockquote p{
	font-family:Arial, verdana,sans-serif;
	font-size:14px;
	line-height:21px;
	color:#fff;
	padding:0 25px 9px 32px;
	margin:0;
	margin-top:3px;
	background:none;
	font-style:normal;
}
#boxStyleDual .column1 .content blockquote p.writer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background:none;
	padding:0 0 0 34px;
	line-height:14px;
	color:#fff;
}
#boxStyleDual .column1 .content blockquote p.writer a{
	color:#FFC;
	border-bottom-color:#CCC;
}

#boxStyleDual .column1 .content ul{
	margin:0;	
}
#boxStyleDual .column1 .content ul li{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:2px;
	color:#fafdff;
	background:url("../images/layout/box.style.dual/block.bullet.2.gif") left 3px no-repeat;
}

#boxStyleDual .column1.webdevelopment .header{
	background:url("../images/layout/box.style.dual/boxStyle.dual.column1.header1.gif") left top no-repeat;
	height:10px;
	margin:0px;
}
#boxStyleDual .column1.webdevelopment .content{
	background:url("../images/layout/box.style.dual/boxStyle.dual.column1.content1.gif") left top repeat-x #449ae2;
	padding:1px 20px 20px 20px;
	border-right:solid 1px #407197;
	margin:0px;
}
#boxStyleDual .column1.webdevelopment{
	position:absolute;
	background:url("../images/layout/box.style.dual/boxStyle.dual.column1.footer1.gif") left bottom no-repeat;
	width:299px;
	padding:0 0 10px 0;
	left:0px;
	top:72px;
	margin:0px;
}


/** column2 of boxStyleDual **/
#boxStyleDual .column2 .header{
	background:url("../images/layout/box.style.dual/boxdual.col2.header.gif") left top no-repeat;	
	height:28px;
	margin:0px;
}
#boxStyleDual .column2 .content{
	background:url("../images/layout/box.style.dual/boxdual.style.col2.content.bg.gif") left top repeat-x #f0f6f9;	
	margin:0 1px 0 8px;
	overflow:hidden;
	height:100%;
	width:490px;
	padding:0 31px;
}
#boxStyleDual .column2 .content h3.h3textStyleImage{
	margin:0 0 10px 0;	
}	
#boxStyleDual .column2 .content ul li{
	font-family:verdana, Arial, Sans-serif;
	font-size:12px;
	color:#576168;
	line-height:17px;
}

/**** WHAT IS NEXT ****/
ul#whatIsNext{
	margin:0; padding:0;
	display:block;
	width:860px;
	background:url("../images/layout/whats.next.gif") left top no-repeat;
}
ul#whatIsNext li{
	list-style:none;
	display:block;
	width:669px;
	height:130px;
	padding:69px 161px 0 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#394851;
	background:none;
}
ul#whatIsNext li.start150Only{
	background:url("../images/layout/150.only.gif") right -251px no-repeat;
}
ul#whatIsNext li:hover.start150Only{
	background:url("../images/layout/150.only.gif") right 60px no-repeat;
}
ul#whatIsNext li.start60Only{
	background:url("../images/layout/60.only.gif") right -251px no-repeat;
}
ul#whatIsNext li:hover.start60Only{
	background:url("../images/layout/60.only.gif") right 60px no-repeat;
}
ul#whatIsNext li.freeConsultation{
	background:url("../images/layout/free.consultation.gif") right -251px no-repeat;
}
ul#whatIsNext li:hover.freeConsultation{
	background:url("../images/layout/free.consultation.gif") right 60px no-repeat;
}
/**** Keyword Cloud ****/

#keywordCloud{
  	background:url("../images/layout/keyword.cloud.gif") left top repeat-x #3e4449; 
}
#keywordCloud h4{
	color:#fff;
}
#keywordCloud p{
	color:#000000;
}
#keywordCloud p a{
	color:#000000;
}
#keywordCloud p a:hover{
	color:#a9b2b8;
}
#keywordCloud p a.ft1{
	font-size:9px;
	line-height:11px;
}
#keywordCloud p a.ft2{
	font-size:11px;
	line-height:13px;
}
#keywordCloud p a.ft3{
	font-size:13px;
	line-height:15px;
}
#keywordCloud p a.ft4{
	font-size:15px;
	line-height:17px;
}
#keywordCloud p a.ft5{
	font-size:17px;
	line-height:19px;
}
#keywordCloud p a.ft6{
	font-size:19px;
	line-height:21px;
}
#keywordCloud p a.ft7{
	font-size:21px;
	line-height:23px;
}
#keywordCloud p a.ft8{
	font-size:23px;
	line-height:25px;
}
#keywordCloud p a.ft9{
	font-size:25px;
	line-height:27px;
}
#keywordCloud p a.ft10{
	font-size:27px;
	line-height:29px;
}

/**** alphabets ****/

#alphabets{
	overflow:hidden;
	height:100%;
	padding:5px 0 0 0;
}
#alphabets a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ced7df;
	width:19px;
	line-height:19px;
	display:block;
	float:left;
	margin:4px 8px 4px 0;
	border:solid 1px #202426;
	text-align:center;
}
#alphabets a:hover{
	background:#464d53;
}


/**** Background ****/
.simple3Steps{
	background:url("../images/layout/3.simple.step.jpg") left top no-repeat;
	width:576px;
	height:421px;
	display:block;
}

/**** tableListing ****/

#tableListing{
	border:solid 1px #dedede;
	margin:20px 0;
}
#tableListing table th{
	background:url("../images/layout/table.th.gif") left bottom repeat-x #fff;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1b1b1b;
	font-weight:bold;
	border-right:solid 1px #dedede;
	border-bottom:solid 1px #c7c7c7;
	padding:0 10px;
}
#tableListing table tr td{
	font-family:Verdana, Arial, sans-serif;
	border-right:solid 1px #dedede;
	font-size:11px;
	color:#42423d;
	line-height:17px;
	padding:4px 10px;
}
#tableListing table tr td.idleTime{
	background:#f09e9e;
}
#tableListing table tr.alternate td{
	background:#f6f6f6;
}
#tableListing table tr:hover td{
	background:#f1f1f1;
}
#tableListing table tr td.idleTime,#tableListing table tr td.workingHours,#tableListing table tr td.nonworkingHours{
	color:#333333;
	border-bottom:#dddddd solid 1px;
	border-top:solid 1px #fff;
}
#tableListing table tr td.idleTime,#tableListing table tr.alternate td.idleTime,#tableListing table tr:hover td.idleTime{
	background:#ffc1c1;
}
#tableListing table tr td.workingHours,#tableListing table tr.alternate td.workingHours,#tableListing table tr:hover td.workingHours{
	background:url("../images/layout/workinghours.gif") left top repeat;	
}
#tableListing table tr td.nonworkingHours,#tableListing table tr.alternate td.nonworkingHours,#tableListing table tr:hover td.nonworkingHours{
	background:#c1f3ff;	
}
#legends{
	margin:0 0 15px 10px;	
}
#legends .idleTime,#legends .workingHours,#legends .nonWorkingHours{
	padding:0 0 0 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#404040;
	line-height:15px;
	margin:0 0 6px 0;
}	
#legends .idleTime{
	background:url("../images/layout/legends.gif") left top no-repeat;
}
#legends .workingHours{
	background:url("../images/layout/legends.gif") left -20px no-repeat;
}
#legends .nonWorkingHours{
	background:url("../images/layout/legends.gif") left -40px no-repeat;
}

/**** Addons Properties ****/
#addonThumbnails{
	height:100%;
	overflow:hidden;
}
#addonThumbnails span{
	display:block;
	width:171px;
	float:left;
	font-size:0;
	line-height:0;
}
#addonThumbnails span a{
	display:block;
	border-bottom:none;
	border:solid 1px #e8e8e8;
	background:#FFF;
	padding:2px;
	font-size:0;
	line-height:0;
}
#addonThumbnails span a:hover{
	border:solid 3px #a4eaff;
	padding:0px;
}
#testimonialMoreLink{
	position:absolute;
	width:184px;
	height:30px;
	left:115px;
	top:288px;
	margin:0px;
}
#testimonialMoreLink a{
	display:block;
	width:184px;
	height:30px;
	background:url("../images/layout/box.style.dual/more.testimonials.link.gif") left top no-repeat;
	border:none;
}
#testimonialMoreLink a:hover{
	background:url("../images/layout/box.style.dual/more.testimonials.link.gif") 0 -34px no-repeat;
}

/**** Ecommerce Block ****/

#ecommerceBlock{
	width:860px;
	background:url("../images/layout/ecommerce.block.content.rptr.gif") 1px top repeat-y;
	margin:0 0 15px 0;  
}
#ecommerceBlock .ecommerceBlockFooter{
	background:url("../images/layout/ecommerce.block.footer.gif") 1px top no-repeat;
	width:860px;
	height:73px;
}
#ecommerceBlock .ecommerceBlockContent{
	position:relative;
	background:url("../images/layout/ecommerce.block.content.gif") left top no-repeat;	
	min-height:318px;
	height:auto !important;
	height:318px;
	padding:50px 80px  0 80px; 
}	

/**** boxListing ******/

.boxListing{
	overflow:hidden;
	margin:25px 0 15px 0;
}
.boxListing span.ecommerceBox{
	background:url("../images/layout/ecommerce.list.header.gif") left top no-repeat #c5d2dc;
	display:inline-block;
	width:133px;
	vertical-align:top;
	text-align:center;
	padding:10px 0 0 0;
	margin:0 14px;
}
.boxListing span.ecommerceBox a,.boxListing span.ecommerceBox a:hover{	border:none;}
.boxListing span.ecommerceBox span.footerEcommerceBox{
	background:url("../images/layout/ecommere.list.footer.gif") left bottom no-repeat;
	height:10px;
	line-height:0px;
	font-size:0px;
	width:133px;
	display:inline-block;
}
.boxListing span.ecommerceBox p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2d2d32;
	line-height:30px;
	margin:0 0 0 0; 
}
#ecommerceBlock a.signUpForDemo{
	background:url("../images/layout/signup.for.demo.gif") left top no-repeat;	
	display:block;
	width:150px;
	height:150px;
	position:absolute;
	right:0px;
	bottom:-44px !important;
	bottom:-29px;
	border:none;
}
#ecommerceBlock a:hover.signUpForDemo{ background-position:left -150px;}

/***** ecommerce Tabs ****/

ul#ecommerceTabs{
	margin:0px;
	list-style-type:none;
	position:absolute;
	height:173px;
	width:695px;
	left:0px;
	top:0px;
	z-index:10000000;
	padding:16px 0 0 165px;
}
ul#ecommerceTabs.ecommerceTab1Active{ background:url("../images/layout/tab2.gif") left top no-repeat; }
ul#ecommerceTabs.ecommerceTab2Active{ background:url("../images/layout/tab1.gif") left top no-repeat; }
ul#ecommerceTabs.ecommerceTab3Active{ background:url("../images/layout/tab3.gif") left top no-repeat; }
ul#ecommerceTabs li{ float:left; background:none; margin:0px; padding:0px; }
ul#ecommerceTabs li a{
	font-size:0px;
	line-height:0px;
	border:none;
	display:block;
}
ul#ecommerceTabs li a.ecommerceTab1{ width:162px; 	height:171px;}
ul#ecommerceTabs li a.ecommerceTab2{ width:205px; 	height:171px;}
ul#ecommerceTabs li a.ecommerceTab3{ width:162px;	height:171px;}
	
	


