/*CSS RESET STARTS HERE*/


/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h4, h5, h6, 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{
		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;
		}

/*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;
		}
		
a, a:visited{
		color:				#32a2df;
		text-decoration:	none;
		}

a:hover{
		color:				#32a2df;
		text-decoration: 	underline;
		}
		
#MainWrapper	{
		margin:				0 auto;
		padding:			0;
		width:				980px;
		background-position:top center;
		background-repeat:	no-repeat;
		height:				100%;
		}
		
#TopWrapper		{
		margin:				0 auto;
		padding:			0;
		width:				980px;
		}
		
#TopWrapper-Bg	{
		background-image:	url(images/top-bg.jpg);
		background-position:center top;
		background-repeat:	no-repeat;
		}
		
#TopSectionWrapper	{
		margin:				0 auto;
		padding:			0;
		height:				108px;
		}
		
#TopSectionWrapper-Content	{
		z-index:			2;
		position:			absolute;
		width:				980px;
		}
				
#TopSectionWrapper-Bg	{
		height:				108px;
		top:				0;
		width:				980px;
		background-repeat	:no-repeat;
		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;
	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#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;
}
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;
}
/*end of navigation*/

#ContentMainWrapper	{
		margin:				0 auto;
		padding:			0;
		height:				100%;
		padding-top:		0px;
		width:				980px;
		}
				
#ContentBg-effect	{
		background-image:	url(images/bg-content.jpg);
		background-repeat:	no-repeat;
		background-position:top center;	
		}
		
#ContentBg-white	{
		background-image:	url(images/ContentMainBg-White.png);
		background-repeat:	repeat;
		}

#ContentWrapper-Content	{
		width:				980px;
		padding-top:		42px;	
		}
		
#ContentMainPadding	{
		padding:			0px 21px 29px 19px;
		}
		
		
#LeftContentWrapper	{
		margin:				0 auto;
		padding:			0;
		width: 				598px;
		font-family:		Arial, Helvetica, sans-serif;
		color:				#4f5157;
		}
		
#LeftContentHeader	{
		background-image:	url(images/LeftContentBox-headerBG.jpg);
		height:				37px;
		}

.TwoBoxContent-BG	{
		background-color:	#f6f6f6;
		}

.TwoBoxHeaderPadding	{
		padding:			12px 10px 0px 15px;
		}
		
#LeftContentInsidePadding	{
		padding:			20px 15px 37px 15px;
		width: 				598px;
		}

#LeftContainer	{
		width: 				568px;
		line-height: 		21px;
		}
		
#LeftContainer a, #LeftContainer a:visited	{
		color:#32a2df;
		text-decoration:none;
		}
		
#LeftContainer a:hover	{
		color:#32a2df;
		text-decoration: underline;
		}
		
#RightContentWrapper	{
		margin:				0 auto;
		padding:			0;
		width:				314px;
		color:				#4f5157;
		}
		
#RightContentHeader	{
		background-image	:url(images/RightContentBox-headerBG.jpg);
		height:				37px;
		}
		
#RightContentInsidePadding	{
		padding:			15px 10px 8px 14px;
		}
		
#TwoBoxContentWrapper	{
		width:939px;
		}
		
/**FOOTER**/

#footerPadding	{
		padding:			26px 20px 28px 20px;
		}
		
#footer	{
		margin: 			0 auto;
		padding:			0;
		width:				980px;
		padding-top:		29px;
		}

.footerBg	{
		z-index:			2;
		position:			absolute;
		width:				980px;
		height:				120px;
		background-color:	#000;
		}
		
#LeftFooter	{
		width:				550px;
		}
	
#Rightfooter	{
		width:				386px;
		}
/*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;
}
/*end of footer navigation*/


/**END 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;
		}
		
.i		{
		font-style:			italic;
		}

.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: 			25px 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: 				332px;
		height: 			29px;
		text-align: 		center;/* IE fix to center the page */
		background-image:	url(images/freeanalysis-bg.png);
		cursor: 			pointer;
		}

#FreeAnalysisPadding{
		padding: 			20px 7px 11px 15px;
		border:				1px solid #2e3337;
		}
	

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

.submit	{
		background-image:	url(images/submit-btn.jpg);
		width:				93px;
		height:				29px;
		border:				0;
		cursor:				pointer;
		}
		
.submit-padding	{
		padding: 			0px 0px 0px 83px;
		}
		
.formrowpadding	{
		padding-bottom:		12px;
		}	
	
#FreeAnalysisWrapper	{
		position:			absolute;	
		margin:				0 auto;
		padding:			0;
		width:				332px;
		z-index: 			20;
		margin-left:		-12px;
		}
		
#FormWrapperInside{
		width:				278px;
		}
		
#FormTop	{
		width:				314px;
		height:				40px;
		}
		
#FormTop-padding	{
		padding-top:		0px;			
		}
		
.LabelFormWidth	{
		width:				70px;
		}
		
.TextBoxWidth	{
		width:				200px;
		}
	
/*HIDDEN FORM END*/

.search-textbox	{
		background-image:	url(images/search-textbox-bg.jpg);
		width:				227px;
		height:				28px;
		border:				0;
		padding: 			0px 0px 0px 0px;
		font-size:			13px;
		}
		
.searchsubmit	{
		background-image:	url(images/search-btn.jpg);
		width:				57px;
		height:				28px;
		border:				0;
		cursor:				pointer;
		}
		
.searchboxpadding	{
		padding:			0px 0px 17px 0px;
		}

.search-textbox        {
        background-image:   url(images/search-textbox-bg.jpg);
        width:				220px;
        height:				20px;
        border:				0;
        font-size:			12px;
        padding:			2px 3px 4px 3px;
		}

/*BLOG ELEMENTS*/

		
#nav-accordion a{
		color:				#32a2df;
		text-decoration:	none;
		padding: 			12px 0px 12px 0px;
		}

#nav-accordion 	li {
		background:			url(../../../../images/sep.jpg);
		background-repeat:	no-repeat;
		background-position:bottom;	
		}

#nav-accordion a:hover{
		color:				#32a2df;
		text-decoration: 	underline;
		}

#nav-accordion ul{
		margin-left:		0px;
		padding:			0;
		}

#nav-accordion li{
		padding:			8px 14px;
		}

#nav-accordion 	li:last-child {
		background:none;
		}
		
#nav-accordion 	li:first-child {
		display:none;
		}

#nav-accordion	h3{
		background-image:	url(images/blog-header.jpg);
		background-repeat:	no-repeat;
		height:				39px;
		margin: 			0;
		padding: 			0;
		border: 			0;
		outline: 			0;
		font-size: 			100%;
		vertical-align: 	baseline;
		}


#nav-accordion h3 a{
		background-image:	url(images/arrow.png);
		background-repeat:	no-repeat;
		background-position:right;
		padding-top:		6px;
		}

#nav-accordion h3.openheader a{
		background-image:	url(images/arrow2.png);
		background-repeat:	no-repeat;
		background-position:right;
		height:				37px;
		width: 				314px;
		padding-top:		6px;
		}

/*posts*/
#category {
		font-size:			14px;
		font-weight:		bold;
		background-color:	#d50000;
		width:				120px;
		padding:			5px 10px;
		margin: 			-10px;
		}

#category ul li a:link {
		color:				#32a2df;
		}
	
ul.post-categories li a:link {
		color:				#32a2df;
		}

#thumb {
		width:				200px;
		height:				145px;
		padding-top:		5px;
		}
	
#index_post {
		padding:			40px 0px 0px 20px;
		font-size:			11px;
		width:				280px;
		}
	
.post_title {
		font-size:			16px;
		font-weight:		bold;
		padding-bottom:		20px;
		padding-top:		10px;
		}

#post_holder {
		width:				580px;
		float:				left;
		}




/****TAB STARTS HERE****/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font: normal 12px Arial, Verdana, sans-serif;
 }

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display:inline;
 padding:0px 0px 0px 0px;
 
 }

ul.tabbernav li a
{
 padding:5px 10px 5px 10px;
 margin-left: 0px;
 background: #ddd;
 text-decoration: none;
 color: #5F5F5F;
 margin-right: 3px;
 /*border:1px solid #CCCCCC;*/
 border-left: 1px solid #CCCCCC;
 border-top: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 display:inline-block;
}

ul.tabbernav li a:link { color: #5f5f5f; 
-moz-border-radius-topleft:     6px;
-moz-border-radius-topright:    6px;
-webkit-border-radius-topleft:  6px;
-webkit-border-radius-topright: 6px;
border-radius-topleft:  6px;
border-radius-topright: 6px;
}
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background-color: #eee;
}


ul.tabbernav li.tabberactive a
{
background-color: #fff;
color: #000;
z-index: 100;
-moz-border-radius-topleft:     6px;
-moz-border-radius-topright:    6px;
-webkit-border-radius-topleft:  6px;
-webkit-border-radius-topright: 6px;
border-radius-topleft:  6px;
border-radius-topright: 6px;
}

ul.tabbernav li.tabberactive a
{
border-bottom: 1px #fff solid;
margin-bottom: -1px;
}



/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:8px;
 background: #FFFFFF;
 margin-top: 0px;
 border:1px solid #CCCCCC;
 }
 



.tabbertab li {
list-style: none;
border-bottom: 1px dotted #ddd;
}

.tabbertab li:last-child {
border-bottom: none;
}

.tabbertab li#wppp-3 {
border-bottom: none;
}

.tabbertab a {
	color: #0083ca;
	font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	
}

.tabbertab a:hover {
	color: #0169a2;
	text-decoration: none;
}
 


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
  font: normal 12px Verdana, sans-serif;
}
.tabberlive .tabbertab h3 {
 display:none;
  font: normal 12px Verdana, sans-serif;
  
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertab p { padding-bottom:10px; line-height:140%; }
.tabbertab ul { padding:0; margin:0;}
.tabbertab ul li { padding:5px 0 6px 0; color:#5c5c5c; width:296px;}
.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:0px;} 

#mytab{padding:20px 0px 0px 0px}

/****TABE ENDS HERE****/




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

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

.loginContent {
		width: 				314px;
		height: 			auto;
		margin: 			0 auto;
		text-align: 		left;
		font-size: 			0.85em;
		background-image:	url(images/form-bg.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;
		padding-right: 		0px;
		border: 			none;
		font-size: 			0.9em;
		color: 				white;
		}

#loginClose a:hover {
		background: 		url(images/button_close.png) no-repeat right -20px;
		}/****Fx Slider End****/
img#wpstats{
	position: fixed;
	right: 0px;
	bottom: 0px;
}
.socialbuttons{
	margin-top: 50px;
}