/*CSS RESET STARTS HERE*/


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 			0;
		padding: 			0;
		border: 			0;
		outline: 			0;
		font-size: 			100%;
		vertical-align: 	baseline;
		background: 		transparent;
		}


body 	{
		line-height: 		normal;
		}


ol, ul 	{
		list-style: 		none;
		}
		
		
blockquote, q {
		quotes: 			none;
		}
		
		
blockquote:before, blockquote:after,
q:before, q:after {
		content: 			'';
		content: 			none;
		}

/* remember to define focus styles! */
:focus 	{
		outline: 			0;
		}

/* remember to highlight inserts somehow! */
ins 	{
		text-decoration: 	none;
		}
	
	
del 	{
		text-decoration: 	line-through;
		}

/* tables still need 'cellspacing="0"' in the markup */
table	{
		border-collapse: 		collapse;
		border-spacing: 	0;
		}
/*CSS RESET ENDS HERE*/

body	{
		margin:				0 auto;
		padding:			0;
		background-image:	url(images/pattern-smm.jpg);
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			12px;
		color:				#FFFFFF;
		}
		
img, div { behavior: url(css/iepngfix.htc) }
img, div, a, input { behavior: url(css/iepngfix.htc) }
		
a, a:visited{
		color:				#32a2df;
		text-decoration:	none;
		}

a:hover{
		color:				#32a2df;
		text-decoration: 	underline;
		}
		
#MainWrapper	{
		margin:				0 auto;
		padding:			0;
		width:				980px;
		}
		
#TopWrapper		{
		margin:				0 auto;
		padding:			0;
		width:				980px;
		height:				540px;
		position:			relative;
		z-index:			100;
		}
		
#TopWrapper-Bg	{
		background-repeat:	no-repeat;
		height:				540px;
		}
		
#flash-background	{
		margin-top: 		-420px;
		width:				980px;
		position:			absolute;
		height:				750px;
		z-index:			0;
		background-color:	#000000;
	}
		
#TopSectionWrapper	{
		margin:				0 auto;
		padding:			0;
		height:				108px;
		}
		
#TopSectionWrapper-Content	{
		z-index:			2;
		position:			absolute;
		width:				980px;
		}
				
#TopSectionWrapper-Bg-Opacity	{
		position:			absolute;
		height:				108px;
		top:				0;
		filter:				alpha(opacity=39);
		-ms-filter: 		"alpha(opacity=39"); /* IE 8 */
		-moz-opacity:		0.39;
		-khtml-opacity: 	0.39;
		opacity: 			0.39;
		width:				980px;
		background-color:	#000;
		z-index:			1;
		}
		
#Logo-padding	{
		padding:			18px 5px 17px 20px;
		}
		
#LogoWrapper	{
		width:				577px;
		}
		
#ToprightWrapper	{
		margin:				0 auto;
		padding:			0;
		width:				367px;
		}		
		
#Topright-padding	{
		padding: 			0px 10px 0px 0px;
		}
		
		
#Phone	{
		padding-top: 		30px;
		padding-right:		60px;
		}
		
#navpadding	{
		padding: 			5px 0px 16px 0px;
		}
		
/*start of navigation*/		
ul#navigation{
	margin:0;
	padding:0;
	z-index:			3;
}
ul#navigation li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
ul#navigation li a{
	margin:0;
	padding:0;
	height:25px; /*All link height are set to 30 pixels*/
	text-indent:-2000px; /*Move your text link to 2000 pixels to the left*/
	float:left;
	outline:none;
}

ul#navigation li.home a{
	background:url(images/nav.png) no-repeat 0 0;
	width:61px;
}
ul#navigation li.about a{
	background:url(images/nav.png) no-repeat -61px 0;
	background-repeat:no-repeat;
	width:63px;
}
ul#navigation li.solutions a{
	background:url(images/nav.png) no-repeat -124px 0;
	width:90px;
}
ul#navigation li.blog a{
	background:url(images/nav.png) no-repeat -214px 0;
	width:53px;
}
ul#navigation li.contact a{
	background:url(images/nav.png) no-repeat -267px 0;
	width:78px;
}

ul#ul#navigation li ul li.case a{
	background:url(images/nav-case.png) no-repeat 0px 0;
	width:111px;
}

ul#navigation li.home a:hover{
	background:url(images/nav.png) no-repeat 0 -25px;
	width:61px;
}
ul#navigation li.about a:hover{
	background:url(images/nav.png) no-repeat -61px -25px;
	width:63px;
	background-repeat:no-repeat;
}
ul#navigation li.solutions a:hover{
	background:url(images/nav.png) no-repeat -124px -25px;
	width:90px;
}
ul#navigation li.blog a:hover{
	background:url(images/nav.png) no-repeat -214px -25px;
	width:53px;
}
ul#navigation li.contact a:hover{
	background:url(images/nav.png) no-repeat -267px -25px;
	width:78px;
}

ul#navigation li ul li.case a:hover{
	background:url(images/nav-case.png) no-repeat 0px -25px;
	width:111px;
}

		
#navigation li ul { /* second-level lists */
		position:			absolute;
		padding: 			0;
		margin: 			25px 0px 0px 0px;
		width:				 auto;
		left: 				-999em;
		z-index: 			1;
		height:				auto;
		background-image:	url(images/dropdown-bg.png);
		}

#navigation li ul li{ /* second-level lists */
		width: 				auto;
		padding:			2px 5px 0px 5px;
		z-index:			6;
	
		}
#navigation li ul li.case a, #navigation li ul li.case a:visited { /* second-level lists */
		display: 			block;
		background:url(images/nav-case.png) no-repeat 0px 0;
		width:111px;
		padding: 3px 3px 2px 3px;
		}

#navigation	 li ul li.case a:hover { /* second-level lists */
		display: 			block;
		background:url(images/nav-case.png) no-repeat 0px -25px;
		width:111px;
		padding: 3px 3px 2px 3px;
		}
		
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
		left: 				-999em;
		}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #nav li li li.sfhover ul {
		left: 				auto;
		}

/*end of navigation*/

/*start of footer navigation*/		
ul#navigation-footer{
	margin:0;
	padding:0;
	z-index:			3;
}
ul#navigation-footer li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
ul#navigation-footer li a{
	margin:0;
	padding:0;
	height:25px; /*All link height are set to 30 pixels*/
	text-indent:-2000px; /*Move your text link to 2000 pixels to the left*/
	float:left;
	outline:none;
}

ul#navigation-footer li.home a{
	background:url(images/nav.png) no-repeat 0 0;
	width:61px;
}
ul#navigation-footer li.about a{
	background:url(images/nav.png) no-repeat -61px 0;
	width:63px;
}
ul#navigation-footer li.solutions a{
	background:url(images/nav.png) no-repeat -124px 0;
	width:90px;
}
ul#navigation-footer li.blog a{
	background:url(images/nav.png) no-repeat -214px 0;
	width:53px;
}
ul#navigation-footer li.contact a{
	background:url(images/nav.png) no-repeat -267px 0;
	width:78px;
}

ul#navigation-footer li.home a:hover{
	background:url(images/nav.png) no-repeat 0 -25px;
	width:61px;
}
ul#navigation-footer li.about a:hover{
	background:url(images/nav.png) no-repeat -61px -25px;
	width:63px;
}
ul#navigation-footer li.solutions a:hover{
	background:url(images/nav.png) no-repeat -124px -25px;
	width:90px;
}
ul#navigation-footer li.blog a:hover{
	background:url(images/nav.png) no-repeat -214px -25px;
	width:53px;
}
ul#navigation-footer li.contact a:hover{
	background:url(images/nav.png) no-repeat -267px -25px;
	width:78px;
}

#bottomlinks { width: 550px; float:left; clear:both; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:8px; padding-top:8px;}
#bottomlinks a { text-decoration:none; color:#808080;}
#bottomlinks a:hover { color:#f2e707; }

/*end of footer navigation*/

#BannerContentWrapper	{
		margin:				0 auto;
		padding:			0;
		height:				124px;
		padding-top:		350px;
		}

#BannerContentWrapper-Content	{
		z-index:			2;
		position:			absolute;
		width:				980px;
		text-align:			center;
		}
		
#BannerContentWrapper-Content-padding	{
		padding:			0px 144px 19px 121px;
		}
				
#BannerContentWrapper-Bg-Opacity	{
		position:			absolute;
		height:				124px;
		padding-top:		0;
		filter:				alpha(opacity=50);
		-ms-filter: 		"alpha(opacity=50"); /* IE 8 */
		-moz-opacity:		0.5;
		-khtml-opacity: 	0.5;
		opacity: 			0.5;
		width:				980px;
		background-color:	#000;
		z-index:			1;
		}
		
#ContentWrapper	{
		margin:				0 auto;
		padding:			0;
		width:				980px;
		}
		
#ContentWrapper-Bg	{
		background-image:	url(images/bg-bottom.jpg);
		background-position:center bottom;
		background-repeat:	no-repeat;
		height: 			491px;
		}
		
#ContentBoxes{
		margin:				0 auto;
		padding:			0;
		width:				940px;
		padding-top:		30px;
		}
		
#Box1-2	{
		width:				640px;
		}
		
#Box1	{
		width:				320px;
		}

#Box2	{
		width:				320px;
		}
		
#Box3	{
		width:				320px;
		}
				
.ContentBoxPadding	{
		padding: 			0px 20px 0px 0px;
		}
		
.ContentBoxWrapper	{
		margin:				0 auto;
		padding:			0;
		width:				300px;
		}
		
.ContentBoxHeader	{
		text-align:			center;
		padding-bottom:		0px;		
		}
		
.ContentBoxTop	{
		background-image:	url(images/blockbg-top.png);
		background-repeat:	no-repeat;
		height:				3px;
		}

.ContentBoxBottom	{
		background-image:	url(images/blockbg-bottom.png);
		background-repeat:	no-repeat;
		background-position:bottom;
		height:				3px;
		position:			absolute;	
		padding-top:		292px;
		width:				300px;
		}
		
.ContentBoxBg	{
		z-index:			3;
		position:			absolute;
		width:				300px;
		line-height:		18px;
		}
		
.ContentBoxBg-0pacity	{
		position:			absolute;
		padding-top:		290px;
		filter:				alpha(opacity=75);
		-ms-filter: 		"alpha(opacity=75"); /* IE 8 */
		-moz-opacity:		0.75;
		-khtml-opacity: 	0.75;
		opacity: 			0.75;
		width:				300px;
		background-color:	#02070e;
		z-index:			2;
		}
		
.ContentBoxInnerPadding	{
		padding:			7px 12px 0px 12px;
		}
		
.ContentBoxPicPadding	{
		padding-bottom:		10px;
		}
		
#footer	{
		margin: 			0 auto;
		padding:			0;
		width:				980px;
		}
		
#footerPadding	{
		padding:			10px 20px 0px 20px;
		}

.footerBg	{
		z-index:			2;
		position:			absolute;
		width:				980px;
		height:				120px;
		padding-top:		20px;
		}
		
.footerBg-0pacity	{
		position:			absolute;
		height:				120px;
		margin-top:			20px;
		filter:				alpha(opacity=75);
		-ms-filter: 		"alpha(opacity=75"); /* IE 8 */
		-moz-opacity:		0.75;
		-khtml-opacity: 	0.75;
		opacity: 			0.75;
		width:				980px;
		background-color:	#02070e;
		z-index:			1;
		}
		
#LeftFooter	{
		width:				550px;
		}
	
#Rightfooter	{
		width:				386px;
		}

/****NAVIGATION FOOTER****/
		
#nav-footer, #nav-footer ul { /* all lists */
		padding: 			0;
		margin: 			0 auto;
		font-size:			15px;
		float:				left;
		list-style:			none;
		height:				15px;
		padding-bottom:		28px;
		}

#nav-footer li a, #nav-footer li a:visited {
		display: 			block;
		width: 				auto;
		padding:			5px 7px 0px 7px;
		color:				#ffffff;
		text-decoration:	none;
		}

#nav-footer li a:hover {
		display: 			block;
		width: 				auto;
		padding:			5px 7px 0px 7px;
		color:				#ffffff;
		text-decoration:	underline;
		}

#nav-footer li { /* all list items */
		float: 				left;
		width: 				auto; /* width needed or else Opera goes nuts */
		}

#nav-footer li:hover ul ul, #nav-footer li:hover ul ul ul, #nav-footer li.sfhover ul ul, #nav-footer li.sfhover ul ul ul {
		left: 				-999em;
		}
		
#nav-footer li:hover ul, #nav-footer li li:hover ul, #nav-footer li li li:hover ul, #nav-footer li.sfhover ul, #nav-footer li li.sfhover ul, #nav-footer li li li.sfhover ul {
		left: 				auto;
		}

/****END NAVIGATION FOOTER****/	


		
.fl-left	{
		float:				left;
		}
		
.fl-rt	{
		float:				right;
		}
		
.clear	{
		clear:				both;
		}

.fs30	{
		font-size:			30px;
		}

.fs18	{
		font-size:			18px;
		}
		
.fs16	{
		font-size:			16px;
		}
		
.fs14	{
		font-size:			14px;
		}

.grey	{
		color:				#c1c4c8;
		}
		
.yellow	{
		color:				#f2e706;
		}

.b 		{
		font-weight:		bold;
		}

.icon-pdading	{
		padding-right:		14px;
		}
		
.readmore	{
		text-align:			right;
		padding: 			16px 0px 0px 0px;
		width:				265px;
		z-index:8;
		}
		
.readmore a, .readmore a:visited	{
		color:				#ffffff;
		text-decoration:	none;
		}
		
.readmore a:hover	{
		color:				#f2e706;
		text-decoration:	none;
		} 
		
.contact-us	{
		text-align:			right;
		padding: 			8px 0px 0px 0px;
		}
		
.contact-us a, .contact-us a:visited	{
		color:				#ffffff;
		text-decoration:	none;
		}
		
.contact-us a:hover	{
		color:				#f2e706;
		text-decoration:	none;
		} 
		
/*HIDDEN FORM*/

/***** clear *****/
.clear {
		clear: 				both;
		height: 			0;
		line-height: 		0;
		}

.clearfix:after {
		content: 			".";
		display:			 block;
		height: 			0;
		clear: 				both;
		visibility: 		hidden;
		}

.clearfix {
		display: 			inline-block;
		}

/* Hides from IE-mac \*/
* html .clearfix {
		height: 			1%;
		}
		
.clearfix {
		display: 			block;
		}

/* End hide from IE-mac */
.clearfix {
		height: 			1%;
		}

.clearfix {
		display: 			block;
		}
/* End hide from IE-mac */


/***** Main Layout ****/
#container {
		width: 				300px;
		height: 			29px;
		text-align: 		center;/* IE fix to center the page */
		cursor: 			pointer;
		-moz-border-radius-bottomleft:     6px;
		-moz-border-radius-bottomright:    6px;
		-webkit-border-radius-bottomleft:  6px;
		-webkit-border-radius-bottomright: 6px;
		border-radius-bottomleft:  6px;
		border-radius-bottomright: 6px;
		}

#FreeAnalysisPadding{
		padding: 			13px 20px 0px 24px;
		}
	

#FreeAnalysisPadding1{
		padding: 			13px 25px 11px 27px;
		background-image:	url(images/form-bg.png);
		border:				1px solid #2e3337;
		}
	
.textbox	{
		background-image:	url(images/new-textbox-bg.png);
		width:				167px;
		height:				16px;
		border:				0;
		font:				14px;
		padding: 			5px 5px 6px 5px;
		}

.submit	{
		background-image:	url(images/new-submit-btn.png);
		width:				84px;
		height:				26px;
		border:				0;
		cursor:				pointer;
		}
		
.submit-padding	{
		padding: 			0px 0px 0px 76px;
		}
		
.formrowpadding	{
		padding-bottom:		12px;
		}	
	
#FreeAnalysisWrapper	{
		position:			absolute;	
		margin:				0 auto;
		padding:			0;
		width:				300px;
		z-index: 			200;
		margin-left:		-12px;
		}
		
#FormWrapperInside{
		width:				253px;
		}
		
#FormTop	{
		width:				300px;
		height:				40px;
		}
		
#FormTop-padding	{
		padding-top:		0px;			
		}
		
.LabelFormWidth	{
		width:				50px;
		}
		
.TextBoxWidth	{
		width:				177px;
		}
	
/*HIDDEN FORM END*/

/****Fx Slider****/


/*Login*/
/* toggle effect - show/hide login*/

#topbar	{
		position:			absolute;
		width: 				300px;
		visibility: 		hidden;
		z-index: 			500;
		background-color:	#000000;
		}
		

.loginContent {
		width: 				300px;
		height: 			auto;
		margin: 			0 auto;
		text-align: 		left;
		font-size: 			0.85em;
		background-image:	url(images/form-bg.png);
		}
		
.loginContent1 {
		width: 				300px;
		height: 			289px;
		margin: 			0 auto;
		text-align: 		left;
		font-size: 			0.85em;
		background-image:	url(images/form-bg-2.png);
		}

.loginContent .left {
		width: 				120px;
		float: 				left;
		padding-left: 		65px;
		font-size: 			0.95em;
		}

.loginContent .right {
		width: 				290px;
		float: 				right;
		text-align: 		right;
		padding-right: 		65px;
		font-size: 			0.95em;
		}

.loginContent form {
		margin: 			0 0 10px 0;
		height: 			100%;
		}

.loginContent input.field {
		margin-right: 		2px;
		margin-top: 		10px;
		color: 				white;
		height: 			16px;
		}

.loginContent input:focus.field {
		background: 		#545454;
		}

.loginContent input.rememberme {
		border: 			none;
		background: 		transparent;
		margin: 			0;
		padding: 			0;
		}

.loginContent input.button_login {
		width: 				47px;
		height: 			20px;
		cursor: 			pointer;
		border: 			none;
		background: 		transparent url(images/button_login.jpg) no-repeat 0 0;
		}

#loginClose {
		display: 			block;
		position: 			absolute;
		right: 				0px;
		top: 				0px;
		width: 				70px;
		font-size: 			0.8em;
		text-align: 		left;
		}

#loginClose a {
		display: 			block;
		width: 				100%;
		height: 			20px;
		background: 		url(images/button_close.png) no-repeat right 0;
		border: 			none;
		font-size: 			0.9em;
		color: 				white;
		}

#loginClose a:hover {
		background: 		url(images/button_close.png) no-repeat right -20px;
		}
		
/****Fx Slider End****/
	
/****Sliding Form****/
#dropinboxv2cover {
	width: 300px; /*change width to desired */
	height: 335px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
	position:absolute; /*Don't change below 4 rules*/
	z-index: 100;
	overflow:hidden;
	visibility: hidden;
}
#dropinboxv2 {
	width: 300px; /*change width to above width-20. */
	height: 335px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
	position:absolute; /*Don't change below 3 rules */
}
/****Sliding Form End****/