/*
Created by Brad Grier of ColdTree Creative
*/

/*
Colors
Light Grey
Pantone Solid-Coated: Warm Grey 1 C
RGB: 225, 222, 217
CMYK: 11, 09, 12, 00
HTML: EFE9E5

Pacific Blue
Pantone Solid-Coated: 653 C
RGB: 54, 87, 140
CMYK: 100, 62, 00, 20
HTML: 36578C

Dark Navy Blue
Pantone Solid-Coated: 5395 C
RGB: 5, 38, 56
CMYK: 100, 44, 00, 76
HTML: 00274c

Bright Green
Pantone Solid-Coated: 369 C
RGB: 79, 168, 0
CMYK: 59, 00, 100, 07
HTML: 4FA800
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
 background-repeat: repeat-x;
 background-image: url(../art/background.jpg);
 background-color: #005295;
 text-align: center;
}
div {
text-align: left;
}
p {
	line-height: 18px;
	color: #efe9e5;
	font-size: 14px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
}
#content-rates p {
	padding-left: 30px;
	line-height: 18px;
	color: #efe9e5;
	font-size: 14px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
}
#content-rates h5 {
	text-transform: uppercase;
	padding-left: 30px;
	color: #00274c;
	font-size: 10px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
}
#wrapper {
 margin-right: auto;
 margin-left: auto;
 width: 900px;
}
#header {
 padding-right: 10px;
 margin-right: 10px;
 padding-top: 10px;
 border-bottom-color: #4fa800;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 text-align: right;
 background-repeat: no-repeat;
 width: 890px;
 height: 110px;
}
#header li {
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
border-right-color: #4fa800;
font-style: normal;
font-weight: normal;
border-right:1px solid;
padding-left: 5px;
font-size: 14px;
display:inline;
padding-right: 10px;
}
#header li.last {
border-right-style: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
padding-left: 5px;
font-size: 14px;
display:inline;
padding-right: 10px;
}
#header a {
text-decoration: none;
color: #efe9e5;
}
#header a:hover {
text-decoration: none;
color: #4fa800;
}
#left_header {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	width: 300px;
}
#right_header {
	text-align: right;
	padding-top: 77px;
	background-position: 0 60px;
	display: inline;
	float: right;
	width: 550px;
}
#left_header img {
 text-align: left;
}
#banner_ad {
	padding-bottom: 15px;
	padding-top: 15px;
	color: white;
	font-size: 20px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
	margin-top: 15px;
	height: auto;
	width: 100%;
	background-color: #4fa800;
}
#banner_ad b {
	line-height: 20px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 38px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
}
#banner_ad h1 {
	line-height: 65px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 74px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
}
#banner_ad p {
	padding-top: 10px;
	color: white;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
}
#nameLabel, #addressLabel, #phoneLabel, #companyLabel, #emailLabel, #commentsLabel { 
 letter-spacing: 0.5px; 
 font-family: "century gothic", Helvetica, Verdana, Arial, sans-serif; 
 clear: both; 
 color: #4fa800;
}
#content-index { 
 padding-top: 25px; 
 clear: both; 
 color: black; 
 width: 900px;
 height: 518px;
}
#content-image { 
 margin: 0px;
 padding: 0px;
 width: 645px;
 height: 518px;
 float:left;
}
#content-links { 
 padding-top: 85px;
 margin: 0px;
 width: 250px;
 float:right;
}
#content-links div.rollover {
line-height: 28px;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
font-size: 16px;
width: 100%;
}
#content-links div.rollover:hover {
color: white;
}
#photo-bar { 
 padding-bottom: 20px; 
 padding-left: 20px; 
 padding-top: 10px; 
 clear: both; 
 height: 176px; 
 color: black; 
 width: 900px;
}
#photo-bar-1 { 
 float: left; 
 color: black; 
 width: 450px;
}
#photo-bar-2 { 
 float: right; 
 color: black; 
 width: 450px;
}
#photo-bar-1 img.bordered {
	padding-right: 10px;
	float: left;
}
#photo-bar-2 img.bordered {
	padding-right: 10px;
	float: left;
}
#content { 
 height: 520px; 
 clear: both; 
 color: black; 
 width: 900px;
}
#content-rates { 
 padding-bottom: 20px; 
 clear: both; 
 color: black; 
 width: 900px;
}
#content-form { 
 height: 520px; 
 padding-left: 5px; 
 clear: both; 
 color: black; 
 width: 900px;
}
#content-left {
	padding-right: 10px;
	padding-top: 85px;
	text-transform: lowercase;
	padding-left: 10px;
	float: left;
	width: 170px;
}
#content-left p {
	padding-bottom: 9px;
	text-align: center;
	line-height: 11px;
	color: white;
	font-size: 11px;
	font-family: Century-Gothic, Helvetica, Verdana, Arial;
	text-transform: uppercase;
	float: left;
}
#content-left li {
text-transform: lowercase;
line-height: 24px;
list-style-type: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
font-size: 14px;
}
#content-left a {
list-style-type: none;
text-decoration: none;
color: #efe9e5;
}
#content-left a:hover {
list-style-type: none;
text-decoration: none;
color: #4fa800;
}
#content-right {
	padding-right: 20px;
	float: right;
	display: inline;
	width: 670px;
}#content-right a {
list-style-type: none;
text-decoration: none;
color: #4fa800;
}
#column1 {
	float: left;
	width: 340px;
}
#column2 {
	display: inline;
	float: right;
	width: 340px;
}
#content-right h3 {
padding-bottom: 20px;
padding-top: 40px;
text-transform: lowercase;
list-style-type: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
}
#content-form h3 {
font-size: 18px;
padding-left: 50px;
padding-bottom: 20px;
padding-top: 40px;
text-transform: lowercase;
list-style-type: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
}
#content-rates h3 {
padding-top: 20px;
font-size: 18px;
padding-left: 50px;
padding-bottom: 20px;
text-transform: lowercase;
list-style-type: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
}
#content-rates h4 {
padding-top: 20px;
font-size: 18px;
padding-left: 50px;
text-transform: lowercase;
list-style-type: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
color: #4fa800;
font-style: normal;
font-weight: normal;
}
#footer { 
 padding-top: 15px; 
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; 
 font-size: 16px; 
 border-top-color: #4fa800; 
 border-top-width: 1px; 
 border-top-style: solid; 
 clear: both; 
 text-align: center; 
 width: 900px;
 color: #efe9e5;
}
#footer b { 
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif; 
 font-style: normal; 
 font-weight: normal; 
 font-size: 22px;
 color: #4fa800;
}
#copyright {
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
 padding-top: 15px;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 font-size: 12px;
 color: #00274c;
 width: 900px;
}
#copyright a {
text-decoration: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
 text-align: center;
 font-size: 12px;
 color: #00274c;
}
#copyright a:hover {
text-decoration: none;
font-family: "Century Gothic", Helvetica, Verdana, Arial, sans-serif;
 text-align: center;
 font-size: 12px;
 color: #4fa800;
}