/* red #d00000  */
/* blue #1b5594  */
/* darker blue #002f4d  */
/* gray #728293  */
/* outline: 1px solid red;  */


* {
	margin: 			0;
	padding: 			0;
	outline:			none;
	border: 			none;
}

body {
	font-family: 		"Arial", Helvetica, sans-serif;
	width: 				960px;
	margin: 			0 auto;
	font-size: 			62.5%;
	background: 		url(images/page.jpg) no-repeat fixed center top #326094;
}
/* header */
div#header {
	height: 			155px;
	margin: 			20px 0px 0px 0px ;
	background: 		url(images/header.png) no-repeat  center;
}
div#wrapper {
	position: 			absolute;
	width: 				960px;
	margin: 			0 auto;
	background: 		url(images/wrapper.png) repeat-y scroll 0 0 transparent;
}

/* set text off screen for images*/
h1 {
	text-indent: 		-3000em;
}

/*  nav   ---------------------------------------*/
ul.nav, 
ul.nav ul {
	list-style-type: 	none;
	float: 				left;
	background-color: 	#1b5594;
}
ul.nav li {
	float: 				left;
	width: 				192px;
}
ul.nav li ul {
	position: 			absolute;
	width: 				192px;
	left: 				-999em;
	margin-left:		-1px;
}
.nav li:hover ul {
	left: 				auto;
}
ul.nav a {
	display: block;
	color: #1b5594;
	text-decoration: 	none;
	font-size: 			1.7em;
	font-weight:		bold;
	line-height: 		2em;
	text-align:			center;
	text-transform: 	uppercase;
}
ul.nav li li a {
	border-top: 		0;
	border-bottom: 		0;	
	border-left: 		0;
	border-right: 		0;
}
ul.nav li:last-child a {
	border-right: 		0;
	border-bottom: 		0;
}
ul a:hover,
ul a:focus {
	color: 				#1b5594;
	background-color: 	#1b5594;
}

/* div for image to float to left --------------------------------------------------------------*/
div#left-photo { 
	float: 				left;
	width: 				250px;
	margin: 			30px 0px 0px 30px;
}
div#left-photo p {
	font-size: 			1.4em;
	line-height:		1.3em;
	color:				#728293;
}
div#left-photo h3 {
	font-size: 			1.7em;
	font-weight:		bold;
	line-height:		1.7em;
	color:				#1b5594;
}

/* quote used in About Us -------------------------------------------------------*/
#text-indent p {
	font-size: 			1.9em;
	line-height:		1.9em;
	text-indent: 		-0.5em;
	padding-left: 		0.5em;
}

/* main content --------------------------------------------------------------*/
div#main {
	float: 				right;
	width: 				620px;
	margin: 			30px;
}
div#main p {
	font-size: 			1.5em;
	line-height:		1.3em;
	color:				#002f4d;
}
div#main h2 {
	font-size: 			2em;
	font-weight:		bold;
	line-height:		1em;
	color:				#d00000;
}
div#main h3 {
	font-size: 			1.7em;
	font-weight:		bold;
	line-height:		1.1em;
	color:				#1b5594;
}
div#main h4 {
	font-size: 			1.5em;
	font-weight:		bold;
	line-height:		1.1em;
	color:				black;
}
div#main img{				
	float: 				left;
	margin: 			20px 0px 20px 0px;
	clear:					both;
}

/* contact us button */
div#contact	{ 	position:   relative;
}
a.contact {	display: 	block;
			width: 		135px;
			height: 	50px;
			text-indent: -1000em;
			background: url(images/contact-btn.png) left top no-repeat;
}
a.contact:hover {
			background-image: url(images/contact-btn-hover.png);
}

/* 2nd contact us button */
div#contact2	{ 	position:   relative;
}
a.contact2 {	display: 	block;
			width: 		135px;
			height: 	50px;
			text-indent: -1000em;
			background: url(images/contact-btn.png) left top no-repeat;
}
a.contact2:hover {
			background-image: url(images/contact-btn-hover.png);
}

/* request a quote button */
div#quote	{ 	position:   relative;
}
a.quote {	display: 	block;
			width: 		250px;
			height: 	125px;
			text-indent: -1000em;
			background: url(images/request-a-quote-btn.jpg) left top no-repeat;
}
a.quote:hover {
			background-image: url(images/request-a-quote-btn-hover.jpg);
}

/* requirements button */
div#requirements	{ 	
		position:   relative;
}
a.requirements {		
	display: 			block;
	width: 				117px;
	height: 			36px;
	text-indent: 		-1000em;
	background:			 url(images/requirements-btn.png) left top no-repeat;
}
a.requirements:hover {
	background-image: 	url(images/requirements-btn-hover.png);
}

/* footer --------------------------------------------------------------*/
div#footer {
	clear: 				both;
	overflow: 			auto;
	margin: 			0px;
	width: 				960px;
}
div#footer p{
	margin: 			0px;
	font-size: 			2em;
	line-height: 		1em;
	text-decoration: 	none;
	text-align: 		center;
	color: 				#d00000;
}
div#footer h1{
	font-size: 			2em;
	font-weight:		bold;
	line-height:		1em;
	color:				#d00000;
	text-align: 		center;
}

/* credits - Starfish Graphics--------------------------------------------------------------*/	
div#credits{
	margin: 			0px;
	font-size: 			1em;
	line-height: 		1em;
	text-indent: 		12px;
	text-decoration: 	none;
	text-align: 		center;
	color: 				black;
}
div#credits a:link {
	color: #000;
	text-decoration: none;
}
div#credits a:visited {
	color: #000;
	text-decoration: none;
}
div#credits a:hover {
	color: #6a1f88;
	text-decoration: underline;
}
div#credits a:active {
	text-decoration: none;
}

/* bold titles */
.bold {
	font-weight:		bold;
}

/* subheads in blue */
.subhead-blue {
	font-weight:		bold;
	color:				#1b5594;
}
/* captions */
.caption {
	font-size: 			1em;
	line-height:		1em;
	font-style:			italic;
}
/* colors */
.blue {
  	color: 				#1b5594;
}
.red {
	color:				#d00000;
}
/* testimonial names */
.name {
	font-weight:		bold;
	line-height:		1.5em;
	color:				#728293;
}
.underline {
	text-decoration: underline;
}
/* italic */
.italic {
	font-style:			italic;
}
.disclaimer {
	font-size: 			.7em;
	color:				#002f4d;
}