@charset "utf-8";
/* CSS Document */

body {
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#232323;
}


/* ---------------------------Layout---------------------------*/


	/* -----TOP------*/
div.container {
width:1001px;
margin:32px auto 0px auto;
padding:0px;
text-align:left;
}

div.top{
height:48px;
width:100%;
}

div.navigation {
margin:0px;
padding:0px;
width:502px;
height:48px;

float:right;


}


div.navigation a  {
background-position:top left;
background-repeat:no-repeat;
height:48px;
display:block;
float:left;




}

div.navigation a.home {
background-image:url(images/nav-home.jpg);
width:117px;
}

div.navigation a.services {
background-image:url(images/nav-services.jpg);
width:117px;
}

div.navigation a.pitch {
background-image:url(images/nav-pitch.jpg);
width:165px;
}

div.navigation a.contact {
background-image:url(images/nav-contact.jpg);
width:103px;
}


	/* -----SUB SUB NAVIGATION-----*/

div.navigation-sub-sub {
margin:0px;
padding:0px;
width:502px;
height:48px;

float:right;


}


div.navigation-sub-sub a  {
background-position:top left;
background-repeat:no-repeat;
height:48px;
display:block;
float:left;




}

div.navigation-sub-sub a.home {
background-image:url(images/nav-sub-home.jpg);
width:117px;
}

div.navigation-sub-sub a.services {
background-image:url(images/nav-sub-service.jpg);
width:117px;
}

div.navigation-sub-sub a.pitch {
background-image:url(images/nav-sub-pitch.jpg);
width:165px;
}

div.navigation-sub-sub a.contact {
background-image:url(images/nav-sub-contact.jpg);
width:103px;
}

	/* -----END TOP-----*/
	
	/* -----START BANNER-----*/



div.banner {
height:320px;
width:100%;
}

div.banner-sub-pages {
height:168px;
width:100%;

}

div.banner-boxes {
height:123px;
width:100%;
background-position:0 0;
float:left;

}

div.banner-boxes a {
background-position:top left;
background-repeat:no-repeat;
height:38px;
display:block;
float:left;
font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#999999;
padding:85px 15px 0px 15px;


}

a.banner-box-seo {
background-image:url(images/banner-box-seo.jpg);
width:219px;
}

a.banner-box-local {
background-image:url(images/banner-box-local.jpg);
width:220px;
}

a.banner-box-ppc {
background-image:url(images/banner-box-ppc.jpg);
width:220px;
}

a.banner-box-smo {
background-image:url(images/banner-box-smo.jpg);
width:222px;
}

	/* -----END BANNER-----*/
	
	/* -----Start Center Boxes-----*/

div.center-boxes {
height:244px;
width:100%;

margin:18px 0px 0px 0px;
float:left;
}

div.center-boxes a {

background-repeat:no-repeat;
background-position:0 0;
display:block;
float:left;
height:190px;
font:normal 13px/19px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#232323;
padding:54px 15px 0px 15px;






}

a.box-roi {
background-image:url(images/box-roi.jpg);
width:219px;
}

a.box-location {
background-image:url(images/box-location.jpg);
width:220px;
}

a.box-ethical {
background-image:url(images/box-ethical.jpg);
width:220px;
}

a.box-pitch {
background-image:url(images/box-pitch.jpg);
width:222px;
}

	/* -----END Center Boxes-----*/
	
		/* -----Start Lower Boxes-----*/

div.lower-boxes {
height:86px;
width:100%;
margin:18px 0px 40px 0px;
float:left;
clear:both;
}

div.lower-boxes a {
height:46px;
background-repeat:no-repeat;
background-position:0 0;
display:block;
float:left;
font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#232323;
}

a.box-lower-share{
background-image:url(images/box-lower-share.jpg);
width:219px;
padding:40px 15px 0px 15px;
}

a.box-lower-blog{
background-image:url(images/box-lower-blog.jpg);
width:219px;
padding:40px 15px 0px 15px;
}

a.box-lower-competition{
background-image:url(images/box-lower-competition.jpg);
width:220px;
padding:40px 15px 0px 15px;
}

a.box-lower-newsletter {

background-image:url(images/box-lower-newsletter.jpg);
width:220px;
padding:40px 15px 0px 15px;

}

a.box-lower-clients {
width:250px;


}




   



	/* -----End Lower Boxes-----*/
	
	
	/* -------------------------------Start Sub Page Content-----------------------------------*/

div.left {
float:left;
width:168px;

padding:0px;
margin:14px 13px 0px 0px;
clear:both;

}

div.sub_nav {

background-image: url(images/bg-nav-left.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:168px;
height:522px;
margin:13px 0px 0px 0px;
}

div.sub_nav ul {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding:22px 0px 0px 13px;

margin:0px;
list-style-type:none;

}

div.sub_nav ul li { /*  *line-height:23px;  -- for IE */
line-height:25px;

}

div.sub_nav ul li a {
color:#232323;
}

div.sub_nav ul li a:hover {
color:#00B5F0;
}
div.sub_nav ul li ul { /*  *margin:-15px 0px 0px 10px;  -- for IE */
margin:0px 0px 0px 10px;
padding:0px;

}

div.sub_nav ul li ul li {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}






div.content{
width:820px;
margin:14px 0px 0px 0px;
padding:0px;
float:right;

}

div.content_center{
background-image: url(images/bg-content-top.jpg);
background-position:top left;
background-repeat:no-repeat;
width:638px;
min-height:268px;
float:left;
padding:0px;


}

.content_padding {
padding:0px 25px 0px 25px;
border-left:2px solid #999999;
border-right:2px solid #999999;

}

div.content_padding_lower {
padding:30px 25px 0px 25px;
border-right:2px solid #999999;
 border-left:2px solid #999999;
 margin-top:-18px;
}


img.content-bottom-bg{
margin-top:0px;
}

div.right {
float:right;
width:168px;
height:522px;
padding:0px;
margin:0px 0px 0px 14px;
}

div.enquiries {
background-image: url(images/bg-enquiries.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:168px;
height:402px;
margin:0px 0px 0px 0px;
}

form.enquiries {
padding:50px 0px 0px 12px;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
}

form.enquiries input.text {
border:1px solid #232323;
width:142px;
height:16px;
margin:0px 0px 10px 0px;
font-size:11px;
}

form.enquiries textarea.textarea {
border:1px solid #232323;
width:142px;
height:125px;
font-size:11px;
}

form.enquiries input.submit {

background-image: url(images/button-submit.jpg);
width:71px;
height:18px;
background-repeat: no-repeat;
border:none;
float:right;
margin-right:12px;

}

div.address {
background-image: url(images/bg-address.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:168px;
height:402px;
margin:-15px 0px 0px 0px;
}


div.newsletter {
background-image: url(images/bg-newsletter.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:168px;
height:213px;
margin:12px 0px 0px 0px;

}

div.newsletter p {
padding:55px 0px 0px 12px;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;

}

div.newsletter img {
margin-right:10px;
margin-top:10px;

}

form.enquiries input.enter {

background-image: url(images/button-enter-here.jpg);
width:102px;
height:16px;
background-repeat:no-repeat;
border:none;
float:right;
margin-right:12px;

}

	/* -----END Sub Page Content-----*/
	
		/* -----start Lower box and footer-----*/
		
		div.top-box { /* very important figure incase you move the box: top:975px;  */
	border:2px solid #999999;
	overflow:auto;
	width:977px;
	margin:18px auto 18px auto;
	padding:0px 10px 10px 10px;
	position:absolute;
top:975px;



}
		div.top-box-br {

height:10px;
overflow:auto;
width:977px;
margin:18px auto 18px auto;
padding:0px 10px 10px 10px;
position:absolute;
top:1080px;
display:block;


}

div.top-box ul {
list-style-type:none;
margin:10px 0px 10px 0px;

}

div.top-box ul li {
display: inline;

}

div.top-box h1 {
margin:10px 0px 10px 0px;

}


	

div.more-box {
height:90px;
border:2px solid #999999;
overflow:auto;
width:979px;
margin:18px 0px 18px 0px;
padding:0px 10px 10px 10px;
float:left;


}

div.footer {
	width:100%;
	margin:18px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;

}

/* -----end Lower box and footer-----*/

/* ---------------------------Start TOOLS -------------------------------------*/

h1 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
margin:15px 0px 0px 0px;
}

h2 {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
margin:10px 0px 10px 0px;
}

h3 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
margin:5px 0px 5px 0px;
}

h4 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
margin:5px 0px 5px 10px;
}

p {
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
line-height:15px;
margin:16px 0px 16px 0px;
padding:0px;
}

div.content_padding_lower p {
font: normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
margin:0px;
padding:0px;

}

div.half_p {
width:59%;
}

table {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:17px;
}

table.roi td {
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
line-height:17px;
padding-left:10px;

}

table.roi {
border:1px solid #E0F5FC;
width:584px;
margin:-3px 0px 0px 2px;

}



ul {
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
padding:0px;
margin:0px 0px 0px 15px;
}

ul li {
margin:0px 0px 10px 0px;
padding:0px;
}

ol {
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
padding:0px;
margin:0px 0px 0px 22px;
}

ol li {
margin:0px 0px 10px 0px;
padding:0px;
}

.no-bulllet {
list-style-type:none;
}


.grey-line {
height:1px;
width:100%;
background-color:#999999;
display:block;
margin:0px;
padding:0px;
}


.blue {
color:#00B5F0;
}

.blue-line {
height:1px;
background-color:#00B5F0;
width:100%;
margin-bottom:10px;
}

.red {color: #FF0000}

.spacer-home {
height:18px;
}

a {
color:#00B5F0;
text-decoration:none;
}

a:hover {
color:#003366;
}

a img {
border:0px;
}

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


.float-right {
float:right;
 margin-left:10px;
 margin-top:15px;
 margin-bottom:15px;
}

table.contact_table {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#232323;
font-size:12px;
}

table.client-logos td {
border:1px solid #999999;

}
