/*  

Client: 
Client URL: http://www.matthewsba.co.uk/
Description: Stylesheet for Matthews Business Associates
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 01/01/2009

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links	
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

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,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	background:#e2e3e5;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;*/

	color:#747474; /*8b8b8b*/ /* 747474*/
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:18px;
}

h1 {
	font-size:2.2em;
	position:relative;
	top:30px;
	left:30px;
	padding:15px;
	width:400px;
	line-height:1.2em;
	/*text-shadow: 0 1px 1px #d2d2d2;*/
	/*color:#FFFFFF;*/
	color: #FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	/*background:url(../images/h1_bg.png) repeat;*/
	z-index:0;
}

h2 {
	font-size:1.6em;
	color:#990000;
	margin-bottom:6px;
}

h2.title {
	font-size:2.6em;
	color:#990000;
	margin-bottom:16px;
}

h3 {
	font-size:1.2em;
	color:#990000;
	margin-bottom:3px;
	font-weight:bold;
}

h4 {
	font-size:1.1em;
	color:#565656;
	font-weight:bold;
	margin-bottom:3px;
}

h5 {
	font-size:11px!important;
	font-weight:bold;
}

h6 {
	color:#990000;
	font-size:1.1em;
	line-height:1.6em;
	margin-bottom:18px;
}

#main-content ul {
	margin:0 0 18px 18px;
}

#main-content li {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:6px;
	list-style:disc;
}

blockquote {
}

img {
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

u {
	text-decoration:underline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a {
	color:#990000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited, a:visited:hover  {
}

a:focus {
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.grey-line {border-top:1px solid #e1e1e1;}

.red {color:#990000;}

p.calltoaction {
	color:#990000;
	font-size:1.8em;
	line-height:1.4em;
	clear:both;
	margin:30px 0 20px 0;
}


/* 7.0	Wrapper */

div#wrapper {
	width:1000px;
	margin:20px auto 0 auto;
	background:url(../images/wrapper_bg.jpg) repeat-y top #FFFFFF;
}

/* 8.0	Logo */

#logo {
	float:left;
	margin:65px 0 0 53px;
	display:inline; /* Hack for IE6 Double margin bug */
}

/* 9.0	Layout */
#header {
	background:url(../images/header_bg.jpg) no-repeat;
	height:142px;
}

#tel {
	background:url(../images/call-now.gif) no-repeat;
	width:271px;
	height:19px;
	float:right;
	text-indent:-9999999px; /* Hides accessible Text */
	margin:84px 73px 0 0; /*77px 73px 0 0*/
	display:inline; /* Hack for IE6 Double margin bug */
}

/*#header-image {
	margin:0 42px 30px 42px;
	padding-bottom:20px;
	border-bottom:1px solid #dae5ed;
}*/

#header-image {
	height:180px;
	margin:0 42px 30px 42px;
	/*background:#333;*/
	/*background:url(../images/header-image.jpg);*/
	/*background:#d2d2d2;*/
}

/* Single Pages */
.homepage, 
.terms_and_conditions_header,
.privacy_policy_header,
.landing_page_header {background:url(../images/golf.jpg);}

.business_checklist {background:url(../images/checklist.jpg);}
.contact_header {background:url(../images/contact.jpg);}
.about_you_header {background:url(../images/football.jpg);}
.blog_header {background:url(../images/blog.jpg);}

/* About Us */
.about_us {background:url(../images/about_us.jpg);}
.who_we_are_header {background:url(../images/geoff.jpg);}
.associates_header {background:url(../images/our_associates.jpg);}
.where_we_operate_header {background:url(../images/where_we_operate.jpg);}

/* Services */
.servicesheader {background:url(../images/servicesheader.jpg);}
.accounts_header {background:url(../images/accounts.jpg);}
.tax_header {background:url(../images/tax.jpg);}
.performance_improvement_header {background:url(../images/bowling.jpg);}
.company_secretarial_header {background:url(../images/company_secretary.jpg);}

/* Pricing */
.pricing_header {background:url(../images/abacus.jpg);}
.pricing_examples_header {background:url(../images/pricing_examples.jpg);}
.our_approach_to_pricing_header {background:url(../images/till_roll.jpg);}



#main-content {
	float:left;
	width:548px; /*568px*/ /*598px*/
	margin:0 0 0 57px; /* 0 0 0 42px */
	display:inline;
}

#right-col {
	float:right;
	display:inline;
	width:278px;
	margin:0 57px 0 0; /* 0 42px 0 0 */
}

.box {
	background:#fbfbfb;
	border:1px solid #e5e4eb;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 20px 20px 1px 20px;
	margin-bottom:20px;
}

.box p {font-size:1.1em;}

/* Fit for business */
#fit_for_business {
	background:url(../images/fit_for_bus.jpg) no-repeat left top;
	border:1px solid #e5e4eb;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 30px 20px 30px 120px;
	margin-bottom:20px;
}

#fit_for_business h4 {font-size: 1.1em;}
#fit_for_business p { font-size:1.1em; margin-bottom:7px; line-height:1.4em;}
#fit_for_business a { font-size:1.1em; padding-right:20px;background:url(../images/start_now_button.gif) no-repeat right;}




#recent-news h2 {
	width:132px;
	height:18px;
	background:url(../images/latest_news.gif) no-repeat top left;
	text-indent:-999999px;
	margin-bottom:20px;
}

#recent-news li {margin-bottom:13px;}
#recent-news h3 a {font-weight:bold;}
#recent-news li p {margin:0; font-size:1.1em;}

#who_you_are h2 {
	width:142px;
	height:25px;
	background:url(../images/who_you_are.gif) no-repeat top left;
	text-indent:-999999px;
	margin-bottom:9px;
}

#categories h2 {
	width:124px;
	height:25px;
	background:url(../images/categories.gif) no-repeat top left;
	text-indent:-999999px;
	margin-bottom:9px;
}

#downloads h2 {
	width:135px;
	height:25px;
	background:url(../images/downloads.gif) no-repeat top left;
	text-indent:-999999px;
	margin-bottom:9px;
}

h2.services_and_solutions {
	width:257px;
	height:24px;
	background:url(../images/services_and_solutions.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

h2.getting_to_know_us {
	width:222px;
	height:24px;
	background:url(../images/getting_to_know_us.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

h2.quickandeasyguides {
	width:257px;
	height:24px;
	background:url(../images/quickandeasyguides.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

h2.talknumbers {
	width:212px;
	height:24px;
	background:url(../images/lets_talk_numbers.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

h2.leavecomments {
	width:251px;
	height:24px;
	background:url(../images/leave_your_comments.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

h2.comments {
	width:251px;
	height:24px;
	background:url(../images/comments.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

h2.blogposts {
	width:122px;
	height:24px;
	background:url(../images/blog_posts.gif) no-repeat top left;
	text-indent:-99999999px;
	margin:20px 0 5px 0;
}

.tile, .contact_tile {width:252px;} /*262*/ /* 277px*/
.contact_tile p {font-size:1.2em; clear:both;}
.tile p {font-size:1.1em; clear:both; margin-bottom:1px;}
.icon-left {float:left; margin-right:10px; margin-bottom:5px;}
.tile h2 {position:relative; top:12px; margin-bottom:14px;}

#footer {
	margin:32px 30px 10px 30px;
	background:url(../images/footer_bg.jpg) top center no-repeat;
	padding:20px 33px 0 27px;
}

#legals {
	float:left;
	width:500px;
}

#legals p {
	font-size:1.1em;
	color:#565656;
}

#subscribe {
	float:right;
	width:270px;
	position:relative; /* To contain error trapping */
}

#subscribe p {
	font-size:1.1em;
	color:#565656;
	margin-bottom:3px;
}

#subscribe input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#565656;
	border:1px solid #e3e3e3;
	padding:3px;
	width:180px;
	margin-right:7px;
}

#subscribe button {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#565656;
	border:1px solid #e3e3e3;
	padding:2px;
}

#subscribe label.error {
	color:#FF0000;
	position:absolute;
	top:80px;
	left:0;
}

#subscribe input.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
}

#landing_pages a {color:#565656; font-style:italic;}

/* 10.0	Navigation */
/*ul#nav {
	margin:0 42px 30px 42px;
	border-bottom:1px solid #dae5ed;
	height:28px;
}

#nav li {
	float:left;
	margin-right:1px;
	position:relative;
	top:1px;
}

#nav li a {
	text-transform:uppercase;
	display:block;
	text-align:center;
	color:#343434;
	font-size:1.3em;
	padding:8px 11px 7px 11px; /*8px 11px 7px 11px*/
	/*text-decoration:none;
}
#nav li a:hover,
#nav li a:focus,
#nav li.selected a {color:#990000;}

li#home:hover,
li#home:focus,
li#home.selected,
li#home.over {background: url(../images/home_on.gif) no-repeat;}

li#about_us:hover,
li#about_us:focus,
li#about_us.selected,
li#about_us.over { background: url(../images/about_us_on.gif) no-repeat;}

li#about_you:hover,
li#about_you:focus,
li#about_you.selected,
li#about_you.over { background: url(../images/about_you_on.gif) no-repeat;}

li#services:hover,
li#services:focus,
li#services.selected,
li#services.over { background: url(../images/services_on.gif) no-repeat;}

li#business_checklist:hover,
li#business_checklist:focus,
li#business_checklist.selected,
li#business_checklist.over { background: url(../images/business_checklist_on.gif) no-repeat;}

li#pricing:hover,
li#pricing:focus,
li#pricing.selected,
li#pricing.over { background: url(../images/pricing_on.gif) no-repeat;}

li#blog:hover,
li#blog:focus,
li#blog.selected,
li#blog.over { background: url(../images/blog_on.gif) no-repeat;}

li#contact:hover,
li#contact:focus,
li#contact.selected,
li#contact.over {background: url(../images/contact_on.gif) no-repeat;}

/* Sub nav */

/*#nav li ul {display:none;}
#nav li.over ul,
#nav li:hover ul {
	display:block;
	margin:none!important;
	border:1px solid #dae5ed; 
	border-top: none;
	position:absolute!important;
	top:28px;
	left:0;
	background:#FFFFFF;
	width:200px;
	padding:10px 0;
}

#nav li ul li {
	display:block;
	float:none;
}

#nav li li a {
	color:#343434!important;
	font-size:1.2em;
	text-transform:none;
	padding:10px 10px;
	text-decoration:none;
	text-align:left;
}

#nav li li:hover,
#nav li li.over,
#nav li li a:hover {
	background:none;
	color:#990000!important;
}
*/

/* nav Reskin */

ul#nav {
	background: url(../images/nav_bg.png) repeat-x top;
	margin:0 42px 15px 42px;
	height:38px;
	padding-left:15px;
	position:relative;
	z-index:1;
}

ul#nav li {
	float:left;
	padding-right:2px;
	background: url(../images/nav_seperator.png) right no-repeat;
	position:relative;
}

ul#nav li a {
	font-size:1.1em;
	padding:14px 15px 13px 15px;
	text-transform:uppercase;
	color:#FFFFFF;
	display:block;
}

ul#nav li a:hover {text-decoration: none;}
ul#nav li:hover,
ul#nav li.selected,
ul#nav li.over {
	background:url(../images/nav_on.png) no-repeat right top;
	text-decoration:none;
}

/* Sub nav */

#nav li ul {
	display:none;
	background:#333333;
	position:absolute;
	/*margin-top:10px;*/
	padding:4px 15px 4px 15px;
	width:160px;
}

#nav li:hover ul,
#nav li.over ul {
	display:block;
}

#nav li li {
	background:none;
	float:none;
}

#nav li li:hover {background:none;}

#nav li li a {
	padding:0;
	text-transform:none;
	line-height:1.4em;
	padding:4px 0;
	color:#d2d2d2;
}

#nav li li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li li { height: 1%; }
* html ul#nav li li a { height: 1%; }
/* End */



/* Categories Nav */
#categories ul {
	margin:2px 0 14px 0;
	padding:0;
	list-style: none;
}

#categories li {
	margin:0;
	padding:0;
	list-style: none;
	line-height:1.5em;
	margin-bottom:5px;
}

#categories li a {
	font-size:1.2em;
	color:#747474;
}

#categories li a.selected {
	text-decoration: underline;
}




/* 11.0	Forms */

fieldset {
}

legend {
}

/* Contact us form */

#contact_form ul {
	list-style:none;
	padding:0;
	margin:0;
}

#contact_form li {
	list-style:none;
	padding:0;
	margin:0 0 6px 0;
	clear:both;
}

#contact_form em, {color:#990000;}

#contact_form label {
	font-size:1.1em;
	float:left;
	display:block;
	width:160px;
	position:relative;
	top:6px;
}

#contact_form input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#8b8b8b;
	padding:3px;
	border:1px solid #e1e1e1;
	width:241px;
}

#contact_forminput:focus,
#contact_form textarea:focus {
	border: 1px solid #c7c7c7;
}

#contact_form button {
	border:none;
	background:#990000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	padding:3px 5px;
}

/* Error trapping */
#contact_form label.error {
	float:none;
	display:block;
	color:#FF0000;
	clear:both;
	font-size:11px!important;
	font-style:italic;
	padding:0px 0 10px 160px;
	width:auto!important;
	margin:0!important;
	top:5!important;
	position:relative;
	clear:both;
}

#contact_form input.error,
#contact_form textarea.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
}

#contact_form input.error:focus,
#contact_form textarea.error:focus {
	border: 1px solid #ff9999;
}

/* Comment form */

#comment_form ul {
	list-style:none;
	padding:0;
	margin:10px 0 20px 0;
}

#comment_form li {
	list-style:none;
	padding:0;
	margin:0 0 6px 0;
	clear:both;
}

#comment_form em {color:#990000;}

#comment_form label {
	font-size:1.1em;
	float:left;
	display:block;
	width:160px;
	position:relative;
	top:6px;
}

#comment_form input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#8b8b8b;
	padding:3px;
	border:1px solid #e1e1e1;
	width:241px;
}

#comment_form input.checkbox {
	width:auto;
}

#comment_form label.checkbox-label {
	width:220px;
	top:0;
}

#comment_forminput:focus,
#comment_form textarea:focus {
	border: 1px solid #c7c7c7;
}

#comment_form button {
	border:none;
	background:#990000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1.1em;
	padding:3px 5px;
	margin-top:10px;
}

li#captcha {padding:10px 0 0 0; clear:both;}
li#captcha p {font-size:1.1em; margin-bottom:5px;}
li#captcha label {top:0;}
li#captcha input {padding:6px 3px;}

/* Error Trapping */

#comment_form label.error {
	float:none;
	display:block;
	color:#FF0000;
	clear:both;
	font-size:11px!important;
	font-style:italic;
	padding:0px 0 10px 160px;
	width:auto!important;
	margin:0!important;
	top:5!important;
	position:relative;
	clear:both;
}

#comment_form input.error,
#comment_form textarea.error {
	background:#fcebeb!important;
	border: 1px solid #ffcccc;
}

#comment_form input.error:focus,
#comment_form textarea.error:focus {
	border: 1px solid #ff9999;
}

/* Comment Listings */
#comments ul {
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
}

#comments li {
	list-style:none;
	padding:5px 12px 12px 12px;
	margin:0 0 6px 0;
	background:#f8f8f8;
	border:1px solid #eceaea;
}

#comments li.no-comment {padding:5px 12px 5px 12px;}
#comments li.no-comment h5 { text-align:center;}


#comments ul li p {
	margin-bottom: 3px;
	line-height:1.8em;
	font-size:12px!important;
}

.previousnext {margin:20px 0;}
.previousnext a {font-size:1.1em;}
h2.leave-comment {margin-bottom:12px;}



/* 12.0	Tables */

table {
	margin-bottom:18px;
	border-collapse:collapse;
	width:100%;
}

tbody {
}

tr {background:#F9F9F9;}
tr.odd { background:#eef2fb;}

th {
	font-size:1.1em;
	font-weight:bold;
	line-height:1.6em;
	padding:3px 5px 3px 5px;
	border:1px solid #CCCCCC;
}

td {
	font-size:1.1em;
	line-height:1.6em;
	padding:3px 5px 3px 5px;
	border:1px solid #CCCCCC;
	font-style:italic;
}

/* Downloads */

#downloads p {
	font-size:1.1em;
	margin-bottom:15px;
}

#downloads ul {
	margin:0 0 20px 25px;
	padding:0;
}

#downloads li {
	margin:0 0 6px 0;
	padding:0;
	list-style:url(../images/pdf.png);
	font-size:1.2em;
}

#downloads li a {
	position:relative;
	top:-2px;
}