@charset "utf-8";
/* CSS reset - reset all elements to start afresh! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	font-weight: inherit;	font-style: inherit; font-size: 100%;	font-family: inherit;/*	vertical-align: baseline;*/ }
:focus {outline: 0;} /* remember to define focus styles! */
/*body {line-height: 1;}*/
ol, ul {list-style: none;}
table {border-collapse: separate;	border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* end CSS reset */

body {
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 12px; /* Reduces 16px browser default to 10px, so now 1em is 10px, 1.2em is 12px etc */
	background: #fff url(../images/backgrounds/body_bg-fade.jpg) repeat-x top;
	background-attachment:scroll;
	text-align: center;
	color: #000;
}

a:link, a:visited {	text-decoration:none;	color:#FF3;}
.container a:link, .container a:visited {color:#C16100;}
a:hover, a:active {	text-decoration:underline;	color: #F90;	}

.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.floatright {float:right;}
.floatleft {float:left;}
.rightimg {float:right; margin:15px 0 10px 15px;}
.leftimg {float:left; margin:15px 15px 10px 0;}

img.border {border:1px solid #000;}
img.topimg {margin-top:35px;}
.yellow1 {color:#FF0;}

.rounded3px {-moz-border-radius:3px; -webkit-border-radius:3px;}
.rounded5px {-moz-border-radius:5px; -webkit-border-radius:5px;}
.rounded7px {-moz-border-radius:7px; -webkit-border-radius:7px;}
.rounded9px {-moz-border-radius:9px; -webkit-border-radius:9px;}



#wrapper {
	width: 980px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
}

#header {
	height:72px;
}
div#headerright {
	float:right; width: 300px; text-align:right;
}
#header p.header-telephone {
	margin-top:26px;
	font: bold 20px Tahoma, Geneva, sans-serif;
	color:#fff;
}
#header p.header-enquire {
	font: normal 11px Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	color:#fff;
}

div#headerleft {
	float:left; width: 300px; position:relative;
}
div#headerleft img {
	margin-top:26px;
}
div#headerleft h1 {
	position:absolute; top:47px; left:62px;
	font: normal 13px Tahoma, Geneva, sans-serif;
}

#sidebar {
	float: right;
	width: 240px;
}

#maincontent { 
	margin: 0 285px 0 0;
	padding: 0;
}

.container {
	padding:0;
	margin: 10px 0;
	font-size:12px;
	overflow:auto; /* allows div to auto clear floated elements contained within it */
}

.container p {padding: 10px 0; color:#000;}
p.highlighted, span.highlighted {font-weight:bold; color:#C63;}
p.highlighted2, span.highlighted2 {	font-weight:bold;	color:#7B6328;}
p.bullet-yellow-arrow {background: url(../images/icons/bullet_yellow_arrow1.jpg) no-repeat left top; padding-left:45px;}

.container h1, .container h2, .container h3, .container h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


div.contentbox-top {
	border:1px solid #9B7B00; 
	/*width:665px;*/ /* remember total width = width + padding */ 
	padding: 8px 14px; 
	margin:30px 0 25px 0;
	background: #FFD222 url(../images/backgrounds/contentbox-top_bg-fade.jpg) repeat-x top;
	overflow:auto; /* auto float clearing */
}
div.contentbox-top.longer {background-image: url(../images/backgrounds/contentbox-top_bg-fade-longer.jpg);}
	

.contentbox-top h1 {font: normal 30px Arial, Helvetica, sans-serif; color:#fff; margin: 0 0 10px 0; padding:0;}
.contentbox-top h1 span.subheading {font: normal 17px Arial, Helvetica, sans-serif; color:#000; margin: -10px 0 10px 0; padding:0;}
.contentbox-top h2 {font: normal 16px Arial, Helvetica, sans-serif; color:#fff; margin: 10px 0; padding:0;}
.contentbox-top h3 {font: normal 16px Arial, Helvetica, sans-serif; color:#333; margin: 10px 0 0 0; padding:0;}

.contentbox-top .contentbox-top-sidebox {
	float: right;
	width:132px; /* remember total width = width + padding */
	background: #343434 url(../images/backgrounds/contentbox-top-sidebox_bg-fade.jpg) repeat-x top;
	margin:30px 0 0 14px;
	padding:3px 9px; font-size:12px;
}

.contentbox-top-sidebox p.marketing, .contentbox-top-sidebox p.seo, .contentbox-top-sidebox p.web {
	padding: 9px 0 9px 30px;
	font: normal 13px Arial, Helvetica, sans-serif; color:#fff;
	border-bottom:1px solid #666;
}
.contentbox-top-sidebox p.marketing a, .contentbox-top-sidebox p.seo a, .contentbox-top-sidebox p.web a {color:#fff;}
.contentbox-top-sidebox p.marketing {	background: url(../images/icons/globe_icon.png) no-repeat left center;}
.contentbox-top-sidebox p.seo {	background: url(../images/magnifyglass_icon.gif) no-repeat left center;}
.contentbox-top-sidebox p.web {	background: url(../images/icons/palette_icon.png) no-repeat left center; border-bottom:none;}

h1.page-subject {
	font-size:16px;
	font-weight:bold;
	color: #FBBC00;
	border-bottom:1px solid #FBBC00;
	padding-bottom:2px;
	margin-bottom:6px;
}

div.services {margin-bottom:25px;}
div.servicestop {margin-top:25px;}
.services .imgholder {
	float:left;
	margin-top:30px;
	width:90px;
	text-align:center;
}
.services .detailholder {margin-left:100px;}
.services h4 {
	font-size:16px;
	font-weight:bold;
	color: #FBBC00;
	border-bottom:1px solid #FBBC00;
	padding-bottom:2px;
	margin-bottom:6px;
}
.services ul li, p.services-list-style {
	background:url(../images/icons/list_arrow_yellow1.jpg) no-repeat left 2px;
	padding: 0 0 4px 16px;
}


div.articles-holder {margin:20px 0;}
div.articles-holder a {font-weight:bold;}
div.articles-holder h1 {
	font-size:16px;
	font-weight:bold;
	color: #FBBC00;
	border-bottom:1px solid #FBBC00;
	padding-bottom:2px;
	margin-bottom:6px;
}
div.articles-holder ul li {
	background:url(../images/icons/list_arrow_yellow1.jpg) no-repeat left 2px;
	padding: 0 0 10px 18px;
}


p.readmore a {
	color:#000;
	font-size:11px;
	background: #ddd url(../images/backgrounds/readmore1.png) no-repeat left top;
	height: 14px; /* height + top + bottom padding should = 18px */
	margin:0 0 0 15px;
	padding:2px 7px 2px 43px;
	overflow:hidden;
	display:inline;
	border:1px solid #EABB00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
p.readmore a:link,p.readmore a:visited {color:#000;}

p.readmore a:hover {
	background-position: 0 -20px;
	background-color:#FFFFB7;
	color:#000;
	border:1px solid #CCC;
	cursor:pointer;
	display:inline;
	text-decoration:none;
}


div.sidebox {
	width:230px; /* remember total width = width + padding */ 
	padding: 5px 5px; 
	margin:30px 0 30px 0;
	text-align:center;
	background: #DDDDDD url(../images/backgrounds/sidebox_bg-fade1.jpg) repeat-x top;
	box-shadow: 0px 0px 16px 2px #000;
	-moz-box-shadow: 0px 0px 16px 2px #000; /* horizontal pos, vertical pos, blur radius, spread radius, colour. Inset is an option */
	-webkit-box-shadow: 0px 0px 16px 2px #000; 
}

div.sidebox#callus {background: #F4CF39 url(../images/backgrounds/sidebox_bg-fade2.jpg) repeat-x top;}

#sidebar h1 {font: italic normal 18px Arial, Helvetica, sans-serif; color: #FC0; margin:5px 0 0 0;}
#sidebar p	{font: normal 14px Verdana, Geneva, sans-serif; color: #333;margin:5px 0;}
#sidebar p.number	{font: bold 24px Verdana, Geneva, sans-serif; color: #111;margin:5px 0;}


#callback h1 {background:url(../images/icons/sidebar_callback.png) no-repeat left 2px; padding-left:52px; text-align:left;}
#offer h1 {background:url(../images/icons/sidebar_testimonials.png) no-repeat left 2px; padding-left:52px; padding-right:15px; text-align:left;}
#callback h5, #offer h5 {font: normal 12px Verdana, Geneva, sans-serif; color:#fff; margin:10px 0;}

ul.list-outdent {
	margin-left:43px;
	margin-bottom:15px;
}
ul.list-outdent li {
	background:url(../images/icons/list_arrow_yellow1.jpg) no-repeat left 2px;
	padding: 0px 0px 3px 20px;
}



div#freeseoreport {
	border:3px solid #FFCC33; 
	/*width:665px;*/ /* remember total width = width + padding */ 
	padding: 12px 20px; 
	margin:20px 40px;
	background: #ffff66 url(../images/backgrounds/freeseoreport_bg-fade.jpg) repeat-x top;
	text-align:center;
	overflow:auto; /* auto float clearing */
}
#freeseoreport img.seoreport-heading {float: left; margin:2px 0 0 0;}
#freeseoreport img.seoreport-icons {float: right; margin:20px 0 15px 40px;}
#freeseoreport h1 {
	font: italic bold 26px Arial, Helvetica, sans-serif;
	color: #9D2700;
	margin:0 0 0 15px;
	padding: 0;
	text-shadow: 1px 1px 1px black, 3px 3px 8px black; /* CSS3 , does not work for IE */
}
#freeseoreport h1 span {font-weight:bold; color: #F00;}
#freeseoreport p {font: normal 16px Arial, Helvetica, sans-serif; margin:15px 0 0 0; color:#500; text-align:left;}
#freeseoreport h3 {
	float:left;
	width: 40%;
	border-right: 1px solid #aaa;
	font: normal 17px Arial, Helvetica, sans-serif;
	color: #A25028;
	margin:10px;
	padding:0 15px 0 0;
	text-align:left;
}
#freeseoreport h3 span {font-style:italic; font-size:13px; font-weight:bold;}

#iframe-holder {
	margin-left:100px;
	background-color:#FC6;
	text-align:center;
	padding-top:5px;
}

#footer-background {
	/*position:absolute;
	bottom:0;
	width:100%;*/
	background: #333 url(../images/backgrounds/footer_bg-fade.jpg) repeat-x top;
}
#footer {
	width: 980px;
	margin:0 auto;
	text-align:left;
	padding:5px 0;
}
#footer .companylogo {margin:20px 0; padding:0;}
#footerlogos-holder {
	float: right;
	margin: 23px 0 0 0;
	padding:0;
}
#footerlogos-holder img {
	padding: 0 6px;
	margin:0;
}

#footer p, #footer address {
	margin: 0;
	padding: 0;
	color:#fff;
	text-align:center;
	font: 11px Verdana, Geneva, sans-serif;
}
#footer address {padding-bottom:4px;}


/* start of FORMS css   --------------------------------------------------------- */
	
form.callbackform, form.contactform, form.freeseoform {font: 12px Arial, Helvetica, sans-serif; color:#000;}
 form.freeseoform {float:right; width:50%;}

form.contactform {
	padding: 0;
	margin:0 50px 0 100px;
}
form.contactform p {font-size:14px; padding-top:0;}

form.contactform fieldset {
	background-color: #ddd;
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:10px 20px;
}

form.callbackform {
	/*padding: 5px 15px 5px 10px;*/
	padding:0;
	margin:15px 10px 5px 5px;
}

form.contactform label {
	clear:left; /* to stop the labels getting caught on each other sometimes */
	float:left; 
	width:200px;
	font-size:12px;
}
form.callbackform label, form.freeseoform label {display:none;}

form input, form textarea, form select {
	font: normal 11px Verdana, Geneva, sans-serif;
	margin:0 0 2px 0;
	-moz-border-radius:3px; -webkit-border-radius:3px; background-color:#fff;
}
form.callbackform input.formfield{width:100%; margin-bottom:7px;}
form.freeseoform input.formfield{width:100%; margin-bottom:4px; }
form.contactform input.formfield{width:250px; margin-bottom:5px; font-size:11px;}
form.contactform input.permissionbox{margin-right:50px;margin-bottom:5px;}

form input:hover, form input:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {
	background-color:#FFD;
}
form.freeseoform input.formfield:hover { background-color:#FC9; }

form textarea#additionalinformation {width:100%;height:60px;font-size:11px;}
form.callbackform textarea#additionalinformation {width:100%; height:60px; }
form.contactform textarea#additionalinformation {width:100%; height:90px; }

form input.callbacksubmit, form input.freeseosubmit, form input.contactformsubmit {
	margin: 5px 0 0 5px;
	width:90%;
	background-color: #FC0;
	color:#111;
	border:1px solid #333;
	padding:3px;
	text-align:center;
	font-weight:bold;
	-moz-border-radius:5px;		/* note: apply the rounded class to this input button, causes big problems for IE, so not used. */
	-webkit-border-radius:5px;
}
form input.contactformsubmit {width:50%; margin:10px 0 0 0;}
form input.callbacksubmit:hover, form input.freeseosubmit:hover, form input.contactformsubmit:hover {
	cursor:pointer; background-color:#333; color:#FC0; border-color:#000;
}

/* end FORMS css --------------------------------------------------------- */