/********
 CSS layout by MIR: ramir@flairemedia.com
 ********
 */

/*** standard site definitions ***/

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(../images/bg_maroon.gif) repeat;
	background-color: #F2E2B7;
	
}

a:link, a:visited, a:active {
	color: #B87D3C;
	text-decoration: underline;
} 
a:hover {
	color:#FF0000;
	text-decoration: none;
}


/* load logo and nav */
#pagewrapper {
	width: 900px;
	height: 1005;
	background: url(../beta/images/bg_wrapper.jpg) no-repeat;
}
#header {
	position: absolute;
	top: 21px;
	z-index: 1;
	right: 149px;
	width: 800px;
	height: 100px;
	left: 92px;
	background: url(../images/header.jpg) no-repeat;
	text-align: left;
}
#header span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	margin-left: 100px;
	color: #FFFFFF;
}

/* load banner photo */
#banner {
	position: absolute;
	left: 497px;
	z-index: 1;
	overflow: visible;
	top: 158px;
	width: 800px;
	height: 215px;
	margin-left: -405px;
}
#banner_hold {
	position: absolute;
	left: 497px;
	z-index: 1;
	overflow: visible;
	top: 158px;
	width: 800px;
	height: 350px;
	margin-left: -405px;
	background-color: #000000;
}
#banner_head {
	padding-left: 20px;
}
#banner_in {
	position: absolute;
	left: 439px;
	z-index: 1;
	overflow: visible;
	top: 54px;
	width: 435px;
	height: 215px;
	margin-left: -405px;
}

/* Dynamic Drive*/

/* thumbnail viewer */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 3px;
padding-bottom: 0;
background: #3f0101;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: normal 11px Arial;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #ffffff;
font: normal 11px Arial;
color: #000000;
padding: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
font: normal 12px Arial;
padding: 5px;
z-index: 5;
}

#acc   #banner_in { background: url(../images/splash_acc.jpg) no-repeat; }
#ame   #banner_in { background: url(../images/splash_ame.jpg) no-repeat; }
#rates #banner_in { background: url(../images/splash_rates.jpg) no-repeat; }
#res   #banner_in { background: url(../images/splash_res.jpg) no-repeat; }
#con   #banner_in { background: url(../images/splash_con.jpg) no-repeat; }
#th1   #banner_in { background: url(../images/splash_th1.jpg) no-repeat; }

#banner_rt {
	position: absolute;
	left: 604px;
	z-index: 1;
	overflow: visible;
	top: 51px;
	width: 291px;
	height: 215px;
	margin-left: -105px;
	/*background-image: url(../images/bg_bannerrt.jpg);*/
}
#banner_rt img{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}
#banner_rt p{
	padding-left: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

#mainnav {
	position: absolute;
	z-index: 1;
	overflow: visible;
	top: 121px;
	width: 800px;
	height: 37px;
	margin-left: 82px;
	left: 10px;
	background-color: #D6D6D6;
}
#mainnav img {
	border-width: 0px;
	border-style: none;
}


/* colors */
body, input, textarea, select {
	color: #575546;
}

#topnav {
	color:#FFF;
}

/* site navigation */

#topnav {
	position: absolute;
	top: 1px;
	z-index: 1;
	right: 149px;
	width: 800px;
	height: 20px;
	left: 92px;
	background: #000;
	text-align: right;
	vertical-align: bottom;
}
#topnav span {
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 8px;	
}
#topnav a:link, #topnav a:visited, #topnav a:active {
	color:#CCCCCC;
	text-decoration: underline;
}
#topnav a:hover {
	color:#FF0000;
	text-decoration: none;
}


/* wrappers */
#wrapper {
	width: 754px;
	margin: 0px auto;
	min-height: 100%;
}

#content {
	position: absolute;
	left: 491px;
	z-index: 1;
	overflow: visible;
	top: 470px;
	width: 800px;
	min-height: 400px;
	/*height: 400px;*/
	margin-left: -400px;
	background: url(../images/bg_black.gif) repeat;
}
#content_in{
	position: absolute;
	left: 492px;
	z-index: 1;
	overflow: visible;
	top: 433px;
	width: 800px;
	/*min-height: 400px;*/
	min-height: 400px;
	margin-left: -400px;
	background: url(../images/bg_black.gif) repeat;
}

* html #wrapper {
	height: 100%;
}

* html #content {
	height: 100%;
	overflow: visible;
}
/* fix 100% height in firefox */
/* clear all useless padding and margins */
* {
	margin: 0px;
	padding: 0px;
}

img {
	border-width: 0px;
	border-style: none;
}
/* float bug fix */
/* taken from http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}




/* HTML tags*/
h1 {
	display:none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 25px;
	font-weight: normal;
	color: #FFF;
	padding-top: 10px;
	padding-left: 10px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
}
h4 {
	margin-top: 10px;
	font-size: 19px;
	font-weight: normal;
	color: #B87D3C;
}

/* body content */
#lead {
	width: 480px;
	margin-left: 15px;
	background-color: #000000;
	/* background: url(../images/bg_leadpixel.gif) repeat;*/
	padding-bottom: 5px;
	
}
#lead p{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #FFF;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 25px;
}
#lead ul{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #FFF;
	margin-top: 5px;
	margin-left: 40px;
}
#lead img{
	padding-right: 8px;
}

#lead a:link, #lead a:visited, #lead a:active {
	color: #B87D3C;
	text-decoration: underline;
} 
#lead a:hover {
	color:#FF0000;
	text-decoration: none;
}
#lead table {
	width: 95%;
	background: #FDFB8C;
	margin-left: 20px;
}
#lead th {
	background-color: #FFFF33;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #000;
}
#lead td {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #000;
	padding-left: 2px;
	padding-bottom: 3px;
}
.notes {
	font-size: 10px;
	font-style:italic;
}

#sublead {
	width: 510px;
	margin-left: 10px;
	margin-bottom: 20px;
	min-height: 200px;
}
#sublead p{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
}
#sublead img{
	padding-right: 20px;
}
#sublead ul{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}

#sublead2 {
	width: 510px;
	margin-left: 10px;
	margin-top: 10px;
}
#sublead2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
}
#sublead2 img{
	padding-right: 20px;
}
#sublead2 ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}
#sublead a:link, #sublead a:visited, #sublead a:active {
	color: #B87D3C;
	text-decoration: underline;
} 
#sublead a:hover {
	color:#FF0000;
	text-decoration: none;
}
#sublead2 a:link, #sublead2 a:visited, #sublead2 a:active {
	color: #B87D3C;
	text-decoration: underline;
} 
#sublead2 a:hover {
	color:#FF0000;
	text-decoration: none;
}

#rightbar{
	position: absolute;
	left: 499px;
	z-index: 1;
	overflow: visible;
	top: 4px;
 	display: block;
	width: 295px;
	background-color: #2C2C2C;
	
}
#rightbar img{
	padding-right: 5px;
}
#rightbar p{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 11px;
	color: #FFF;
	margin-top: 10px;
	margin-left: 5px;
}
#rightbar ul{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}
#rightbar a:link, #rightbar a:visited, #rightbar a:active {
	color: #B87D3C;
	text-decoration: underline;
} 
#rightbar a:hover {
	color:#FF0000;
	text-decoration: none;
}

/* inner rightbar */
#rightbar_in {
	position: absolute;
	left: 500px;
	z-index: 1;
	overflow: visible;
	top: 2px;
 	display: block;
	width: 295px;
	background-color: #2C2C2C;
}
#rightbar_in img{
	padding-right: 5px;
}
#rightbar_in p{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 11px;
	color: #FFF;
	margin-top: 10px;
	margin-left: 5px;
}
#rightbar_in ul{
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size: 12px;
	color: #333333;
	padding-left: 25px;
}
#rightbar_in a:link, #rightbar a:visited, #rightbar a:active {
	color: #B87D3C;
	text-decoration: underline;
} 
#rightbar_in a:hover {
	color:#FF0000;
	text-decoration: none;
}

/* footer */

#footer {
	position: absolute;
	z-index: 1;
	right: 149px;
	width: 800px;
	height: 50px;
	left: 92px;
	background: #2C2C2C;
	text-align: center;
	top: 770px;
}
#footer span {
	margin: auto 0;
	position: relative;
	display: inline;
	top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: none;
} 
#footer a:hover {
	color: #EDE212;
	text-decoration: underline;
}
#copyright {
	width: 800px;
	height: 20px;
	left: 92px;
	background: #000;
	text-align: left;
	margin-top: 20px;
	padding-bottom: 2px;
}
#copyright span {
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	margin-left: 5px;
}
#spacer {
	position: absolute;
	z-index: 1;
	right: 149px;
	width: 800px;
	height: 15px;
	left: 92px;
	margin-top: 30px;
	top: 800px;
	/*background: #00FFCC;*/
}

/* inside footer */
#footer_in {
	width: 800px;
	height: 50px;
	padding-bottom: 10px;	
	background: #2C2C2C;
	text-align: center;
}
#footer_in span {
	margin: auto 0;
	position: relative;
	display: inline;
	top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
#footer_in a:link, a:visited, a:active {
	color: #FFF;
	text-decoration: none;
} 
#footer_in a:hover {
	color: #EDE212;
	text-decoration: underline;
}
#copyright_in {
	width: 800px;
	height: 20px;
	left: 92px;
	background: #000;
	text-align: left;
	margin-top: 20px;
	padding-bottom: 2px;
}
#copyright_in span {
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	margin-left: 5px;
}
#spacer_in {
	
	width: 800px;
	height: 25px;

	/*position: absolute;
	z-index: 1;
	right: 149px;
	margin-top: 30px;
	left: 92px;
	top: 800px;
	background: #00FFCC;*/
}
.caption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	margin-left: 5px;
	margin-right: 5px;
}
.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCC;
	margin-left: 5px;
	margin-right: 5px;
}




/* contact form classes*/

#fcf2 {
font-family:arial;
font-size:11px;
margin:5px;
border:1px solid #333;
background-color:#FDFB8C;
width:450px;
}
#fcf2 h3 {
font-size:1.5em;
background-color:#3D5686;
color:#FFFFFF;
font-weight:bold;
padding:4px;
margin:0px;
}
#fcf2 p {
text-align:center;
padding:8px;
}
#fcf2 em {
color:#F00;
}
#fcf2 div.h {
clear: both;
padding-top: 5px;
padding-left: 5px;
background-color:#8C840B;
color: #000;
font-size: 12px;
font-weight: bold;
}
#fcf2 div.r {
clear: both;
padding-top: 5px;
background-color:#FDFB8C;
}
#fcf2 label {
float: left;
width: 130px;
text-align: right;
}
#fcf2 span.f {
float: right;
width: 310px;
text-align: left;
}
#fcf2 div.sp {
clear: both;
}
#fcf2 .req {
font-weight:bold;
}
#fcf2 input, #fcf2 textarea {
background: #FFF;
border:1px solid #000;
padding:2px;
}
#fcf2 input:focus, #fcf2 textarea:focus {
background: #f2f2f2;
border:1px solid #990000;
}