@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	font: 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	background: #003166 url('../images/background-stripe.gif') top left repeat-x;
}

#container {
	left: 50%;
	margin-left: -415px;
	padding: 0px;
	position: absolute;
	top: 60px;
	width: 830px;
	background-color: #FFFFFF;
}

/***************************************************/

#content {
	position: relative;
	margin: 15px;
	padding: 0px;
	width: 800px;
	background: #C4DBF5 url('../images/foreground-stripe.gif') top left repeat-y;
}

/***************************************************/

#logo {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 15px;
	left: 36px;
	width: 68px;
	height: 68px;
	z-index: 3;
	background: transparent url('../images/p.png') top left no-repeat;
}

#header {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 167px;
	text-align: left;
	left: 75px;
	top: 19px;
	z-index: 2;
}

#header a {
	font: bold 14px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #002956;
	line-height: 20px;
}

#header a:link, #header a:visited {
	text-decoration: none;
}

#header a:active, #header a:hover {
	text-decoration: none;
	color: rgb(209, 132, 0);
}

/***************************************************/

#main_nav {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 400px;
	text-align: right;
	right: 65px;
	top: 40px;
	z-index: 1;
}

#main_nav a {
	font: bold 14px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #002956;
}

#main_nav ul {
	margin: 0px;
	padding: 0px;
}

#main_nav li {
	display: inline;
	list-style-type: none;
	padding: 0 10px 0 8px;
}

#main_nav a:link, #main_nav a:visited {
	text-decoration: none;
}

#main_nav a:active, #main_nav a:hover {
	text-decoration:none;
	color: rgb(209, 132, 0);
}

/***************************************************/

#contact {
	margin: 0px;
	padding: 105px 30px 220px 75px;
	position: relative;
	float: left;
	width: 140px;
}

#contact p {
	margin: 0px;
	padding: 16px 0px;
	font: bold 20px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: 000000;
	line-height: 15px;
	text-align: left;
}

/***************************************************/

.quote {
	margin: 0px;
	padding: 10px;
	position: relative;
	font: 19px Georgia, "Times New Roman", Times, serif;
	color: #002956;
	line-height: 30px;
	text-align: center;
}

.quotes {
	margin: 0px;
	padding: 0px;
	font: bold 40px Georgia, "Times New Roman", Times, serif;
	color: #D18400;
	line-height: 30px;
}

#content_1 {
	margin: 0px;
	padding: 100px 75px 220px 30px;
	position: relative;
	float: right;
	width: 450px;
}

#content_1 p{
	font: 12px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color: 000000;
	line-height: 24px;
	text-align: justify;
}

/***************************************************/

#wave {
	margin: 0 auto;
	padding: 0px;
	width: 800px;
	height: 130px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: transparent url('../images/wave.png') bottom right no-repeat;
}

/***************************************************/

#box {
	margin: 0 auto;
	padding: 0px;
	width: 650px;
	height: 110px;
	position: absolute;
	bottom: 60px;
	left: 75px;
	background: #003166 url('../images/box_gradient_b.gif') top right repeat-y;
}

#box_l {
	margin: 0px;
	padding: 0px 30px 0px 0px;
	position: relative;
	float: left;
	width: 140px;	
}

#box_r {
	margin: 0px;
	padding: 17px 0px 0px 30px;
	position: relative;
	float: right;
	width: 450px;
}

#box_r p {
	margin: 0px;
	padding: 0px;
	font: 15px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 24px;
	text-align: left;
}

#box_r a {
	font: bold 17px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #D18400;
}

#box_r a:link, #box_r a:visited {
	text-decoration: none;
}

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

/***************************************************/

#table {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#form {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 200px;
	top: -12px;
	background: #003166 url('../images/box_gradient_b.gif') top right repeat-y;
}

#form h3 {
	margin: 0;
	padding: 0;	
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#form a {
	display: block;
	margin: 5px 0 0;
	padding: 0;
	text-align: center;
}
#form a:link, #form a:visited {
	color: #FF9900;
	text-decoration: none;
}
#form a:hover, #form a:active {
	color: #FF9900;
	text-decoration: underline;
}
.formInput {
	width: 180px;
	margin: 5px 7px;
}
.formTextArea {
	width: 180px;
	margin: 5px 7px;
}
.formSubmit {
	margin: 5px 5px;
	padding: 0;
}
.label {
	padding: 8px;
	color: #FFFFFF;
}

#formTitle {
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
	color: #FF9900;
	width: 206px;
	text-align: center;
	font-size: 16px;
	font-weight: bold; 
}

/***************************************************/

#footer {
	left: 50%;
	margin-left: -415px;
	width: 830px;
	position: absolute;
	bottom: -25px;
}

#footer_l {
	position: absolute;
	left: 15px;
	top: 0px;
	float: left;
	text-align: left;
	width: 50%;
	height: 25px;
}

#footer_r {
	position: absolute;
	right: 15px;
	top: 0px;	
	float: right;
	text-align: right;
	width: 50%;
	height: 25px;
}

#footer_r a {
	font: 11px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #D18400;
}

#footer_r ul {
	margin: 0px;
	padding: 0px;
}

#footer_r li {
	display: inline;
	list-style-type: none;
	padding: 0px;
}

#footer_r a:link, #footer_r a:visited {
	text-decoration: none;
}

#footer_r a:active, #footer_r a:hover {
	text-decoration: none;
}

#footer p {
	margin: 0px;
	padding: 0px 0px;
	font: 11px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #D18400;
}

/***************************************************/

.h1 {
	position: relative;
	margin: 0;
	padding: 0;
	font: bold 20px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #000000;	
}

.h2 {
	margin: 0;
	padding: 0;
	font: bold 20px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #D18400;
}

.h3 {
	margin: 0;
	padding: 0;
	font: bold 14px "Myriad Pro" Arial, Helvetica, sans-serif;
	color: #D18400;
}

/***************************************************/

/* Content Float Fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */