@charset "utf-8";
/* CSS Document */
/*
	Focus Stoves Ltd.
	by Chris Jenkins Web design.
	http://www.cmjenkins.co.uk
*/

html {height: 100%;	padding-bottom: 10px;}

body { background-color: #D4B074; margin:0; padding:35px 0 0 0; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: center top; font: 1.0em Georgia, "Times New Roman", Times, serif; color: #986339; line-height: 1.2em;}

a:link { color: #986339;}
a:visited {	color: #986339;}
a:hover { color: #986339;}
a:active { color: #986339;}

#wrapper{ width:780px; height:auto;	display:block; background-image:url(../images/spacer.gif); margin-left: auto; margin-right: auto; border: 1px solid #7b4d29; overflow: hidden;}

#header { width:740px; height: 90px; margin: 0 auto; background: url(../images/header-bg.jpg) repeat top center; margin-bottom: 0px; color: #454545; padding-left: 20px; padding-right: 20px;}

#logo {	float: left; margin-top: 4px; height: 86px;	width: 255px; background: url(../images/logo.jpg) no-repeat; padding-left: 20px; padding-right: 20px;	text-align: right; overflow: hidden;}


#logo h1 { font: 1.2em Georgia, "Times New Roman", Times, serif; color: #986339; font-weight: bold; padding-top: 10px; padding-right: 35px;}
#logo h2 { font: 0.8em Georgia, "Times New Roman", Times, serif; color: #986339; padding-right: 35px;}

#headerright { height: 90px; width: 410px; float: right; text-align: right; padding-left: 25px; overflow: hidden;}

#headerright h1 { font: 0.75em Georgia, "Times New Roman", Times, serif; color: #F2E4B7; font-weight: bold; padding-top: 3px;}
#headerright h2 { font: 0.7em Georgia, "Times New Roman", Times, serif; color: #F2E4B7; }

#headerright a:link { color: #986339;}
#headerright a:hover{ color: #986339;}
#headerright a:visited{ color: #986339;}
#headerright a:active{ color: #986339;}

/* Header Menu */

.headermenu ul{ font: 0.7em Georgia, "Times New Roman", Times, serif; float: right; text-align: right; padding-left: 0; margin-left: 0; height: 25px;}

.headermenu ul li{ list-style: none; display: inline;}

.headermenu ul li a{ padding: 0px 0px 10px 25px; text-decoration: none; text-transform: uppercase; float: left; color: #986339; border: 0px;}

.headermenu ul li a:hover{ text-decoration: underline; border-style: outset;}

html>body .headermenu ul li a:active{ border-style: inset;}

/* Main Page Layout */
#mainpage {background: #F4E7B2 url(../images/flash-bg.jpg) no-repeat top center; width: 780px; font: 0.75em Georgia, "Times New Roman", Times, serif; color: #986339; overflow: hidden;}
#page {width: 740px; height: 900px; padding: 15px 25px 25px 10px;}
#page-title { width: 740px; height: 60px; padding: 15px 25px 0px 10px; background: url(../images/underline.gif) bottom no-repeat;}
#page-title-left { height: 58px; width: 250px; float: left; padding: 4px 0px 0px 10px;}
#page-title-right { height: 58px; width: 475px; float: right; padding: 20px 0px 0px 0px;}
#page-title-right h1 { color: #986339; font-size: 1.6em; font-weight: bold;}
#page a:link { color: #986339;}
#page a:visited { color: #986339;}
#page a:hover { color: #986339; text-decoration: underline;}
#page a:active { color: #986339;}
#page img { margin: 0; padding: 0 0 0 0; border: 1px solid #7b4d29;}

#page h1 {font: 1.5em Georgia, "Times New Roman", Times, serif; color: #986339; font-weight: bold; padding-top: 2px; padding-bottom: 10px;}
#page h2 {font: 0.9em Georgia, "Times New Roman", Times, serif; color: #986339; padding-top: 5px; padding-bottom: 4px;}
/* page left */
#pageleft { width: 220px; height: 250px; float: left; padding: 10px 0px 0px 10px;}
#pageleft ul{ float: left; text-align: left; padding-left: 0; margin-left: 0; height: 25px;}
#pageleft ul li{ list-style: none; padding: 0px 0px 10px 0px;}
#pageleft ul li a{ padding: 0px 0px 10px 5px; text-decoration: none; color: #F2E4B7; border: 0px;}
#pageleft ul li a:hover{ text-decoration: underline; border-style: outset;}
/* Side menu left */
.sidemenu ul{ float: left; text-align: left; padding-left: 0; margin-left: 0; height: 25px;}
.sidemenu ul li{ list-style: none; padding: 0px 0px 10px 0px;}
.sidemenu ul li a{ padding: 0px 0px 10px 5px; text-decoration: none; color: #F2E4B7; border: 0px;}
.sidemenu ul li a:hover{ text-decoration: underline; border-style: outset;}
/* Content Right */
#pageright { width: 475px; float: right; padding: 10px 0px 0px 20px; border-left: 1px solid #7b4d29;}
#pagerighttext { width: 460px; float: right; padding: 10px 0px 0px 20px;}

#legal {width: 100%; padding: 25px 0px 25px 0px; border-top: 1px solid #7b4929; margin-top: 25px; font: 0.9em Georgia, "Times New Roman", Times, serif;}
#list { margin: 0; padding: 0 0 0 0; border: none;}
#list img { margin: 0; padding: 0 0 0 0; border: none;}

#form { background-color: #F4E7B2; padding: 0px 0px 0px 0px; margin: 0px; width: 480px;}

/* footer menu */

#footmenu { height: 25px; width: 780px; margin-left: auto; margin-right: auto; background-color: #986339; text-align: center; border-bottom: 1px solid #7b4d29; border-left: 1px solid #7b4d29; border-right: 1px solid #7b4d29}

#footmenu ul{ margin: 0; list-style: none;}
#footmenu ul li{ display: inline;}
#footmenu a{ text-align: center; padding: 10px 15px; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #F2E4B7; border: 0px;}
#footmenu a:hover{ text-decoration: underline;}
html>body #footmenu ul li a:active{ border-style: inset;}

/* Footer */

#footer { clear: both; height: 25px; width: 750px; margin-left: auto; margin-right: auto; background: #D4B074; color: #986339; font: 0.6em Georgia, "Times New Roman", Times, serif; padding: 10px 5px 0 0; }	

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

#footer #r { float: right; text-align: right; }

#footer #l { float: left; text-align: left; padding-left: 10px;}