/*--SEARCHENGINEOPTIMISATION.COM MAIN CSS FRAMEWORK

AUTHOR:HAYDYN PHILLIPS
INITIAL START DATE:26/05/2010
--*/

/*--CSS RESET FILE BY YAHOO FRAMEWORK--*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: helvetica,sans-serif;
        vertical-align:top;
	}

a {
        color: #535353;
}
#tool{
        width:650px;
}
pre{
    font-size:10px;
    white-space:pre-wrap;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,th,var {
	font-weight: normal;
	font-style: normal;
	}
caption,th {
	text-align: left;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
	
/*--END OF RESEST--*/


/*--LOGO REPLACEMENT, HEADER--*/
h1.mainHeader {
	width:356px;
	height:50px;
	text-indent:-9999em;
	background:url(../images/logo.png) no-repeat;
	float:left;
	margin-top:10px;
}
/*--END--*/

/*--MAIN CALL TO ACTION TEXT--*/
#testimonials p{
    text-align:justify;
    margin:2em 0 2em 0;
    line-height:1.5em;
}

#testimonials em{
    margin:0 0 0 1em;
}

h2.mainCopytext {
	font-weight:bolder;
	font-size:35px;
	color:#3c3636;
        margin:20px 0 10px 0;
	line-height:1.1em;
}

h2 span.results {
	color:#0b9444;
}

p.subText {
	font-size:18px;
	color:#3c3636;
	line-height:1.1em;
}

p.subText span.up {
	color:#0f0e0e;
	font-weight:bold;
}
/*--END--*/


/*--ALL MAIN H2 HEADER STYLING--*/
div.h2Bg {
	height:40px;
	background:url(../images/h2_header_bg.png) left center no-repeat;
	margin-bottom: 13px;
}


h2.headers {
	font-size:20px;
	font-weight:bold;
	padding:8px 0 0 34px;
	background:url(../images/arrow_ul.png) 5px 5px no-repeat;
	color:#3c3636;
	float:left;
        /*width:550px;*/
}

h2.headers a {
    text-decoration:none;
    color:#3C3636;
}

h2.headerWhite {
	color:white;
}
/*--END--*/

/*--SERVICES HEADERS STYLING AND BODY COPY--*/
h3.serviceTitles a{
	color:#FFF;
	font-size:14px;
        font-weight:bold;
}

.textHolder p{
	color:#FFF;
	font-size:11px;
	line-height:1.2em;
	padding-top:5px;
        display:block;
        height:148px;
}

.empty {
    list-style: none;
}
/*--END--*/


/*--START OF SUBHEAD H3 STYLING FOR TOOLS SECTIONS--*/
h3.subheads {
	font-weight:bold;
	font-size:15px;
	color:#3c3636;
}
#analyse p {
	font-size:12px;
	color:#3c3636;
}

#tools p {
	font-size:12px;
	color:#3c3636;
}
/*--END--*/

/*--BLOG STYLING--*/
h3.blogHeaders a {
	font-size:14px;
	color:#3c3636;
	font-weight:bold;
}

span.metadetails {
	font-size:11px;
	font-family:helvetica, sans-serif;
	color:#3c3636;
	display:block;
	margin-bottom: 10px;
	padding-top: 5px;
}

span.metadetails a {
	color:#3c3636;
	font-weight:bold;
}

.blog p {
	color:#3c3636;
	font-size:12px;
	line-height:1.2em;
}

p.dynamText {
	color:#3c3636;
	font-size:12px;
	line-height:1.2em;
}



/*--END--*/


/*--END OF TYPOGRAPHY STYLING--*/





/*--START OF MAIN STRUCTURE STYLING--*/


/*--START OF HEADER SECTION--*/

#header {
	height:86px;
	background:url(../images/top_bar_gradient.gif) repeat-x;
}

#header960 {
	width:960px;
	height:86px;
	margin:0 auto;
        padding:0 0 0 30px;
        position:relative;
}

form.login {
	display:block;
	float:right;
	width:500px;
	height:40px;
	margin-top:22px;
}

form.login p {
	float:left;
	margin-left:5px;
	line-height:2em;
	font-size:12px; 
	color:#FFF;
}

form.login input.username { /* , .password */
	display:block;
	width:150px;
	background:url(../images/new_login_inputs.png) no-repeat;
        padding:6px 0 10px 8px;
	outline:none;
	border:none;
	float:left;
	color:#FFF;
	font-size:10px;
}
input.go{
    margin:2px 0 0 0;
}

#_lpChatBtn{
    position:absolute;
    right:0px;
    top:35px;
}
/*--END OF HEADER SECTION--*/



/*--START OF MAIN NAVIGATION SECTION--*/
#navbG {height:41px; width:100%; background:url(../images/new_ul_repeat.jpg) repeat-x;}
.mainNav { width: 990px; height: 47px; position: relative; margin:0 auto;  }
.mainNav li { display: inline;  }
.mainNav li a { font-weight: bold; float: left; height: 41px; overflow: hidden; background:url(../images/seo_sprite.jpg) no-repeat; font-family:helvetica, sans-serif; text-decoration:none; font-size:13px; color:#FFF; text-align:center; line-height:3.7em; }

/* FIRST SPRITE STAGE--DISPLAY THE WIDTH HERE AS THEY ARE ALL DIFFERENT SIZES */
.mainNav li#home a { width:108px; background-position: 0 0; }
.mainNav li#services a { width:104px; background-position: 0px 0; }
.mainNav li#aboutUs a { width:105px; background-position: 0px 0; }
.mainNav li#partners a { width:106px; background-position: 0px 0; }
.mainNav li#testimonials a { width:106px; background-position: 0px 0; }
.mainNav li#seoTools a {width:106px; background-position: 0px 0; }
.mainNav li#blog a {width:105px; background-position: 0px 0; }
.mainNav li#careers a {width:106px; background-position: 0px 0; }
.mainNav li#contact a {width:109px; background-position: 0px 0; }

/* HOVER STATES */
.mainNav li#home a:hover {width:108px; background-position: 0 -47px; }
.mainNav li#services a:hover {width:104px; background-position: 0px -47px; }
.mainNav li#aboutUs a:hover {width:105px;  background-position: 0px -47px; }
.mainNav li#partners a:hover {width:106px; background-position: 0px -47px; }
.mainNav li#testimonials a:hover {width:106px; background-position: 0px -47px; }
.mainNav li#seoTools a:hover {width:106px; background-position: 0px -47px; }
.mainNav li#blog a:hover {width:105px; background-position: 0px -47px; }
.mainNav li#careers a:hover {width:106px; background-position: 0px -47px; }
.mainNav li#contact a:hover {width:109px; background-position: 0px -47px; }

/* ACTIVE STATES */
.mainNav li#home a:active { background-position: 0 -94px; }
.mainNav li#services a:active { background-position: 0px -94px; }
.mainNav li#aboutUs a:active { background-position: 0px -94px; }
.mainNav li#partners a:active { background-position: 0px -94px; }
.mainNav li#testimonials a:active { background-position: 0px -94px; }
.mainNav li#seoTools a:active { background-position: 0px -94px; }
.mainNav li#blog a:active { background-position: 0px -94px; }
.mainNav li#careers a:active { background-position: 0px -94px; }
.mainNav li#contact a:active { background-position: 0px -94px; }



/*--END  OF MAIN NAVIGATION SECTION--*/

.breadcrumb {
    color:white;
    font-weight: bold;
    height:20px;
    margin:auto;
    padding-top:4px;
    width:950px;
}

.breadcrumb a {
    color:white;
}

/*--START OF CALL TO ACTION--*/

#callToAction {
	width:960px;
	height:220px;
	background:url(../images/new_arrows.jpg) no-repeat;
	margin:0 auto;
}

#mainCopytext {
	width:500px;
	float:left;
	margin-top:15px;
}

.moreBtn {
	display:block;
	width:208px;
	height:53px;
	background:url(../images/find_out_mre_btn.png) no-repeat;
	text-indent:-9999em;
	margin-top:10px;
	margin-left:240px;
}

/*--END OF CALL TO ACTION--*/

/*--START OF FEATURES--*/
#pageStretch {
	width:100%;
	height:297px;
	background:url(../images/new_middle_repeat.jpg);
	padding-top:15px;
	
}

#pageStretchSmall {
	width:100%;
	height:25px;
	background-color:#4ba76a;
}

#structureHolder{
	width:960px;
	margin:0 auto;
}

.mainHolder {
	width:188px;
	float:left;
	margin-right:3px;
	display:inline;
	margin-top:13px;
	background:url(../images/services_individual_repeat.png) top repeat-x;
}

.textHolder {
	width:180px;
	margin:9px 0 0 6px ;

}

.mainHolder .serviceBtn {
	display:block;
	width:119px;
	height:33px;
	margin:14px auto 0;
	background:url(../images/view_btn.png) no-repeat;
	text-indent:-9999em;
	outline:none;
}
/*--END OF FEATURES--*/


/*--START OF TOOLS AND ANALYSIS & BLOG--*/
#pageStretch2 {
width:100%;
height:380px;
background:url(../images/TOOLS_BG.jpg);
}

#back-seo{
    background:url('/images/back_to_seo.jpg') 0 0 no-repeat transparent;
    display:block;
    height:24px;
    width:181px;
    padding:4px 0 0 30px;
    color:#ffffff;
    text-decoration:none;
    margin: 10px 0px;
}

#tools960 {
	width:960px;
	margin:0 auto;
}

#analysis {
	float:left;
	width:270px;
	margin-left:9px;
}

#tools {
	float:left;
	width:256px;
}

#tools2
{
	margin:0 auto 15px;
	text-align:center;
	width:570px;
}

#tools2 div a 
{
	float:left;
	height:100px;
	padding:5px;
	text-decoration:none;
	width:100px;
}

#toolsWrap {
	width:558px;
	float:left;
	margin-top:5px;
}

#top {
	background:url(../images/tools_top_bg.gif) bottom left no-repeat ;
}

#middle {
	overflow:hidden;
	background:url(../images/tools_main_bg.gif) top left ;
	padding-left:6px;
	padding-top:12px;
        padding-bottom:24px;
}

#bottom {
	height:10px;
	background:#036;
	background:url(../images/tools_btm.gif) top left no-repeat;
}

form.Form input {
	outline:none;
	border:none;
	color:#333333;
        font-size:12px;
        background-color:transparent;
        width: 230px;
}

form.Form p{
        background:url(../images/form_input.png) no-repeat;
        display:block;
	width:253px;
	height:31px;
        padding:10px 0 0 8px;
        margin:5px 0 0 0;
}

form.Form p.noBG{
        background:0;
        padding:0 0 0 8px;
}

form.Form input.analyse {
	text-indent:-9999em;
	margin-top:10px;
        height:36px;
        width:247px;
        background:0;
        margin:0 0 6px -9px;
        display:block;
}

form.Form input.tel, .email {
	margin-bottom:6px;
}

#tools img.margin {
	padding-left:50px;
	padding-right:47px;
}

#imgHolder {
	padding-top:5px;
        width:300px;
}

#tools a.view {
	display:block;
	width:148px;
	height:39px;
	background:url(../images/view_tools_btn.gif);
	text-indent:-9999em;
	margin: 9px auto 0;
	outline: none;
}

img.liveChat{
    float:right;
    margin:16px 24px 0 0;
}

ul.pageMenu{
    padding:0 0 0 3px;
    margin:0px 0px 10px 0px;
}

ul.pageMenu li{
    list-style:none;
    display:block;
    height:25px;
    width:250px;
    background:url('/images/menu-bg.png') 0 0 no-repeat transparent;
    padding:3px 0 0 0;
    text-align:center;
}

ul.pageMenu li:hover{
     background:url('/images/menu-bg-active.png') 0 0 no-repeat transparent;
}

ul.pageMenu li a{
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

#blogarea {
	float:right;
	width:385px;
	margin-top:5px;
}

#top2 {
	background:url(../images/blog_middle.png) bottom left repeat-y;
	height:11px;
}

#middle2 {
	background:url(../images/blog_middle.png) top left repeat-y;
	padding-left:6px;
	height:342px;
        float:left;
}

#blogarea img.media {
	display:block;
	float:right;
	margin-top:8px;
	margin-right:15px;
}

#btm2{
	height:10px;
	background:url(../images/blog_btm.png) top left no-repeat;
        clear:both;
}

.blog {
	float:left;
	width:356px;
	border-bottom: 1px solid #A9CDAE;
	margin-bottom:10px;
	padding:0 5px 10px;

}

.topWrap {
	float:left;
	width:253px;
}

.buttonWrap {
	float:right;
	width:84px;
	
}

.blogText{
	clear:both;
	
}


/*--END OF TOOLS AND ANALYSIS AND BLOG--*/


/*--START OF LOWER THIRD--*/

#mainContainer {
	width:989px;
	margin:0 auto;
	background:url(../images/NEW_MAIN_BG.jpg) center top repeat-y;
	overflow:hidden;
        padding-top: 13px;
}

#mainLeftContainer {
	float:left;
	width:665px;
	margin-left:20px;
	margin-right:8px;
}

#mainRightContainer {
	float:left;
	width:283px;
}


#video {
	float:left;
	width:285px;
	margin-right:52px;
	margin-top:0px;
}

#vidArchive {
	float:left;
	width:285px;
	margin-bottom:0px;
	margin-top:0px;
        margin-left:10px;
}

#seoTabs {
	float:left;
	width:640px;
	margin:0 0 25px 0;
}

#clients {
	float:left;
	clear:both;
	width:640px;
        margin-top:20px;
}

#resources {
	float:left;
	clear:both;
	width:640px;
        margin-top:10px;
}

#resources p {
    margin:20px 0;
}

#accreditations {
	float:left;
	clear:both;
	width:640px;
        margin-top:10px;
}


/*--END OF LOWER THIRD--*/



/*--START OF VIDEO STYLING--*/

.archive {
	width:283px;
	border: 1px solid #A9CDAE;
	margin-bottom:10px;
	float:left;
}

.vidholder {
	float:left;
	width:90px;
	height:70px;
	background:#36F;
}

.vidContent {
	padding:3px;
	float:left;
	width:160px;
	
}


/*--END OF VIDEO STYLING--*/


.standard {
    clear:both;
}





#panelCont {
	border:1px solid #b7baba;
	float:left;
}
/*
.columnThree {
	width:285px;
	height:230px;
	float:left;
	padding-top:25px;
}

.pleft {
	width:293px;
	padding-left:6px;
}

.right {
margin-left:38px;
}*/

.columnThree
{
	margin: 15px;
	width: 592px;
	height:275px;
	font-size:12px;
}

.columnThree p{
    margin:0 0 1em 0;
   
}

/*-- SECOND TAB NAVIGATION SYSTEM--*/
ul.tabNavigation2 {padding: 0; margin: 0; list-style: none;}
.tabNavigation2 li {padding: 0; margin: 0;display: inline;}
.tabNavigation2 a{ color: #666666; font-weight: bold; float: left; width:156px; height: 35px; overflow: hidden; background:url(../images/tab_sprite.jpg) no-repeat; text-decoration:none; text-align:center; line-height:2.8em; font-family:helvetica, sans-serif; font-size:14px; outline:none;  }

/* FIRST SPRITE STAGE */
.tabNavigation2 li.tab1 a { background-position: 0px 0; }
.tabNavigation2 li.tab2 a { background-position: -156px 0; }
.tabNavigation2 li.tab3 a { background-position: -312px 0; }
.tabNavigation2 li.tab4 a { background-position: -468px 0; }


/* HOVER STATES */
.tabNavigation2 li.tab1 a:hover { background-position: 0 -35px; font-weight:bold; color:#666; }
.tabNavigation2 li.tab2 a:hover { background-position: -156px -35px; font-weight:bold; color:#666;  }
.tabNavigation2 li.tab3 a:hover { background-position: -312px -35px;font-weight:bold; color:#666;  }
.tabNavigation2 li.tab4 a:hover { background-position: -468px -35px; font-weight:bold; color:#666; }

/* ACTIVE STATES */
.tabNavigation2 li.tab1 a:active  { background-position: 0 -70px; font-weight:bolder; color:#666; }
.tabNavigation2 li.tab2 a:active  { background-position: -156px -70px; font-weight:bolder; color:#666; }
.tabNavigation2 li.tab3 a:active  { background-position: -312px -70px;font-weight:bolder; color:#666; }
.tabNavigation2 li.tab4 a:active { background-position: -468px -70px; font-weight:bolder; color:#666; }

.ui-tabs .ui-tabs-hide 				{ display: none !important; }




#articles {
	margin:15px 0 25px 0;
}

.articles {
	width:261px;
	border-bottom:1px solid #A9CDAE;
	margin-bottom:10px;
	padding:3px 3px 10px;
}

#blogs {
	margin:15px 0 25px 0;
}

.blogs {
	width:261px;
	border-bottom:1px solid #A9CDAE;
	margin-bottom:10px;
	padding:3px 3px 10px;
}


#enquiry {
	margin-bottom:25px;
}

form.Form .submit {
	display:block;
	background:0;
	width:145px;
	height:39px;
	text-indent:-9999em;
	margin:5px 0 0 51px;
}

form.Form .subscribe {
	display:block;
	background:0;
	width:145px;
	height:39px;
	text-indent:-9999em;
	margin:5px 0 0 51px;
}

#clients img {
	display:block;
	float:left;
	margin-right:24px;
}

#footer {
	width:989px;
	margin:0 auto;
	background:url(../images/btm_new.jpg) center top no-repeat;
	height:12px;
}

#images{
        margin:30px 20px 30px 0;
        text-align:center;
}

#images img, #images a img{
        margin:0 23px 0 0;
}

#logoMeta {
	width:989px;
	margin:20px auto 20px auto;
	overflow:hidden;
        text-align:center;
}

#logoMeta img {
	display:block;
	float:left;
	margin-right:32px;
}

#logoMeta p {
	font-size:10px;
	margin-top:10px;
}

.columns
{
	-moz-column-count:2;
	-moz-column-gap:25px;
	overflow: hidden;
}

.columns ul{
    padding:0;
    margin:0 0 1em 1.5em;

}

.columns h2{
    font-size: 16px;
}

.columns h3{
    font-size: 14px; 
}

.columns p+h3, .columns p+h2, .columns ul+h3, .columns ul+h2{
     margin:2em 0 1em 0;
}

.content
{
	padding-right: 23px;
	margin-top:22px;
}

.content p, h2
{
	margin-bottom: 10px;
}


.content a
{
	color:#3C3636;
	font-weight:bold;
}

.h2Bg h2
{
	margin: 0;
}

dt 
{
	font-weight:bold;
}

dd 
{
	margin-bottom:10px;
}

#slider {
    position: relative;
    overflow: hidden;
    height: 65px;
    margin-left: 1px;
    margin-right: 20px;
    margin-top: 20px;
}

#slider img {
    position: absolute;
    display: none;
}

.rated404 li {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#CCE1CF;
	border:1px solid #CCCCCC;
	float:left;
	font-size:12px;
	height:40px;
	line-height:1.6em;
	list-style-type:none;
	margin:4px !important;
	padding:8px !important;
	width:282px;
}

.rated404 li a, .rated404 li a:visited 
{
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

.input-p 
{
	background-image:none;
	color:#464646;
	display:block;
	float:left;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:3px;
	vertical-align:middle;
	width:93%;
	}

#contactus 
{
	background-image:url("/images/contact_bg.png");
	background-repeat:no-repeat;
	height:387px;
	margin-bottom:15px;
	padding-left:23px;
	padding-top:14px;
}

#contactus label 
{
	display:block;
}

#contactus .input-p 
{
	background-image:none;
	display:block;
	float:left;
	width:48%;
}

#contactus .textInput 
{
	background-image:url("/images/contact_text_bg.png");
	background-repeat:no-repeat;
	height:21px;
	padding-top:4px;
	width:260px;
}

#freeanalysis
{
	background-image:url("/images/contact_bg.png");
	background-repeat:no-repeat;
	height:177px;
	margin-bottom:15px;
	padding-left:23px;
	padding-top:14px;
        display:block;
        }

#freeanalysis label
{
	display:block;
}

#freeanalysis .input-p
{
	background-image:none;
	display:block;
	float:left;
	width:48%;
}

#freeanalysis .textInput
{
	background-image:url("/images/contact_text_bg.png");
	background-repeat:no-repeat;
	height:21px;
	padding-top:4px;
	width:260px;
}

#freeanalysis .submitBtn2
{
        margin-top: 22px;
        display:block;
}

#seoanalysis
{
	background-image:url("/images/analysis_bg.png");
	background-repeat:no-repeat;
	height:214px;
	margin:30px auto 15px;
	padding-left:23px;
	padding-top:14px;
        width:408px;
        display:block;
}

#seoanalysis label
{
	display:block;
        width: 120px;
        float:left;
}

#seoanalysis .input-p
{
	background-image:none;
	display:block;
	float:left;
	width:390px;
}

#seoanalysis .textInput
{
	background-image:url("/images/contact_text_bg.png");
	background-repeat:no-repeat;
	height:21px;
	padding-top:4px;
	width:260px;
}

#seoanalysis .submitBtn2
{
        margin: 13px auto;
        display:block;
}

.contact .textInput  
{
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	height:21px;
	margin-right:3px;
	padding-left:5px;
	width:197px;
}

#contactInfo 
{
	background-color:transparent;
	background-image:url("/images/contact_textarea.png");
	background-repeat:no-repeat;
	height:125px;
	margin-bottom:0;
	margin-top:3px;
	width:566px;
	border:0 none;
	overflow:auto;
	padding:5px;
}

.submitBtn2 
{
	display:block;
	height:39px;
	/*margin:5px 0 0 211px;*/
        margin: -8px 10px 0px 211px;
	text-indent:-9999em;
	width:145px;
	border:0 none;
}

.contdetails 
{
	width:50%;
}

.client-panel  
{
	padding:48px 15px 0;
}

.panelCont 
{
	/*background:url("../images/new_tab.jpg") no-repeat scroll left bottom transparent;*/
	height:225px;
	/*width:628px;*/
	width: 591px;
}

.client-image 
{
	float:left;
	margin-left:5px;
}

.client-results 
{
	float:right;
	font-size:12px;
	width:400px;
}

#error{
    font-weight:bold;
    color:#ff0000;
    font-size:14px;
    position:absolute;
    top:320px;
}

/* tables */
table.tablesorter {
    font-family: arial;
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    border: 1px solid gray;
    text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    font-size: 8pt;
    padding: 4px;
}

table.tablesorter thead tr .header {
    background-image: url(../images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

#mainLeftContainer .ritem {
background:url("/images/rline.gif") no-repeat scroll 0 0 transparent;
font-style:normal;
height:20px;
margin:0;
padding-left:28px;
padding-top:5px;
}

#mainLeftContainer .ritemb {
background:url("/images/rlineb.gif") no-repeat scroll 0 0 transparent;
font-style:normal;
height:20px;
margin:0;
padding-left:28px;
padding-top:5px;
}

.small {
    padding-bottom: 10px;
}