/* GENERAL STYLES */
*{
	margin: 0;
	padding: 0;
}

a.aTagCC0000:hover{color: #CC0000 !important;}
a.aTag017CB3:hover{color: #017CB3 !important;}
a.aTagAmia:hover{color: #695166 !important;}
a.aTagXmas:hover{color:#7c9231 !important;}
a.aTagXtreme:hover{color: #BEADF1 !important;}
a.aTagVast:hover{color:#af663d !important;}
a.aTagMWD:hover{color:#933f75 !important;}
a.aAest:hover{color:#50ace9 !important;}
a.aIfaa:hover{color:#88a81f !important;}
a.aPerfection:hover{color:#fa9109 !important;}
a.aSeear:hover{color:#757575 !important;}
a.aChe:hover{color:#70d22c !important;}

.transparentTtl{
	width: 206px;
	height: 25px;
	float: left;
	padding: 0px;
	margin: 0px;
	text-indent:-1000000px;
	background-color: #cc0000;
}
.transparentTtlBorder{
	height: 3px;
	width: 206px;
	float: left;
	font-size: 0px;
	background: url(/media/build/ttl_border.png) top left no-repeat #cc0000; 
	margin: 0px 0px 10px 0px;
}
.ttlWhatsNew{	
	background: url(/media/build/ttl_whatsnew.png) #cc0000 top left no-repeat;
}
.ttlLatestWork{	
	background: url(/media/build/ttl_latestwork.png) #cc0000 top left no-repeat;
}
.ttlContactUs{	
	background: url(/media/build/ttl_contactus.png) #cc0000 top left no-repeat;
}


input.zerosevenMailSubmit{
	float: right !important;
	margin-right: 18px;
}

img.nImage{
	display:block;
	margin:0 0 5px 0 !important;
	padding:0 !important;
}

/* ABOUT US SECTION */
.homePageContentRight{
	float:left;
	width:226px;
}
.homepageRightFeature
{
	float:left;
	width:204px;
	padding:0px 0px 0px 22px;
	margin:0px 0px 30px 0px;
}
.homepageRightFeature p{
	float: left;
	width: 185px;
	line-height: 15px;
}
.homepageRightFeature .readmore{
	float: left;
	margin-top: 10px;
	width: 185px;
}
.homepageRightFeature .newsletterInput{
	background: #333333;
	border: solid 1px #666666;
	height: 19px;
	width: 179px;
	color: #a7a4a4;
	font-size: 11px;
	padding: 3px 0px 0px 6px;
	float: left;
}
.homepageRightFeature input{
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;	
}
.homepageRightFeature .wanttoknowmorelink{
	margin-top: 6px;
	float: left;
	width: 190px;
}
.homepageRightFeature table{
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	float: left;
	border: 0;
	border-collapse: collapse;
}
.homepageRightFeature td img{
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
	margin-top: 4px;
	float: none;
}
/* ENDS HERE */


/*** General ***/

* {margin:0; padding:0; }
img {border:0;}

/* START | font, button and list styles */
html, body{width:100%; height: 100%; padding:0;margin:0;}

a
{
	color:#ffffff; 
	text-decoration:none; 
	background-color:inherit; 
}

a:hover
{ 
	text-decoration:none; 
	background-color:inherit; 
	color: #cc0000;
}

body{
	background: url(/media/build/background.png) #cc0000 top center repeat-x;
}

body, h1,h2, h5, li
{ 
	font-family:Arial,Verdana, Helvetica, sans-serif; 
	font-size:11px;	
	color:#a7a4a4;
}
h1,h2{padding:0 !important; margin:0! important}

h2 img{padding:0px 0px 19px 0px;}
h3 img{padding:0px 0px 10px 0px;}

h3{
	font-size:12px;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
h4{
	font-size:12px;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
}

.homepageLeftFeature object{
	margin: 0px 0px 5px 15px !important;
}
.homepageLeftFeature h3{
	float: left;
	padding: 0px 0px 10px 15px !important;
}
.homepageServices object{
	margin: 0px 0px 5px 0px !important;
}
.homepageServices h3{
	padding: 0px 0px 10px 0px !important;	
}
.homepageRightFeature h4{
	padding-bottom: 4px !important;
}


/* New Naviagtion June 2009 */
#header
{
	width: 900px;
	height: 90px;
}
#header h1
{
	float: left; 
	width: 134px;
	margin: 47px 0px 0px 5px !important;
	background: none;
}
#header h1 a
{
	float: left;
	width: 134px;
	height: 41px;
	background: url(/media/build/logo-z7.png) top left no-repeat;
}
#header h1 span{display: none;}
#header ul.nav
{
	float: right; 
	clear: none;
	list-style-type: none;
	/* width: 655px; */
	width:542px;
	margin: 63px 0px 0px 0px;	
}
#header ul.nav li
{
	float: left;
	position: relative;
	display: block;
	background: none;
	padding: 0px;
}
#header ul.nav li a{
	float: left;
	height: 30px;	
	padding: 0px 0px 0px 4px;
	display: block;
	text-indent: -1500px;
}

ul.nav li.btnHome a{width: 70px;}
ul.nav li.btnHome a{background: url(/media/build/nav/btn_home_off.png) top right no-repeat;}
ul.nav li.btnHome a:hover{background: url(/media/build/nav/btn_home_on.png) top right no-repeat;}

ul.nav li.btnAboutUs a{width: 92px;}
ul.nav li.btnAboutUs a{background: url(/media/build/nav/btn_aboutus_off.png) top right no-repeat;}
ul.nav li.btnAboutUs a:hover{background: url(/media/build/nav/btn_aboutus_on.png) top right no-repeat;}

ul.nav li.btnWhatsNew a{width: 109px;}
ul.nav li.btnWhatsNew a{background: url(/media/build/nav/btn_whatsnew_off.png) top right no-repeat;}
ul.nav li.btnWhatsNew a:hover{background: url(/media/build/nav/btn_whatsnew_on.png) top right no-repeat;}

ul.nav li.btnPortfolio a{width: 98px;}
ul.nav li.btnPortfolio a{background: url(/media/build/nav/btn_portfolio_off.png) top right no-repeat;}
ul.nav li.btnPortfolio a:hover{background: url(/media/build/nav/btn_portfolio_on.png) top right no-repeat;}

ul.nav li.btnServices a{width: 89px;}
ul.nav li.btnServices a{background: url(/media/build/nav/btn_services_off.png) top right no-repeat;}
ul.nav li.btnServices a:hover{background: url(/media/build/nav/btn_services_on.png) top right no-repeat;}

ul.nav li.btnContactUs a{width: 107px;}
ul.nav li.btnContactUs a{background: url(/media/build/nav/btn_contactus_off.png) top right no-repeat;}
ul.nav li.btnContactUs a:hover{background: url(/media/build/nav/btn_contactus_on.png) top right no-repeat;}

ul.nav li.btnBlog a{width: 62px;}
ul.nav li.btnBlog a{background: url(/media/build/nav/btn_blog_off.png) top right no-repeat;}
ul.nav li.btnBlog a:hover{background: url(/media/build/nav/btn_blog_on.png) top right no-repeat;}
/* / New Navigation */

.buttonContainer
{	
	float:left;
	width:910px;
	padding:0px 0px 0px 0px;
	margin-top:0px;
	height:90px;
}

.buttonContainer img{float:left;}

.buttonContainer .logo
{
	float:left;
	width:150px;
	padding:45px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

.buttonContainer .buttonContent
{
	float:left;
	width:625px;
	/* padding:27px 0px 0px 105px; */
	padding:66px 0px 0px 120px;
	margin:0px 0px 0px 0px;
}

.buttonContainer .buttonContent ul
{
	float:left;
	font-weight:bold;
	color:#ffffff;
	background-color:inherit;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.buttonContainer .buttonContent ul li
{
	float:left;
	padding:0px 0px 0px 9px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	background:none;
}

.buttonContainer .buttonContent ul li .t{visibility:hidden}

li.listHome a{display:block;background:url(/media/build/nav/blue/btn_home_on.gif) top left no-repeat !important;width:69px;height:23px;}
li.listAboutUs a{display:block;background:url(/media/build/nav/blue/btn_aboutus_off.gif) top left no-repeat;width:92px;height:23px;}
li.listWhatsNew a{display:block;background:url(/media/build/nav/blue/btn_whatsnew_off.gif) top left no-repeat;width:104px;height:23px;}
li.listPortfolio a{display:block;background:url(/media/build/nav/blue/btn_portfolio_off.gif) top left no-repeat;width:98px;height:23px;}
li.listServices a{display:block;background:url(/media/build/nav/blue/btn_services_off.gif) top left no-repeat;width:96px;height:23px;}
li.listContactUs a{display:block;background:url(/media/build/nav/blue/btn_contactus_off.gif) top left no-repeat;width:105px;height:23px;}

li.listHome a:hover{display:block;background:url(/media/build/nav/blue/btn_home_on.gif) top left no-repeat !important;width:69px;height:23px;}
li.listAboutUs a:hover{display:block;background:url(/media/build/nav/blue/btn_aboutus_on.gif) top left no-repeat;width:92px;height:23px;}
li.listWhatsNew a:hover{display:block;background:url(/media/build/nav/blue/btn_whatsnew_on.gif) top left no-repeat;width:104px;height:23px;}
li.listPortfolio a:hover{display:block;background:url(/media/build/nav/blue/btn_portfolio_on.gif) top left no-repeat;width:98px;height:23px;}
li.listServices a:hover{display:block;background:url(/media/build/nav/blue/btn_services_on.gif) top left no-repeat;width:96px;height:23px;}
li.listContactUs a:hover{display:block;background:url(/media/build/nav/blue/btn_contactus_on.gif) top left no-repeat;width:105px;height:23px;}

p
{ 
	font-family:Arial,Verdana,   Helvetica, sans-serif; 
	font-size:11px; 
	padding:0px 0px 10px 0px; 
	margin:0; 
	color:#a7a4a4;
}

.wColor{color:#ffffff !important;background-color:inherit}


#bodyBlocker{
	background-color: transparent;
	width: 100%;
	height: 100%;
	float: left;
}

.centerAlign{
	margin: 0 auto;
	width: 900px;	
}
.contentContainer{
	float: left;
	background:url(/media/build/homepage_new/bg_index_leftcontent.gif) #000 top left repeat-y;
	border: solid 12px #fff;
	position:relative;
}
#flashContainer
{
	width:670px;
	height:328px;
	float: left;
	margin: 0px;
	background-color: #000;
}

.featureItem
{
	float:left;
	width:165px;
	padding:0px 0px 11px 0px;
	margin:0px;
}
.featureItem a em
{
	font-style: italic;
	color: #FBB40A !important;
}

.featureItem a:hover em
{
	color: inherit;
}
.featureItem img{float:left;margin:0px 0px 9px 0px}
.featureItem p
{
	float:left;
	padding:0 !important;
	margin:0 !important;
}
#navigationContainer
{
	width:900px;
	height:90px;
	padding:0;
	margin: 0px 0px 2px 0px;
	float: left;
}



.homepage_leftContainer
{
	float:left;
	width:670px;
	height:168px;
	background-color:#000000;
	padding:16px 0px 0px 0px;
	margin:380px 0px 0px 0px;
}

.homepage_rightContainer
{
	float:left;
	width:185px;
	height:539px;
	background:url(/media/build/bg_index_rightcontent.gif) top left repeat-y;
	padding:25px 0px 0px 20px;
	margin:0px 0px 0px 0px;
}

.homepage_rightContainer img{float:left;}

.homepageContent
{
	float:left;
	width:649px;
	padding:0px 0px 0px 21px;
	margin:0px;
}

.homePageContentLeft{
	float:left;
	width:423px;	
}

.homepageServices
{
	float:left;
	width:423px;
	padding:0px 0px 12px 0px;
	margin:0px 0px 0px 0px;
}
.homepageServices img{
	margin-right: 300px;
}


.homepageLeftFeature
{
	float:left;
	width:423px;
	padding:18px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	background:url(/media/build/homepage_new/bg_services.gif) top right no-repeat;
}
.homepageLeftFeature img{
	float: left;
}
.homepageLeftFeature img.ttl{
	padding-left: 15px;
	padding-bottom: 10px;
}
.homepageLeftFeature p{
	float: left;
	width: 285px;
	padding-left: 15px;
	line-height: 15px;
}

.homepageContactUs
{
	float:left;
	width:150px;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
}

ul
{
	clear:both;
	list-style-type:none;
	margin:0px 0px 0px 0px;
}

ul li
{
	background:url(/media/build/bullet1.gif) top left no-repeat;
	padding:0px 0px 3px 15px;
}

.homepageServices ul
{
	width: 190px;
	clear: none;
	float:left !important;
	background-color:inherit;
	border-top: solid 1px #cc0000;	
	padding:10px 10px 0 0 !important
}

.homepageServices ul li
{
	background:none;
	padding:0px 0px 3px 0px;
	color: #fff;	
}

.homepageServices ul li a
{
	/* background:url(/media/build/bullet1.gif) top left no-repeat; */
	padding:0px 0px 3px 2px;
}

.homepageServices ul li a:hover
{
	/* background:url(/media/build/bullet4.gif) top left no-repeat; */
	padding:0px 0px 3px 2px;
}

.homepageContactUs p,
.homepageRightFeature p
{
	padding:0px;
	margin:0px;
	border-top: solid 1px #cc0000;
	padding-top: 10px !important;	
	margin-top: 6px !important;
}

.homepageRightFeature img,
.homepageServices img,
.homepageContactUs img
{
	float:left;
	padding:0px 0px 12px 0px;
}

.topBorder
{
	position:absolute;
	width:900px;
	font-size:0;
	top:91px;
	height:12px;
	left:50%;
	margin-left:-449px;
	margin-top:0;
	margin-bottom:0;
	padding:0px 0px 0px 0px;	
	background-color:#ffffff;
}

.leftBorder
{
	position:absolute;
	width:12px;
	font-size:0;
	top:91px;
	height:339px;
	left:50%;
	margin-left:-449px;
	padding:0px 0px 0px 0px;	
	background-color:#ffffff;
}
.rightBorder
{
	position:absolute;
	width:12px;
	top:91px;
	height:95%;
	font-size:0;
	left:50%;
	margin-left:439px;
	padding:0px 0px 0px 0px;	
	background-color:#ffffff;
}

.bottomBorder
{
	position:absolute;
	width:899px;
	height:12px;
	font-size:0;
	left:50%;
	margin-left:-449px;
	padding:0px 0px 0px 0px;	
	background-color:#ffffff;
	bottom: 0;
}

#homepageRightContent
{
	float: left;
	width:206px;
	padding:0px 0px 0px 0px;	
	background:url(/media/build/homepage_new/rightshaddow.gif) top left repeat-y;
}
#homepageRightContent .featureItem{
	margin-left: 13px;
	padding-top: 0px;
	padding-bottom: 15px;
	display: inline;
}
#homepageRightContent .featureItem p{
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
#homepageRightContent .featureItem2{
	margin-left: 18px;
	padding-top: 8px;
	padding-bottom: 20px;
}
#homepageRightContent .RequestQuote{
	margin: 0px 0px 20px 18px;
	padding: 3px 0px 0px 0px !important;		
	background:url(/media/build/homepage_new/btn_requestaquoteBg.gif) #cc0000 top left no-repeat;
	width: 167px;
	height: 46px;
}
#homepageRightContent .RequestQuote a{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: none;
}	
#homepageRightContent .featureItem2 p{
	padding-bottom: 10px;
	width: 160px;
}
#homepageRightContent .featureItem_latest{
	margin-left: 18px;
	padding-top: 8px;
	padding-bottom: 15px;
}
#homepageRightContent .featureItem_latest p{
	padding-bottom: 0px;
	width: 160px;
}
#homepageRightContent .featureItem_latest img{
	margin-bottom: 5px;
}
#homepageRightContent .featureItem3{
	float: left;
	margin-left: 18px;
	padding-top: 8px;
	padding-bottom: 10px;
}
#homepageRightContent .featureItem3 img{
	padding-bottom: 10px;
	padding-right: 10px;
	float: left;
}
#homepageRightContent .featureItem3 p{
	float: left;
	width: 75px;
}
#homepageRightContent .featureItem3 pre{font-size: 11px; font-family:Arial,Verdana, Helvetica, sans-serif; width: 75px;}

#homepageLeftContent
{
	width:670px;	
	float: left;
	padding: 0px;
	margin: 0px;
}
.topBorderBlocker{
	background: #000;
	width: 425px;
	float: left;
	height: 27px;
	margin: 0px;
}
.bottomBorderBlocker{
	background: #000;
	width: 455px;
	float: left;
	height: 30px;
	position:absolute;
	bottom:0;left:0;
}
#footerContainer
{
	word-spacing:2px;
	padding:0px;
	width:875px;
	float: left;
	margin-top: 10px;
}
#footerContainer p a {color:#ffffff !important}
#footerContainer p a:hover {color:#000000 !important}

.floatLeft{float:left !important}
.floatRight{float:right !important}
.requestBtn{float:left;padding:0px 0px 100px 0px}
.mandatory{color:#a50f28;font-size:12px;background-color:inherit;}
.addBottomPad{padding-bottom:20px !important;}
.addTopPad{padding-top:20px !important}

p.techLink a{
	float: left;
}
span.li{
	display: block;
	margin: -15px 0px 10px 15px;
	width: 170px;
	cursor: pointer;
}
span.liDescription{
	display: block;
	float: right;
	margin: -11px 0px 10px 0px;
	width: 170px;	
}

.magicSocialLinks
{
	position:absolute;
	top:0;right:0;
	margin:-13px -42px 0 0;
	padding-bottom: 4px;
	float: left;
	background: url(/media/build/bg-magicsocial-btm.png) left bottom no-repeat;
}
.magicSocialLinks .top
{
	float: left;
	background: url(/media/build/bg-magicsocial-top.png) left top no-repeat;
	padding: 3px 0px 0px 0px;
}
.magicSocialLinks .btm
{
	float: left;	
	padding: 4px 7px 0px 7px;
	width: 16px;	
	background: url(/media/build/bg-magicsocial.png) left top repeat-y;
}
.magicSocialLinks img
{
	float: left;
	display: block;
	padding: 0px 0px 5px 0px;
}

/* new styles for associations & awards */
.spacer
{
	float:left;
	clear:left;
	width:100%;
	background-color:#000;
	height:20px;
}

.associations
{
	float:left;
	background:#FFFFFF url(/media/build/bg_associations_bot.gif) no-repeat bottom left;
	padding:0 0 7px 0;
	margin:0;
}
.associationsTop
{
	background:url(/media/build/bg_associations_top.gif) no-repeat top left;
	padding:19px 20px 5px;
	width:836px;
}
.associationsRpt
{
	float:left;
	background:url(/media/build/bg_associations_rpt.gif) repeat-y top left;
}

.associations .h3, 
.associations object
{
	height:21px;
	margin-left:-2px;
} 
.associations p 
{
	color:#000000;
}
.associations ul
{
	list-style-type:none;
	float:left;
	width:100%;
	padding:4px 0 15px 0;
	margin:0;
	clear:both;
}
.associations ul li
{	
	float:left;	
	text-align:center;
	width:93px;
	background:none;
	padding:0 11px 0 0;
	margin:0;
}
.associations ul li img{display:block;padding:0 0 5px 0}
.associations a{color:#a7a4a4;}
/* end new styles */

/* EDITOR PROPERTIES */
