/* 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-image: none;

	list-style-position: outside;

	list-style-type: 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: left;

	width: 300px;

	padding: 0.5em;

	background: #FFEDBC;

}



/*#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-left: 320px;

	padding-bottom: 1px;

}



#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;}



/*------ 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 */



/*------ 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 { display: block; margin-bottom: 1em; }

label span { float: left; width: 15em; margin-right: 1em }

input, textarea { 

	padding: 0.2em;

	width: 20em;

	font-size: 12px;

	background: #fff !important;

	vertical-align: middle;

	border: 1px solid #801F18;

}

select { 

	margin: 0.5em 0 0 12em; 

	background: #EDF3FC; 

	border: 1px solid #fff; 

}

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

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

form div { clear: both; text-align: center; }

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;

}



input:hover, input:focus, 

textarea:hover, textarea:focus, 

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



/*------ form ------ for later use/

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



right#form {margin-top: 0;}



fieldset { 

	float: left;

	clear: left;

	width: 100%;

	margin: 1.5em 0 0 0;

	padding: 0;

}



legend {

	margin-left: 1em;

	color: #000;

	font-weight: bold;

}



fieldset ol {

	padding: 1em 1em 0 1em;

	list-style: none;

}



fieldset li {

	float: left;

	clear: left;

	width: 100%;

	padding-bottom: 1em;

}



fieldset.submit {

	float: none;

	width: auto;

	border: 0 none #fff;

	padding-left: 12em;

}



label {

	display: block;

	float: left;

	width: 10em;

	margin-right: 1em;

	text-align: right;

}