/* main */
* { margin: 0; padding: 0; }
body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
	background: #333333;
	line-height:130%;}

ul { margin: 0 5px 14px; }

ul li {
	padding-left:15px;
	position:relative;}

a {color:#9E1819; outline: none;}
a:link {color:#9E1819; outline: none;}
a:visited {color:#9E1819; outline: none;}
a:hover { text-decoration:none;}
img {outline: none;}
h1, h2, h3 {
	font-size:24px;
	letter-spacing:1px;
	color: #ba2121;
	font-weight:bold;
	padding:10px 0 5px;}
h2 {
	font-size:18px;
	border-bottom: 2px dotted #ba2121;
	padding:5px 0 3px;}
h3 {
	font-size:1.4em;
	padding:15px 0 0;
	margin-left: 8px;
	color: black;
	}
h4 {
	font-size:1.1em;
	padding:10px 0 0;
	margin-left: 8px;
	color: black;
	text-decoration: underline;
	}
hr {
	color: #fff;
	background-color: #fff;
	border: 0;
	border-bottom: 2px dotted #ba2121;}
.left { float: left;}
.right { float: right;}

/* layout */
#siteWrap{
	width: 790px;
	background: #fff;
	margin:0 auto;
	text-align:center;
	padding:0;}
	
#header{
	width:790px;
	height: 131px;
	margin:0;
	border-bottom: 3px solid #fff;
	overflow: hidden;
	background: #b8b8b8 url(header_bg.jpg) top center no-repeat;
	position:relative;}
	#header h1{
		width: 56px;
		height: 88px;
		padding: 0;
		margin:7px 0 0 180px;
		float:left;
		overflow: hidden;
		background: #b8b8b8 url(logo.jpg) top left no-repeat;}
	#header h1 span{
		display: none;}
	#header p
	{
		text-align: left;
		font-weight: bold;
		font-size: 11px;
		line-height: 11px;
		overflow: hidden;
		width: 500px;
	}

#contentWrap{
	text-align:left;
	background:transparent;
	margin:0;
	padding:0;
	width:790px;}
	#leftCol{
		float:left;
		background: transparent url(left_bg.jpg) top left no-repeat;
		height: 446px;
		padding:10px 0 0 0;
		margin:0;
		width:125px;}
		#leftCol ul{
			margin:0;
			list-style:none;
			padding:0;}
		#leftCol ul li{
			cursor: pointer;
			margin:0;
			display: block;
			padding:6px 5px 6px 5px;
                        margin-left: -2px}
		#leftCol ul li a{
			cursor: pointer;
			display: inline;
			text-decoration: none;
			color: white;}
		#leftCol ul li a:hover{
			color: #b8b8b8;}
	#rightCol{
		float:right;
		background: transparent;
		margin:0;
		padding:10px 40px 0 0;
		width:605px;
		position:relative;
		z-index: 10;}
		.portrait #rightCol
		{
			padding:10px 140px 0 0;
			width:505px;
		}
		#rightCol *
		{
			background: transparent;
		}
		#rightCol p{
			margin:5px 0 0 0;
			padding:8px;
			z-index: 10;
			position: relative;}
	
#footer{
	text-align:left;
	background:transparent;
	background: #030303 url(footer_bg.jpg) top left no-repeat;
	height:202px;
	margin:50px 0 0 0;
	width:790px;
	position:relative;}
	.footerCircle{
		position:relative;
		top:-41px;
		left:0px;}
		
#copyright{
	width:790px;
	margin:0 auto;
	background: #333333;
	color: #fff;
	text-align:left;
	padding:10px 5px;}
	#copyright a, #copyright a:hover{
		color: #fff;}

/*form*/
#signupform{
	position: relative;
	left:430px;
	width:340px;
	top:-35px;}
.cssform p{
	margin: 2px;
	padding: 0;}
.cssform input[type="text"] /*Does not work in IE6. That's A-OK */
{
	width:227px;
	height: 17px;
	padding: 6px;
	background-color: transparent !important;
	background: url(input_bg.png) top left no-repeat;
	border:0;}
.cssform input.file
{
	width: 330px;
	height: 32px;
}
.cssform input.submit { /*width of text boxes. IE6 does not understand this attribute*/
	width: 104px;
	background: red;
	margin:0 auto;
	text-align:center;
	height:44px;
	cursor: pointer;
	background: url(search.jpg) top left no-repeat;
	border:0;}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
	margin-left: 3px;}

/* special*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}
#quote
{
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 270px;
}

#wait
{
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 270px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file.hidden {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
#startText
{
	width: 220px;
	height: 125px;
	position: absolute;
	left: 178px;
	top: 57px;
	color: white;
	line-height: 14px;
}
#startText a
{
	color: white;
}