/* master style sheet for performax - colour scheme: bg dark brown: #801F18 ; leftcol (light orange): #FFEDBC */

* { margin: 0; padding: 0; }

html { height: 100%; }

body { 
	min-height: 101%;
	font: 70%/140% verdana, arial, sans-serif;
	color: #000;
	background: #801F18 url(../images/bg.jpg) repeat-x; 
	text-align: center;
}

#container { 
	margin: 0 auto;
	/*padding-top: 1px; original code from John - changed to get rid of white border at the top */
	background-color: #fff;
	width: 988px;
	text-align: left;
	border-width: 0 1px;
	clear: both;
}


/*------ general styles ------*/

a { text-decoration: underline; font-weight: bold; color: #801F18; }

a:hover, a:active { color: #C63422; text-decoration: underline;}

h1, h2, h3, h4, h5 { color: #C63422; }

h1 { margin-bottom: 0.5em; }

h2, h3, h4, h5 { margin: 1em 0 0.5em; }

h1 { font-size: 150%; line-height: 120%; }

h2 { font-size: 130%; line-height: 120%; }

h3 { font-size: 100%; color: #000;}

p { margin-bottom: 1em; font-size: 120%; line-height: 1.5; }

.image-border-blue {border: 1px solid #B1CBF1; padding: 1px;}

.image-border-blue-float-right {border: 1px solid #B1CBF1; padding: 1px; float: right; margin: 5px;}

hr {border: 1px solid #D6E4F8; width: 80%; text-align: center;}

.white-navsep {border-right: 1px solid #fff; margin: 1em;}

.style1 {color: #fff}

ul li


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }
/* \*/
.clearfix { display: block; }
/* */

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

/*------ header ------*/

#header {
	width: 988px;
	height: 341px;
	background: #fff;
} 

#logo { 
	width: 320px; 
	height: 110px; 
	background: #fff;
	margin-bottom: 0;
}

#ad {
	float: left;
	overflow: hidden;
	width: 988px;
	height: 184px;
	background: url(../images/ad_bg.jpg) no-repeat; 
}

/* top level */

#top-nav {
	margin:0;
	padding:2px 0 0 2px;
	width: 988px;
	float: left;
}

ul#top-nav {
	line-height: 2.5em;
	list-style: none;
	background: #801F18 url(../images/nav-bg.png) repeat-y scroll 0%;
}

ul#top-nav li { 
	position: relative;
	float: left;
	text-align: center;
}

ul#top-nav a { 
	font-size: 120%;
	display: block; 
	padding: 0.25em 2.25em;
	color: #FFEDBC;
	border-right: 1px solid #AD2C21;
	text-decoration: none;
	text-transform: capitalize;
}

ul#top-nav li.no-border a { border-right: none; }

ul#top-nav a:hover { text-decoration:underline; }

/*------------------  submenu ------------------*/

ul#top-nav li ul {
	position: absolute; z-index: 20;
	top: 2.95em;
	left: -999em;
	width: 13em;
	list-style: none;
	line-height: 1.5em;
	text-align: left;	
}

ul#top-nav ul li { margin: 0; position: relative; z-index: 20; }

ul#top-nav li:hover ul, ul#top-nav li.sfhover ul { left: 0; }

ul#top-nav li ul a {
	width: 13em;
	padding: 0.5em;
	background: #C63422;
	border-bottom: 1px solid #fff;
	border-right: none;
}

ul#top-nav li ul a:hover { background: #FFEDBC; color: #801F18; }

/*------ main content area ------*/

#content { 
	margin-bottom: 1em;
	padding: 0 1em;
	overflow: hidden;
	background: url(../images/contentbg.gif) repeat-y;
}

#left {
	float: right;
	width: 300px;
	padding: 0.5em;
	background: #FFEDBC;
}

.img-r {
	float:right;
	margin: .25em 0 1em 15px;
}

/*#left form{
	width: 150px;
	padding: 1em; 
	background: #D6E4F8;
}

#left input { 
	width: 140px;
	border: 1px solid #fff;
}*/

#left h2 { color: #FFEDBC; background: #801F18; margin-right: 1em; margin-top: 0; padding: 0.5em; font-size: 120%; line-height: 130%; border-bottom: 1px dashed #fff;}

#left img {border: 1px solid #EDF3FC;  }

#right {
	margin-right: 320px;
	padding-bottom: 1em;
}

#right h1 { padding: 0.5em; background: #FFEDBC; border-bottom: 1px dashed #C63422;}

#right img { margin: 10px; padding: 2px; border: 1px solid #801F18; }

#right ul {margin-left: 2em; padding-left: 5px; list-style: square;}

div.boxes {
	position: relative;
	float: left;
	width: 167px;
	height: 350px;
	margin: 5px 5px 10px 5px;
	background: #EDF3FC;
}

.boxes h2 { 
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	font: bold 100%/140% verdana, arial, sans-serif;
	color: #FFF; 
	background: #1E559F; 
}

.boxes p { margin: 0 1em 0.5em; }

.boxes img {  border: 1px solid #fff; text-align: center;}

/*------ blog ------*/
.hentry {
	border-top:1px dotted #C63422;
	margin-top: 1em;
	padding-top: 1em;
}
	.hentry h2 {
		font-size:150%;
	}
		.hentry h2 a {
			text-decoration:none;
		}

#fb-root + .hentry {
	border:0;
	margin-top:0;
	padding-top: 0;
}

/*------ footer ------*/

#footer { 
	clear: both;
	padding: 1px 1em;
	font-size: 90%;
	background-color: #801F18; 
	text-align: center;
}

#footer ul, #footer p { margin-top: 0.5em; color: #fff; }

#footer li { 
	margin-right: 0.5em;
	padding-right: 0.5em;
	display: inline; 
	border-right: 1px solid; 
}

#footer li.no-border { border-right: none; }

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

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

/*------ contact form ------*/

address { margin-bottom: 1em; font-style: normal; }

form { 
	width: 400px;
	margin: 1em 0;
	padding: 1em; 
	background: #FFEDBC;
}

fieldset { border: none; padding: 1px; }

label { 
	float:left; 
	font-weight:bold; 
	width: 7em;
}
label, input, select { margin-bottom: 1em }

input, textarea { 
	padding: 0.2em;
	width: 280px;
	font-size: 12px;
	background: #fff !important;
	vertical-align: middle;
	border: 1px solid #801F18;
}

select { 
	background: #EDF3FC; 
	border: 1px solid #fff; 
	margin-left: 6.5em;
}

.offset {
	overflow:hidden;
	position:absolute;
	left: -999em;
}

select, option { font-size: 12px; }

option { border: 0; padding-right: 0.5em; }

form div { clear: both; }

input.button { 
	position: static; 
	width: 6em; 
	height: 3em;
	font-weight: bold; 
	color: #fff;
	border: 1px solid: #fff;
	background: #1E559F !important;
}

button {
	margin-top: 0.5em;
	padding: 0.2em;
	font-weight: bold;
	color: #fff;
	background: #801F18;
	font-size: 130%;
	padding: 5px;
	border: 1px solid #fff;
}
button:hover, button:focus { cursor:pointer }

input:hover, input:focus, 
textarea:hover, textarea:focus, 
button:hover, button:focus { background: #fff; !important; color: #801F18; border: 1px solid: #801F18 }