body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF url(../../images/main-body-bg-grey.gif) repeat-x scroll center bottom;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	behavior:url("csshover.htc");

	width: 100%
}
#container {
	min-width:863px;
	width: 80% !important;
	width:863px;
	/*min-width: 863px;*/

	background: #FFFFFF;
	padding:0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left;
	
}
#header {
	background-color:#000000;
	background:url(../../images/top-menu-bg.gif) repeat-x top;
	height:69px;
	padding: 0 10px;
	position:relative;
	z-index:1;
}
#header h1{
	font-size:12px;
	margin:0px;
	padding:0pt;
	
}
#header h1 a{
	margin: 0;
	padding: 0;
	background:url(../../images/yellowSEOlogo336x67.gif) no-repeat left top;
	height:67px;
	border:none;
	display:block;
	margin:0px;
	outline:noone;
	text-decoration:none;
	width:330px;
}


/* General Styles
*******************************/

.indented{
	margin-left:20px;}
.accent{
	font-weight:bold;
	background:0;
	padding:0;
}
strong{
	/*color:#CC9900;
	border: #FBFEC7 1px solid;
	border-bottom:#CC9900 1px solid;*/
	background:#FBFEC7;
	line-height:20px;
	padding:0 8px;
	color:#003155;
	font-weight:normal;
	text-decoration:none;
}
ul{
padding-left: 15px;
}

/*   Main Content
*****************************/
#mainContent { 
	float:left;
	margin: -46px 0 0 0; 	/*height of 2nd nav is 66px, so here margin is really 20*/
	padding:0 0 0 5%;
	width:70%;
	font-size: 80%;
}

#mainContent p{ 
	font-size:11px;
	line-height:18px;
}

#mainContent a{
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #666666;
	padding:2px;
}
#mainContent a:hover{
	background: #FBFEC7;
	border-bottom:1px solid #CC9900;
}
h1{
	color:#d8a822;
	font-family:"Lucida Sans";
	font-size:24px;
}
h2{
	color:#434144;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:20px;
}
	h2.bullet_heading{
		font-family:"Lucida Sans";
		font-size:18px;
		background:url(../../images/heading-2-bullet.gif) left no-repeat;
		padding-left: 20px;
	}
	h2.small{font-size:13px;}
	
	h2.clients{
	width:60%;
	font-size:18px;
	float:left;
	margin:0px 0px 0px 20px;
	padding:5px 10px 5px 20px;
	
	}
	
.stretchbox h3{
	font-size:12px;
	color:#464646;
	border-top:1px solid #bbbbbb;
	width: 80%;
	line-height:24px;
}
	#mainContent .stretchbox h3 a{
	font-size:14px;
	width:99%;
	outline:none;
	border-bottom:1px dotted #FFFFFF;
	}
	#mainContent .stretchbox h3:hover{
	border-top:1px solid #0099CC;
	}
	#mainContent .stretchbox h3 a:hover{
	color:#006699;
	text-decoration:none;
	border-bottom:1px dotted #E0E9EB;
	}	
	.stretchbox div.sec_title{
		border:none;
		width:100%;
		padding:0px 10px;
		margin:0;
		background:url(../../images/btn/left.gif) left top no-repeat;
		min-height:35px;
	}
	.stretchbox div.sec_title h3{
		border:none;
		background:transparent url(../../images/btn/right.gif) right 0px no-repeat;
		padding:10px 75px 0 0;
		margin:0;
		vertical-align:middle;
		position:relative;
		z-index:1;
		
	}	
	.stretchbox div.sec_title h3 a{
		border:none;
		width:80%;
		background:url(../../images/btn/center.gif) top repeat-x;
		padding:0px;
		margin:-10px 0 0 0;
		position:relative;
		outline:none;
	}
		#mainContent div.sec_title h3  a:hover{
		background:url(../../images/btn/center.gif) top repeat-x;
		color:#FF9900;
		}
		
		
	#mainContent h3 a{
		font-size:12px;
		color:#464646;
		border:none;
		display:block; 
	}
	#mainContent h3 a:hover{border:none; background:none; text-decoration:underline;}
.stretchbox h4{
	line-height:22px;
}
.stretchbox p{
	width:93%;
	font-size:11px;
	line-height:14px;
}
.stretchbox{
	float:left;
	height:auto;
	/*margin-bottom:-50px;*/
	overflow:hidden;
	padding-bottom:0px;
	position:relative;
	text-align:left;
	top:0px;
	width:25%;
	padding-left:5px;
}
	.half{width:48%;}
	.third{width:32%;}

/*   Right Sidebar
*****************************/
#sidebar {
	float: right;
	width: 20%;
	margin: -46px 0 0 0; 	/*height of 2nd nav is 66px, so here margin is really 20*/
	padding: 15px 0;
	font-size: 70%;
}
#sidebar h3,
#sidebar p, 
#sidebar img {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar img {
	margin-left: 10px;
	margin-top:3px; 
	margin-bottom:3px;
	padding-left:0;
}


/*   Right Sidebar Styling
*****************************/
.sidelinks{
	border-top:1px solid #CC9900;
	margin:0;
	padding:15px 0;
	background-color:#FAFAFA;
	background-repeat:repeat-y;
	margin-bottom:5px;
	margin-right:0px;
	margin-top:15px;
	padding-left:0px;
}
p.sec_links{
	margin-right: 0px;
	padding-left: 20px;
	margin-top:15px;
	margin-bottom:15px;
	background: url(../../images/links_yellow.gif) left no-repeat;
}
.sec_links a{
	margin:0;
	padding:3px;
	/*border: #FFFFFF 1px solid;*/
	border-bottom:#F0F0F0 1px solid;
	text-decoration:none;
	color:#336666;
}
.sec_links a:hover{
	color:#CC9900;
	/*border: #FBFEC7 1px solid;*/
	border-bottom:#CC9900 1px solid;
	background:#FBFEC7;
}
#sidebar h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
	color:#625952;
}
.quotation{
	font-style:italic;
	font-size:12px;
	line-height:18px;
	padding: 0 10px;

}
.quotation_signature{
	padding: 0 10px;
}



/*   Footer
*****************************/
#footer{
	border-top: 1px solid #888888;
	padding:10px 0px;
	margin:20px 0px 20px 0px;
}
#footer p, #footer table{
	font-size:10px;
	line-height:14px;
	color:#494949;
	padding: 0 10px;
}
#footer h4{
	padding: 0 10px;
	color:#c79000;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
#footer .one_third{
	width: 35%;
	float: left;
	margin:0 0 0 40px;
}
#footer .two_thirds{
	width: 55%;
	float: left;
}
#footer .links{
	color:#999999;
	font-size:10px;
	padding:0px 10px;
}
#footer .links a{
	color:#999999;
	text-decoration:none;
}
#footer .links a:hover{
	color:#666666;
	text-decoration:underline;
}
/*footer end*/
-->

/*[if IE]>*/ /* place css fixes for all versions of IE in this conditional comment 
 #sidebar {
padding-top: 30px;
}
#mainContent {
	zoom: 1;
	padding-top: 15px;
}
*/
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs 
<![endif]
*/




/*   global back to top links 
*****************************/
#mainContent p a.up_top{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-transform:lowercase;
	letter-spacing:1px;
	color:#d8a822;
	text-decoration:none;
	border:none;
	}
#mainContent p a.up_top:hover{
	background:none;
	text-decoration:underline;
	color:#FF6600;
}
/*   Global "more" Link / cleafloat 
*****************************/	
#mainContent p.more_link a{
	/*
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#d8a822;
	text-decoration:none;
	background:none;
	padding:0;
	border:none;
	display:block;
	float:left;
	margin:10px;
	*/
	display:block;
	width: 85px;
	background:#FFFFFF;
	line-height:14px;
	border:1px solid #CDCDCD;
	color:#4D4D4D;
	font-family:"Helvetica Neue",Helvetica,Verdana,Sans-Serif;
	font-size:11px;
	font-weight:bold;
	padding:5px 15px;
	margin:5px 0 0 25px;
	text-decoration:none;
	text-transform:uppercase;
}
#mainContent p.more_link a:hover{
	text-decoration: underline;
	background:#DCE2E9;
	border:1px solid #CDCDCD;
}
.clearfloat {
	clear:both;
	width:100%;
}


/*   tools section
*****************************/	
#mainContent .greybox .half{
	float:left;
	width:45%;
	margin:0; padding:0;
}
div.greybox{
	float:left;
	width: 90%;
	margin: 0 0 0 5%;
	padding:0 0 20px 0;
	/*background:#f8f8f8;
	border:1px solid #cccccc;*/
	border-bottom:1px solid #cccccc;
}
#mainContent .greybox p.tool_title{
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	text-decoration:underline;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	padding:0px;
	margin:10px 0;
}
#mainContent .greybox p{
	padding: 0 5px;
	margin:0 10px;
	font-size:12px;
	line-height:22px;
	width:100%;
}
div.img_col{
	display:block;
	width:100%;
}
.nestedimage{
	float:left;
}
.leftal{
	margin:5px 0 5px 240px;
}

/*   Section under the main nav - contact and search
*****************************/
#tools_div{
	position:absolute;
	top:67px;
	width:80%;
	margin:0 auto;
	z-index:10;
	height:50px;
}
* html  #tools_div{width:100%;}
#tools_div p{
	float:left;
	margin:5px 0 5px 10px;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3f3f3f;
}
#tools_div form{
	float:right;
	margin:10px 0;
	padding:0;
	text-align: right;
}
#banner{
	position:absolute;
	top:112px;
	min-width:864px;
	width: 80% !important;
	width:864px;
	height:306px;
	/*min-width: 864px;*/
	margin:0 auto;
	z-index:5;
	background:none;
}

* html  #banner{width:100%;}
#banner.ethics{background:url(../../images/banner-ethics-ext.gif) repeat-x;}
#banner.tools{background:url(../../images/banner-tools-ext.gif) repeat-x;}
#banner.faq{background: #eed913;}
#banner.request-a-quote{background: url(../../images/banner-request-a-quote-ext.gif) repeat-x;}
#banner.services{background:url(../../images/banner-services-ext.gif) repeat-x;}
#banner.linkservices{background:url(../../images/banner-advanced-links-building-package-ext.gif) repeat-x;}
#banner.banner-core-business-services{background:url(../../images/banner-core-business-services-ext.gif) repeat-x;}
#banner.semservices{background:url(../../images/banner-search-engine-marketing-ext.gif) repeat-x;}
#banner.coreservices{background:url(../../images/banner-services-ext.gif) repeat-x;}
#banner.corporateservices{background:url(../../images/banner-corporate-seo-package-ext.jpg) repeat-x;}
#banner.client_logon{background:url(../../images/banner-client-login-ext.gif) repeat-x;}
#banner.guarantee{background:url(../../images/banner-guarantee-ext.gif) repeat-x;}
#banner.about_us{background:url(../../images/banner-about-us-ext.gif) repeat-x;}
#banner.contact_us{background:url(../../images/banner-contact-us-ext.gif) repeat-x;}
#banner.case_st{background:url(../../images/banner-case-studies-ext.gif) repeat-x;}
#banner.home{background:#000000 url(../../images/banner-home-ext.gif) repeat-x;}

/*  LISTS
*****************************/	
ul.nopad2{
	padding:0 0px 0 10px;
	margin:0;
}
ul.nopad{
	padding:0;
	margin:0;
}
ul.nopad li{
	list-style:square inside;
}
ul.simple_list li {
	font-size:11px;
	list-style:none;
}
ul.non_bg_array{
	list-style:none;
}
p.non_bg_array, .non_bg_array li{
	background:transparent url(../../images/sub_list_arrow.gif) no-repeat scroll left center;
	border:1px solid #FFFFFF;
	list-style:none;
	color:#333333;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	padding:0pt 0pt 0pt 20px;
	text-decoration:none;
	text-transform:none;
}
.non_bg_array input{padding:0; margin:0 10px;}	

ul.non_bul_ar{
	list-style:none;
	/*325B6B 34727C 634B3D*/
	color:#584738;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	width:80%;
	margin:0 0 0 30px;
	padding:0;
	margin-right: 10px;
	text-decoration:none;
	text-transform:none;
}
ul.non_bul_ar li{
	margin:5px 0;
	/* FBFBF9 */
}
ol.promises_list{
	margin-left:30px;
	padding:0px 30px;
	width:85%;
	font-size:12px;
	line-height:18px;
}
ol.promises_list li{
	padding:5px;
}
ul.sm_indent{
	margin-left:0;
	width:85%;
}
ul.sm_indent li{
	margin-left:-5px;
	padding:0pt 0pt 0pt 20px;
}

/*   Styling bullet points in a box
*****************************/
ul.box_links{
	/*background:#F8F8F8;
	border:1px solid #CCCCCC;*/
	padding:0; margin:0;
	list-style:none;
}
ul.box_links li{
	/*
	background:#F8F8F8 url(../../images/bullet-double-arrow-grey.gif) 12px no-repeat;
	border:1px solid #CCCCCC;
	*/
	background:#FBFEC7 url(../../images/bullet-double-arrow-grey.gif) 12px no-repeat;
	padding:5px 10px 7px 30px;
	margin:10px 0;
	list-style: none;
}



/*   ALL FORMS
*****************************/
form{
	background:#F8F8F8;
	border:1px solid #CCCCCC;
	padding:1px 10px 10px;
}
	form.nar{
		width: 55%;
		border:none;
		background:none;
	}
	form.searchbar_form{/*Searchbar form*/
		border:none;
	}
	form.clientlogin{
		height:180px;
		width: 50%;
		background:none;
		padding:10px 30px;
	}
	form.onlinetools_form{
		background:none;
		padding:0;
		margin:0;
	}
form p{
	padding-top:3px; padding-bottom:3px;
}
	form.nar p{
		padding-top:1px; padding-bottom:2px;
	}
	form.onlinetools_form span{
		font-size:12px;
	}
form label.title{
	display:block;
	float:left;
	width:25%;
	font-weight:bold;
	padding:5px;
	font-size:12px;
}

form input[type="text"]{
	display:block;
	float:left;
	width:70%;
	border:none;
	background:#F8F8F8;
	padding:5px 5px 5px 0;
	border-bottom: 1px #666666 dotted;
	color:#333399;
	}
	form.onlinetools_form input[type="submit"]{
		float:left;
		width:25%;
		margin-left:3px;
	}
	form.onlinetools_form input[type="text"]{
		width:70%;
		max-width:300px;
	}
	form.nar input[type="text"]{
		background:none;
	}
	form.request input[type="text"]{
	width:50%;
	}
	form.searchbar_form input.searchbar, form.clientlogin input[type="text"]{
		border:1px solid #CCCCCC;
		color:#666666;
		font-size:14px;
		padding:4px;
		margin:0;
	}
		form.clientlogin input[type="text"]{
		margin:10px 0;

		}
	form.searchbar_form input[type="text"]{/*Searchbar input*/
		border: 1px solid #CCCCCC;
	}
.centered{ /*form reset and submit buttons div*/
	display:block;
	width:30%;
	margin:0 auto;
}
#request_a_quote{ /*inner wrapper for the request info form*/
	margin:0 auto;
	width: 75%;
}
/*   FAQ & CONTACT us
*****************************/
dl{
	margin-left: 40px;
}



	#mainContent dt.img_l a{
		border:none;
		text-decoration:underline;
		outline:none;
	}
	#mainContent dt.img_l a:hover{
		border:none;
		text-decoration:none;
		background:#FFFFFF;
	}
	#mainContent dt.img_l a img, #mainContent dd a img{
		border:none;
		background:none;
	}
	#mainContent dt.img_l img:hover{
		border:none;
		background:none;
	}
	#mainContent dt.img_l img{
		background:none;
	}
	
	
dl.address{
	margin-left: 15px;
	padding:0;
}
dt{
	background:url(../../images/bullets-faq.gif) left no-repeat;
	padding:10px 40px;
	color:#000000;
	/*border-bottom:1px dotted #999999;*/
}
dl.address dt{
	background:url(../../images/bullets-contact.gif)  left no-repeat;
}
dd{
	margin:0.6em 1.2em;
	padding:0pt;
	color:#4D4D4D;
	
}
dl.address dd{
	padding:5px 40px;
	margin:0;
}
/*   Contact Us float
*****************************/
div.contact_us_s{
	border-left:1px solid #999999;
	margin-left:6px;
	width: 40%;
	padding:0;
	float:left;
}





/*   Case study
*****************************/
#mainContent p.case_st_title{
	float:left;
	font-weight:bold;
	margin:0px;
	padding:10px 0px;
	text-align:right;
	width:20%;
}
#mainContent p.case_st_body{
	float:left;
	margin:0px 0px 0px 20px;
	padding:5px 10px 5px 20px;
	width:71%;
	/*background:#FBFEC7;*/
	line-height:20px;
	font-size:11px;
}



/*   Thank you message
*****************************/
.thank_you{
	background:#F8F8F8 none repeat scroll 0%;
	border:1px solid #CCCCCC;
	padding:15px;
	line-height:20px;
}



/*   TABLE ranking
*****************************/

table#ranking{
	border-collapse:collapse;
	margin:10px 0;
	font-size:11px;

}
table#ranking th{
	text-align:left;
	padding:6px 6px 6px 12px;
	background:#777777;
	color:#FFFFFF;
}
	table#ranking th.sec{
	background:#e5e5e5;
	color:#333333;
	}
table#ranking td{
	color:#4F6B72;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	padding:6px 6px 6px 12px;
	border:1px solid #e5e5e5; /*F8F8F8*/
}
	table#ranking td.alt{
		background:#F8F8F8;
		color:#797268;
	}
		table#ranking td.alt2{
			background:#f2f2f2;
			color:#797268;
		}

table#ranking td.ref{
	font-style:italic;
	font-size:70%;
	border:none;
	text-align:right;
	padding:4px 4px 4px 12px;
}


/*   Services Page only
*****************************/
.services_cert{
	width: 490px;
	margin:0 auto;
	padding:10px 3px;
	background:#FFFFFF;
}
.services_cert img{
	vertical-align:middle;
	padding:0;
	margin:0px;
	float:left;
}

/*FAQ page subtabs*/

#mainContent a.subsec{
	display:block;
	font-size:12px;
	float:left;
	padding:10px; 
	margin:0 0px 0 0 ; 
	outline:none;
	border:1px solid #CCCCCC;
	border-bottom:none;
}
#mainContent a.subsec:hover{
	color: #CC9900;
}
#mainContent a.subtab_active{
	background:#FBFEC7;
}
/*   Action Boxes on index and on services pages
*****************************/

.action_selection {
border:1px solid #BDE5F3;
width:220px;
float:left;
margin-right:15px;
cursor:pointer;
margin-left:35px;
}
	#mainContent div.two_btns{
	float:left;
	margin:0px;
	padding:0;
	width:440px;
	min-width:440px;
	}	
	div#mainContent div.two_btns div.action_selection{
		margin-left:3px;
	}
	/*	
	#mainContent div.two_btns div.action_selection{
		margin:0 0px; padding:3px 0 0 0; width:222px;
	}*/
.action_selection .action_sel_in{
background-color:#E2F4F9;
height:83px;
margin:4px;
padding-right:4px;
}
.action_selection .action_sel_in .icon {
background:url(../../images/icon-analysis.gif) 10px 0px  no-repeat;
float:left;
height:70px;
position:relative;
top:10px;
width:55px;
}
		#mainContent div.two_btns div.action_selection {
		margin:0; padding:3px 0 0 0; width:208px;
		}		
		
		
		.action_selection .action_sel_in .find_out{
		background:url(../../images/icon-learn.gif) 10px 0px  no-repeat;
		}
		.action_selection .action_sel_in .profile {
		background:url(../../images/icon-profile.gif) 10px 0px  no-repeat;
		margin:0; padding:3px 0 0 0; width:222px;
		}		
		.action_selection .action_sel_in .white_paper{
		background:url(../../images/icon-white-papers.gif) 10px 0px  no-repeat;
		}
		.action_selection .action_sel_in .corporate_services{
		background:url(../../images/icon-corporate-services.gif) 10px 0px  no-repeat;
		}
		.action_selection .action_sel_in .jumpstart_services{
		background:url(../../images/icon-jumpstart-services.gif) 10px 0px  no-repeat;
		}

	.two_btns .action_selection .action_sel_in .info{
	margin:0; padding:0; width:125px;
	}

.action_selection .action_sel_in .info p{
line-height:16px;
margin-top:5px;
padding:0;
}
.action_selection .action_sel_in .info {
float:left;
padding-top:10px;
width:150px;
}
.action_selection .action_sel_in .info h3 {
display:inline;

}

#mainContent .action_selection .action_sel_in .info h3 a, .action_selection .action_sel_in .info h3 a{
font-weight:bold;
color:#0095ff;
outline:none;
}