/*
Theme Name: John Beard
Theme URI: http://www.theowenagency.co.uk/
Description: Theme for John Beard 2009 web site
Version: 1.0
Author: Neil Abraham
*/


html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url(images/body.jpg) #fff repeat-x;
	font-family: Verdana, Arial, Helvetica, "Sans Serif";
	font-size: 80%;
	color: #333;
	text-align: justify;
}

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: url(images/container.jpg) no-repeat top;
}

#container h1.homeLink {
	display: inline;
}

#container p.description {
	display: none;
}

#container h1.homeLink a {
	position: absolute;
	width: 300px;
	height: 95px;
	top: 25px;
	left: 35px;
}

#container h1.homeLink span {
	display: none;
}

#primaryNavigation {
	position: absolute;
	top: 118px;
	right: 0;
	background: url(images/primary_navigation.gif) no-repeat top left;
	padding-left: 4px;
}

#primaryNavigation ul {
	height: 32px;
	margin: 0;
	padding: 0;
	background: url(images/primary_navigation.gif) no-repeat top right;
	list-style: none;
}

#primaryNavigation li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#primaryNavigation a {
	float: left;
	padding: 5px 15px 0 15px;
	height: 26px;
	text-decoration: none;
	color: #000;
}

#primaryNavigation a:hover {
	color: #fff;
}

#primaryNavigation li.current_page_item a {
	border-bottom: 4px solid #000;
}

#secondaryNavigation {
	position: absolute;
	top: 158px;
	right: 0;
}

#secondaryNavigation ul, 
#secondaryNavigation li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#secondaryNavigation a {
	float: left;
	padding: 5px 15px 0 15px;
	height: 27px;
	text-decoration: none;
	color: #fff;
}

#secondaryNavigation a:hover {
	color: #ccc;
	text-decoration: underline;
}

#secondaryNavigation li.active a {
		color: #c13c00;
}

#makingAClaim {
	position: absolute;
	top: 195px;
	right: 150px;
	display: block;
	width: 130px;
	height: 40px;
}

#makingAClaim span {
	display: none;
}

#sidePanel {
	float: right;
	width: 286px;
	padding: 250px 0 0 0;
	text-align: left;
}

#sidePanel div.item {
	clear: both;
	margin-top: 20px;
	border: 1px solid #fff;
}

#sidePanel .item img {
	float: left;
}

#sidePanel .item h3,
#sidePanel .item p {
	margin-left: 110px;
}

#sidePanel .item a {
	text-decoration: none;
	color: #333;
}

#sidePanel .item a:hover {
	color: #7A2776;
}


#sidePanel .item h3 {
	text-transform: lowercase;
	margin-top: 0;
	padding-top: 0;
}

#sidePanel .item p {
	font-size: 80%;
}


#content {
	width: 580px;
	padding: 230px 0 50px 45px;
	margin: 0;
}

#footer {
	background: #A680A8 url(images/footer.jpg) repeat-x;
	padding-top: 1px;
	color: #fff;
}

#footerContainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: url(images/footer_icons.gif) no-repeat top;
	padding: 70px 0 30px 0;
}

#footer .address {
	float: left;
	width: 340px;
	margin: 0 0 0 50px;
}

#footer .usefulInformation {
	float: left;
	width: 250px;
	margin: 0 0 0 30px;
}

#footer #contactForm {
	float: right;
	width: 250px;
}

#footer #contactForm th {
	font-weight: normal;
	vertical-align: top;
}

#footer #contactForm #contactUsName,
#footer #contactForm #contactUsEmail,
#footer #contactForm #contactUsPhone,
#footer #contactForm #contactUsMessage {
	width: 150px;
	border: 1px solid #7A2776;
}

#footer #contactForm #contactUsSubmit {
	background-color: #7A2776;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	border: 1px solid #90548F;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif";
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}