/* Mr Coolbeans CSS */
/* www.mrcoolbeans.co.uk */
/* 06 April 2005 */
/* All code Copyright Paul Brownsmith - www.fuzzyoutline.com */

body {
	font-size: 67.5%; /* Resets 1em to 10px */
	font-family: 'Georgia', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000;
	background: url(../images/gradient.gif) repeat-x top #8599E1; /* vertical background gradient */
}

/* Start Layout */
#container {
	width: 100%;
	margin: auto;
	text-align: center;
}
#pagetop {
	width: 725px;
	height: 210px;
	margin: auto;
	background: url(../images/backgroundtop4.gif) no-repeat top; /* top background image with shadow over gradient */
}
#book {
	margin-left: 1em;
	padding-top: 0.8em;
	float: right;
	width: 181px;
	height: 181px;
	background: url(../images/book.gif) no-repeat;
	font-size: 1.6em;
	text-align: center;
	color: #fff;
}
#pagebody {
	width: 702px;
	margin: auto;
	padding: 0px 14px; /* padding to fit gradient */
	background: url(../images/bodygradient1.gif) repeat-y top #C5CBE1; /* vertical border with shadow */
	text-align: left;
}
/* IE box model hack for page width */
html>body #pagebody {
	padding: 0px 15px 0px 14px;
}
#content {
	margin: 1em 3em 5em 5em;
	font-size: 1.2em;
	font-weight: normal;
	/* border: solid 1px #ffffff; */
}
html>body #content {
	margin-right: 5.1em;
}
#content p {
	margin: 2em;
	line-height: 1.5em;
}
#content a {
	color: #000;
}
#content a:hover {
	color: #950000;
}
#content a.redlink {
	color: #950000;
}
#content h1 {
	text-align: center;
	color: #000;
	font-size: 180%;
}
#content h2 {
	color: #950000;
	font-size: 150%;
}
img#elfimage {
	float: right;
}
img#cowboyimage {
	float: left;
	padding-right: 10px;
}
img#mattimage {
	float: right;
}
img#call-now {
	float: right;
	margin: 0 0 1em 1em;
}
#pagebottom {
	width: 700px;
	margin: auto;
	padding: 0 15px 15px 15px;
	height: 50px;
	background: url(../images/footergradient.gif) no-repeat top; /* bottom shadow */
}
html>body #pagefooter {
	width: 700px;
	margin: auto;
	padding: 0 15px 15px 15px;
	height: 150px;
}

/* Horizontal navigation */
#menu {
	padding: 0;
	background: #950000;
	width: 65.5em;
	height: 2.5em;
	/* background: url(../images/top.gif) no-repeat left top; */
}
html>body #menu {
	width: 65.1em;
}
#menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 100%;
 margin-left: 10px;
 /* background: url(../images/bottom.gif) no-repeat left bottom; */
}
#menu li {
 float: left;
 margin: 0 0em;
}
#menu a {
 display: block;
 width: 9em;
 height: 2.5em;
 /* border: solid #000; */
 text-decoration: none;
 text-align: center;
 line-height: 2.5em;
 color: #ffffff;
 font-weight: bold;
 float: left;
}
#menu a:hover {
	background-color: #F90000;
 	color: #000;
}
.bottomline {
	border-bottom: 1px solid black;
}
#footer {
	width: 703px;
	height: 100px;
	background-color: #F90000;
	clear: both;
	color: #fff;
	margin-top: 10px;
	text-align: center;
	background: url(../images/footer-grad.gif) repeat-x;
}
#footer span {
	display: block;
	padding-top: 30px;
}
#footer span a {
	color: #fff;
}
#footer span a:hover {
	color: #000;
}
.clear {
	clear: both;
}
/* clearing content fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */