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

html, body, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, fieldset, legend, h1, h2, h3, h4, h5, h6, p, a, img, sub, sup, ol, ul, li{
	margin:0;
	padding:0;
	border:0;
}
body{
	background:#e6e9eb;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#404040;
}
#logoLink{
	position:absolute;
	top:21px;
	left:50%;
	margin-left:-473px;
	width:292px;
	height:44px;
}
#logoLink a{
	display:block;
	width:292px;
	height:44px;
	border:none;
	background:none;
	z-index:5000;
}
.hidden{ display:none; }
/**** Universal Proprities ****/
.container{
	height:100%;
	overflow:hidden;
}
.column1, .column2, .column3, .column4, .column5{
	float:left;
}
.last{
	clear:right;
}
.clear{
	clear:both;
}
/**** Header Partition ****/
#pageHeader{
 position:relative;
 background:#050505;
}
#contactInfo{
 position:absolute;
 width:188px; height:51px;
 padding:35px 0 0 165px;
 background:url("../images/layout/contact_nos.gif") 0 0 no-repeat;
 left:50%; margin-left:120px;
 z-index:500;
 display:none;
}
#contactInfo a{
 display:block;
 width:188px; height:51px;
 border:none; text-decoration:none;
}
#contactInfo a.chatzillaOnline{
 background:url("../images/layout/chatzilla-online.gif") 0 0 no-repeat;
}
#contactInfo a:hover.chatzillaOnline{
 background-position:0 -51px;
}
#contactInfo a.chatzillaOffline{
 background:url("../images/layout/chatzilla-offline.gif") 0 0 no-repeat;
}
#pageHeader .header{
	overflow:hidden;
	position:relative;
	width:100%;
	background:#050505;
	height:424px;
}
#flashBanner, #servicesBanner{
	position:absolute;
	left:50%;
	margin-left:-720px;
	background:#000;
}
#flashBanner img, #servicesBanner img{
	display:none;
}
#pageHeader .footer{
}
#pageHeader .footer .container{
	margin:0 auto;
	width:860px;
	padding:0 42px;
	overflow:visible;
}
#pageHeader .footer .container .column2{
	width:790px;
	height:141px;
}
/**** Main Navigation's ****/
ul#mainMenu{
	list-style-type:none;
	margin:0px;
	padding:27px 0;
	width:70px;
}
ul#mainMenu li{
	background:none;
	margin:0px;
	padding:0px;
}
ul#mainMenu li{
	position:relative;
}
ul#mainMenu li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	width:63px;		
	text-transform:uppercase;
	text-align:right;
	display:inline-block;
	text-decoration:none;
	color:#a6abae;
	border:none;
	padding:0 7px 0 0;
}
ul#mainMenu li a:hover{
	color:#fff;	
}
/** First Level Drop Down **/
ul#mainMenu ul{
	position:absolute;
	left:63px;
	top:-62px;
	display:none;
	background:url("../images/layout/dropdown/dropdown.indicator.gif") left top no-repeat;
	z-index:100000;
	width:164px;
	padding:0 0 0 10px;
	margin:0px;
}
ul#mainMenu ul li{
	padding:0 2px;
	background:url("../images/layout/dropdown/dropdown.li.bg.gif") left top repeat-y;
	width:160px;
}
ul#mainMenu li.menuheader{
	background:url("../images/layout/dropdown/dropdown.header.gif") left bottom no-repeat;
	width:164px;
	padding:0px;
	height:7px;
}
ul#mainMenu li.menufooter{
	background:url("../images/layout/dropdown/dropdown.footer.gif") left top no-repeat;
	width:164px;
	padding:0px;
	height:7px;
}
ul#mainMenu ul li a{
	display:inline-block;
	width:149px;
	padding:0 0 0 11px;
	text-align:left;
	font-size:11px;
	color:#848484;
	line-height:24px;
	text-transform:none;
}
ul#mainMenu ul li a:hover{
	background:#3e3e3e;	
}
/**** Second Level Dropdown ****/
ul#mainMenu ul li ul{
	left:164px;
	background:none;
	padding:0px;
	width:164px;
	top:-7px;
	margin:0px;
}

/**** Navigation On hover Events ...****/
ul#mainMenu li:hover ul{
	display:block;	
}
ul#mainMenu li.sfhover ul{
	display:block;	
}
ul#mainMenu li:hover ul ul{
	display:none;	
}
ul#mainMenu li.sfhover ul ul{
	display:none;	
}
ul#mainMenu ul li:hover ul{
	display:block;	
}
ul#mainMenu ul li.sfhover ul{
	display:block;	
}


/**** Banner Change according to pages ****/
body#thankYou{
	background:#050505;	
}
body#thankYou #pageHeader .header{
	background:url("../images/banners/thankyou.gif") center top no-repeat;
	height:437px;
}
body#flash #pageHeader .header{
	background:url("../images/banners/flash.2.gif") center top no-repeat;
	height:86px;
}
body#flash #pageHeader .flash {
	position:relative;
	left:auto;
	margin:0 auto;
	width:942px;
	border:solid 4px #000;
}
body#completePortfolio{
	background:#050505;
}
body#completePortfolio #pageHeader{
	background:#3F3F3F;
}
body#completePortfolio #pageHeader .header{
	background:url("../images/banners/portfolio.header.gif") center top no-repeat #282828;
	height:86px;
}
#completePortfolio #pageHeader #portfolio .header{
	background:url("../images/layout/grey.pattern.box/portfolio.header.1.gif") left top no-repeat;
	width:860px;
	height:8px;
	overflow:auto;
}

body#completePortfolio #pageHeader .footer{
	background:#050505;
}

/****************//******************/

/**** Breadcrumb ****/
#pageLinks{
	background:#a4adb4;
	border-top:solid 1px #c7cdd1;
	border-bottom:solid 2px #929ca4;
}
#pageLinks .container{
	margin:0 auto;
	width:924px;
	padding:0 10px;
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#51585d;
	line-height:30px;
	padding:0 5px;
	height:31px;
}
#pageLinks .container .column1{
	color:#14212b;
}	
#pageLinks .container .column1 a{
	color:#000;
	display:block;
	float:left;
	background:url("../images/layout/breadcrumb.bar.gif") right top no-repeat;
	padding:0 18px 0 6px;
	margin:0 6px 0 0;
}
#pageLinks .container .column1 a:hover{
	background:url("../images/layout/breadcrumb.bar.hover.gif") right top no-repeat;
	color:#004d7b;
}
#pageLinks .container .column1 a.home{
	background:url("../images/layout/breadcrumb.home.gif") right top no-repeat;
	width:56px;
	height:31px;
}
#pageLinks .container .column1 a:hover.home{
	background:url("../images/layout/breadcrumb.home.gif") right -31px no-repeat;
}
#pageLinks .container .column2{
	text-align:right;
	float:right;
	text-transform:lowercase;
}
#pageLinks .container a{
	text-decoration:none;
	text-transform:none;
	color:#000;
	border:none;
}
#pageLinks .container a:hover{
	color:#21547a;
}
/**** Page Container ****/
#pageContent{
	width:860px;
	padding:30px 55px 0;
	margin:0 auto;
	background:url("../images/layout/page.content.bg.gif") center top repeat-y #e6e9eb;
	font-size:0px;
	line-height:0px;
	height:100%;
}



/**** Page Footer ****/
#pageFooter{
	background:#050505;
	padding:0px 0 30px 0 !important; 
	padding:1px 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#696e71;
	font-size:11px;
}
#pageFooter .partners a{
	color:#45484a;
}
#pageFooter #loginCutomerArea{
	width:104px;
	height:125px;
}
#pageFooter #loginCutomerArea a{
	display:block;
	width:104px;
	height:125px;
	background:url("../images/layout/customer.area.gif") left top no-repeat;
}
#pageFooter #loginCutomerArea a:hover{
	background:url("../images/layout/customer.area.gif") -110px top no-repeat;
}
#pageFooter .container.grey, #pageFooter .container.grey a{
	color:#565b5d;
}
#pageFooter .container.grey a:hover{
	color:#fff;
}

#pageFooter a{
	text-decoration:none;
	color:#696e71;
	border:none;
}
#pageFooter a:hover{
	color:#fff;
}
#pageFooter .header{
	margin:0 auto;
	width:860px;
	padding:0 55px 10px 55px;
}
#pageFooter .column2, #pageFooter .column3, #pageFooter .column4{
	border-left:dotted 1px #2c2c2c;
	padding:0 0 0 10px;
}
#pageFooter .header .column1 , #pageFooter .header .column2, #pageFooter  .header .column3{
	margin:45px 0 0 0;
}
#pageFooter .header .column4{
	border:none;	
}
#pageFooter .footer{
	margin:0 auto;
	width:860px;
	padding:0 55px;
}
#pageFooter .footer .container{
	padding-top:10px;
	border-top:dotted 1px #2c2c2c;
}
#pageFooter .column3 a{
	color:#696e71;
}
#pageFooter .column3 a:hover{
	color:#fff;
}

/**** Sitemap ****/

div#sitemap{
	border:solid 1px #dfe8f1;
	background:url("../images/layout/sitemap.bg.gif") left top repeat-y;
	overflow:hidden;
	height:100%;
	margin:0px;
}	

/***** Validate *****/

#validate{
	height:13px;
	margin:3px 0 0 0;
	padding:0 0 0 17px;
	width:62px;
	background:url("../images/layout/validate.icn.gif") left top no-repeat;
}
#validate a.xHtml{
	background:url("../images/layout/validate.icn.gif") -17px top no-repeat;
	width:39px;
	height:13px;
	display:inline-block;
}
#validate a:hover.xHtml{
	background:url("../images/layout/validate.icn.gif") -17px -13px no-repeat;
}
#validate a.css{
	background:url("../images/layout/validate.icn.gif") -56px top no-repeat;
	width:22px;
	height:13px;
	display:inline-block;
}
#validate a:hover.css{
	background:url("../images/layout/validate.icn.gif") -56px -13px no-repeat;
}

/**** ****/
#pageFooter ul.footerMenu{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#pageFooter ul.footerMenu li{
	background:none;
	padding:0px;
	margin:0px;
	line-height:15px;
	width:80px;
	position:relative;
}
#pageFooter ul.footerMenu li a{
	color:#696e71;
	display:inline-block;
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#pageFooter ul.footerMenu li a:hover{
	color:#fff;	
}
#pageFooter ul.footerMenu li ul{
	display:none;	
	position:absolute;
	left:0px;
	bottom:13px;
	border:solid 1px #3c3c3c;
	list-style-type:none;
	width:160px;
	background:#2a2a2a;
	z-index:1110000;
	margin:0px;
	padding:0px;
}	
#pageFooter ul.footerMenu li ul li{
	border-bottom:solid 1px #343434;
	margin:0px;
	padding:0px;
	width:auto;
}
#pageFooter ul.footerMenu li ul li.last{
	border-bottom:none;
	margin:0px;
	padding:0px;
}
#pageFooter ul.footerMenu li ul li a{
	padding:4px 5px 4px 6px;
	display:inline-block;
	width:149px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	line-height:13px;
	color:#777777;
}
#pageFooter ul.footerMenu li ul li a:hover{
	background:#191919;
	color:#b5b5b5;
}	
#pageFooter ul.footerMenu li:hover ul{
	display:block;
}
#pageFooter ul.footerMenu li:hover ul ul{
	display:none;
}
#pageFooter ul.footerMenu li ul li:hover ul{
	display:block;
}
#pageFooter ul.footerMenu li ul li ul{
	left:160px;
	bottom:0px;
}


/**** Addons Page ****/
body#addonsPage{
	background:url("../images/layout/addons.page.bg.gif") left top repeat-x #d2d1d0;
}
#addonPageHeader{
	width:926px;
	height:36px;
	margin:31px auto;
	background:url("../images/layout/addons.page.logo.gif") left top no-repeat;
}
#addonPageHeader a{
	display:block;
	width:295px;
	height:36px;
	border:none;
}
#addonPageContainer{
	margin:0 auto;
	padding:21px 0;
	width:927px;
}
ul#addonPageBanner{
	list-style-type:none;
	border:solid 1px #bbb;
	margin:0; padding:0;
	margin-bottom:9px;
}
ul#addonPageBanner li{
	border:solid 1px #fefefe;
	background:#f4f4f4;
	padding:10px;
}
#addonPageContent{
	background:url("../images/layout/addons.page.content.bg.gif") left repeat-y;
}
#addonPageContent .header{
	background:url("../images/layout/addons.page.content.top.bg.gif") left top no-repeat;
	height:30px;
}
#addonPageContent .content{
	background:url("../images/layout/addons.page.content.bottom.gif") left bottom no-repeat;
	padding:0 30px 50px 30px;
}
a.addonImageThumb{
	border:solid 1px #3d90e4;
	padding:3px;
	background:#e5e5e5;
}
a:hover.addonImageThumb{
	border:solid 4px #3d90e4;
	padding:0;
}