/* CSS Document */
/*************************/
/* Global style settings */
/*************************/
*{
	margin:0px;
	padding:0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align:center;
	color:#666;
	min-width:900px;
}

h1{
	font-size: 18px;
	font-weight:bold;
	margin-bottom:25px;
}

h2{
	font-size: 18px;
	font-weight:bold;
	margin:25px 0px 15px 0px;
	color:#8cc63f;
}

h3{
	font-size: 12px;
}

h4 {
	font-size: 10px;
}

p{
	margin:0px 0px 15px 0px;
}

a{
	color:#666;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.link1{
	font-size:14px;
	font-weight:bold;
	color:#8cc63f;
}

.link2{
	font-size:12px;
	font-weight:bold;
	color:#666;
}

hr {
	clear: both;
	height: 0px;
	margin: 30px 0px 40px 0px;
	border: 0;
	border-bottom: 1px dotted #cecece;
}

img {
	border:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clearboth{
	clear:both;
	height:1px;
	line-height:1px;
}

.wrapper{
	margin:0px auto 0px auto;
	text-align:left;
	width:900px;
}

.secondarycolour{
	color:#8cc63f;
}

.textcontainer50{
	width:50%;
	float:left;
}

.textcontainer60{
	width:60%;
	float:left;
}

.textcontainer70{
	width:70%;
	float:left;
}

.textcontainer70right{
	width:70%;
	float:right;
}

.textcontainer50 p,
.textcontainer60 p,
.textcontainer70 p{
	padding-right:20px;
}

.zerotopmargin{
	margin-top:0px;
}

#topcontent{
	margin-bottom:45px;
}

#cs_bcs #maincontent,
#cs_bcs #maincontent,
#cs_lso #maincontent{
	width:780px;
}

/*****************/
/* Header styles */
/*****************/
#header{
	background-image:url(../images/bg_headerslice.jpg);
	background-repeat:repeat-x;
	height:195px;
	margin-bottom:45px;
}

#header img{
	float:left;
}

#header h1{
	color:#fff;
	margin-top:40px;
	margin-bottom:20px;
	text-align:right;
}

#header p{
	font-size:18px;
	font-weight:bold;
	text-align:right;
}

/*************************/
/* Navigation bar Styles */
/*************************/
#navbar{
	clear:both;
	position:relative;
	display:block;
	height:35px;
	font-size:11.5px;
	font-weight:bold;
	background:transparent url(../images/navbar/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #666666;
	margin-bottom:50px;
}

#navbar ul{
	list-style-type:none;
	margin:0px auto 0px auto;
	text-align:left;
	width:900px;
}

#navbar ul li{
	display:block;
	float:left;
}

#navbar ul li a{
	display:block;
	float:left;
	color:#000;
	font-size:11px;
	text-decoration:none;
	padding:11px 22px 0 22px;
	height:23px;
	background:transparent url(../images/navbar/bgDIVIDER.gif) no-repeat top right;
}

#navbar ul li.last a{
	background:none;
}

#navbar ul li a:hover,
#home .home,
#about .about,
#seo .seo,
#ppc .ppc,
#copy .copy,
#clients .clients,
#blog .blog,
#contact .contact {
	color:#8dc640;
	background:#fff url(../images/navbar/bgON.gif) no-repeat top right;
}

/********************/
/* Home Page Styles */
/********************/
#imagebanner{
	margin-bottom:45px;
}

#imagebanner img.middle{
	margin:0px 7px 0px 7px;
}

#contactbox{
	float:right;
	background:#8cc63f;
	width:230px;
	height:185px;
	margin-right:15px;
}

#contactbox h2{
	color:#fff;
	margin:10px 0 15px 10px;
}

#contactbox a{
	color:#fff;
	margin:0;
}

#contactbox p{
	font-size:13px;
	font-weight:bold;
	color:#4a4949;
	margin:10px 0 15px 10px;
}

#home a.link1, #clients a.link1{
	display:block;
	margin-bottom:20px;
}

#home a.link2{
	display:block;
	margin-bottom:20px;
}

#home .clientlogo{
	margin:0px 15px;
}


/*************************/
/* List Styles */
/*************************/

ul {
	list-style-type: upper-roman;
	padding:0px 0px 30px 20px;
	}
	
ul li {
	font-weight:normal;
	margin:7px 0px 10px 0px;
	}

/*------------- List Styles -------------------------*/


/*************************/
/* Rounded Corner Styles */
/*************************/
.cornerbox {
  background: #f2f2f2;
  width:532px;
  margin:25px 0px;
}

.cornertop div {
   background: url(../images/roundcorners/shadedbox_tl.jpg) no-repeat top left;
}

.cornertop {
   background: transparent url(../images/roundcorners/shadedbox_tr.jpg) no-repeat top right;
}

.cornerbase div {
   background: url(../images/roundcorners/shadedbox_bl.jpg) no-repeat bottom left;
}

.cornerbase {
   background: transparent url(../images/roundcorners/shadedbox_br.jpg) no-repeat bottom right;
}

.cornertop div, .cornertop,
.cornerbase div, .cornerbase {
   width: 100%;
   height: 4px;
   font-size: 1px;
}

.cornercontent{
	margin: 15px 20px;
}

.cornercontent h1{
	margin:7px 0px;
}

.cornercontent h2{
	margin-top:0px;
}

.cornercontent p{
	font-size:13px;
	font-weight:bold;
	margin:7px 0px;
}

/*------------- Rounded Corner Styles -------------------------*/

#resource_links{
	padding-bottom:40px;
}

#resource_links ul{
	float:left;
	margin-left:90px;
}

#resource_links ul.first{
	margin-left:0px;
}

#resource_links li{
	list-style-type:none;
	padding-bottom:8px;
}

#resource_links li a{
	font-size:12px;
	font-weight:normal;
	color:#666;
}

#marketingservices{
	background-image:url(../images/marketingservices_bg.gif);
	background-repeat:no-repeat;
	height:307px;
	width:282px;
	float:right;
}

#marketingservices h2{
	margin:15px 0px 0px 30px;
}

#marketingservices p{
	margin:10px 20px 0px 30px;
}

#marketingservices ul{
	margin:15px 0px 0px 30px;
}

#marketingservices li{
	background-image:url(../images/services_bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-top:9px;
	list-style:none;
	height:26px;
	font-weight:bold;
}

#blogposts{
	background-image:url(../images/marketingservices_bg.gif);
	background-repeat:no-repeat;
	height:307px;
	width:282px;
	float:right;
}

#blogposts h2{
	margin:15px 0px 0px 30px;
}

#blogposts p{
	margin:10px 20px 0px 30px;
}

#blogposts ul{
	margin:15px 20px 0px 30px;
}

#blogposts li{
	list-style:none;
	background:url(../images/services_bullet.gif) left 50% no-repeat;
	padding:10px 0px 10px 35px;
	font-weight:bold;
}

#blogposts li p{
	margin:0;
	padding:0;
}

/*********************/
/* Contact Us Styles */
/*********************/
#map{
	background-image:url(../images/noscriptmap.jpg);
	background-repeat:no-repeat;
	margin:40px 0px;
	width:100%;
	height:350px
}

#contact .formcontainer{
	width:60%;
	margin-top:20px;
}

#contact form{
	margin-top:20px;
	background-image:url(../images/contactformslice.gif);
	background-repeat:repeat-x;
	background-color:#fafafa;
	padding:20px;
}

#contact form label{
	font-size:11px;
	font-weight:bold;
	width:130px;
	float:left;
	margin-bottom:10px;
}

#contact form input{
	font-size:11px;
	font-weight:normal;
	width:200px;
	margin-bottom:10px;
}

#contact .formbutton{
	margin-left:130px;
	width:auto;
}

#contact form textarea{
	width:300px;
	float:left;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

#contact form div{
	clear:both;
}

/****************************/
/* Terms and Privacy Styles */
/****************************/
#terms address,
#privacy address{
	font-style:normal;
	margin-bottom:20px;
}

/*****************/
/* Footer Styles */
/*****************/
#footer{
	clear:both;
	background-image:url(../images/bg_footerslice.jpg);
	background-repeat:repeat-x;
	height:112px;
	font-size:11px;
	font-weight:bold;
	color:#565656;
	margin-top:20px;
}

#footer .address{
	font-size:12px;
}

#footer p{
	margin:10px 0px;
}

#footerleft{
	float:left;
	padding-top:20px;
}

#footerright{
	float:right;
	padding-top:20px;
	text-align:right;
}

#footerlinks ul{
	margin-top:6px;
}

#footerlinks li{
	display:inline;
	list-style:none;
	padding:0px 8px;
	border-left:#565656 1px solid;
}

#footerlinks li.first{
	border:none;
	padding-left:0px;
}

#footerlinks a{
	color:#565656;
}