html, body {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	background-color: #0A4E91;
	color: #fff;
	font-family:Arial,Helvetica,sans-serif;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
}

.caps { text-transform: uppercase; }
.large_text { font-size: 1.2em; color: #c1d83b; }
.bold { font-weight: bold; color: #c1d83b; }
.italic { font-style: italic; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

a { color: #f7941e; text-decoration: none; }
a:hover { color: #f7941e; }

blockquote { quotes: "\201C" "\201D"; margin-left: 0px; margin-right: 0px; display: inline; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

fieldset { border: none; margin: 30px 0px 0px 0px; padding: 0px; }
legend {
	margin: 0px;
	padding: 0px;
	font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
	color: #c1d83b;
	font-size: 100%;
	font-weight: 200;
	letter-spacing: 1px;
	text-transform: uppercase;
}

label
{
width: 10em;
float: left;
margin-right: 0.5em;
}

label.error {
	float: right; color: yellow;
}

.button {
	
}
 
#flash_border { border: 3px solid; border-color:#c1d83b ; width: 300px; height: 300px; }
 
h1 {
	font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
	color: #c1d83b;
	font-size: 140%;
	font-weight: 100;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0.1em 0.1em 0.05em #333;
}

h2 {
	color:#C1D83B;
font-family:'HelveticaNeue-UltraLight','Helvetica Neue UltraLight','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size:100%;
font-weight:200;
letter-spacing:1px;
margin-bottom:0;
padding:0;
text-transform:uppercase;
}

.no_spacing1 { margin-top: -0.5em; }
.no_spacing2 { margin-top: -0.3em; }

h3 { color: #f7941e;
	font-size: 120%;
	font-weight: 100;
	letter-spacing: 1px; }

.list_wrapper {	margin-bottom: 1em; }
.list_wrapper ul
{
	width: 30em;  /* room for 2 columns */
}
.list_wrapper ul li
{
	float: left;
	width: 12em;  /* accommodate the widest item */
	margin-right: 2em; /* add space to the right */
}

/* stop the floating after the list */
.list_wrapper br { clear: left; }

#menu {
	text-align: left;
	float:right;
	margin-top: 15px;
	width: 550px;
	background-color: #c1d83b;
	border: 0px solid black;
	font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size:100%;
	font-weight:200;
	letter-spacing:1px;
	text-transform:uppercase;
	text-shadow: 0.1em 0.1em 0.05em #333;
}

#menu ul { list-style-type:none; padding:0px; margin:0px; }
#menu li { display: inline; }
#menu a {
	outline: 0;
	float:left;
	width: 80px;
	text-decoration:none;
	color:white;
	background:#999900;
	padding: 7px 15px 4px 15px;
}

#list1 a { background-color: #ef4136; border-bottom: 3px solid; border-bottom-color: #ef4136; }
#list1 a:hover { border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list_current1 a { background-color: #ef4136; border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list2 a { background-color: #f15a29; border-bottom: 3px solid; border-bottom-color: #f15a29; }
#list2 a:hover { border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list_current2 a { background-color: #f15a29; border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list3 a { background-color: #ee8322; border-bottom: 3px solid; border-bottom-color: #ee8322; }
#list3 a:hover { border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list_current3 a { background-color: #ee8322; border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list4 a { background-color: #f7941e; border-bottom: 3px solid; border-bottom-color: #f7941e; }
#list4 a:hover { border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list_current4 a { background-color: #f7941e; border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list5 a { background-color: #c1d83b; border-bottom: 3px solid; border-bottom-color: #c1d83b; }
#list5 a:hover { border-bottom: 3px solid; border-bottom-color: #0065a4; }
#list_current5 a { background-color: #c1d83b; border-bottom: 3px solid; border-bottom-color: #0065a4; }

.italic { font-style: italic; letter-spacing: 1px; }

#top_section { 
	background-image:url(images/sky.png);
	background-repeat: repeat-x;
	margin: 0px;
}

#battleship a {
	position: relative;
	display: block;
	top: 120px;
	left: 125px;
	width: 330px;
	height: 120px;
	outline: none;
}

#mid_section {
	margin: 0px;
	height: 654px;
	background-image:url(images/water.jpg);
	background-repeat: repeat-x;
}

#banner { 
	width: 960px;
	margin: auto;
	text-align: left;
	background-image: url(images/banner.png);
	background-repeat: no-repeat;
	height: 197px;
	position: relative;
	top: 1px;
 }
 
#main { 
	margin: auto;
	text-align: left;
	width: 960px;
	border: 0px solid black;
	padding: 80px 0px 0px 0px;
}

.padding {
	padding: 0px 50px 0px 50px;
}

#folio_menu {
	text-align: left;
	position: relative;
	float:left;
	top: -55px;
	left: 0px;
	width: 550px;
	background-color: #000066;
	border: 0px solid black;
}

#folio_menu ul { list-style-type:none; padding:0px; margin:0px; }
#folio_menu li { display: inline; }
#folio_menu a {
	outline: 0;
	float:left;
	width: 80px;
	text-decoration:none;
	color:white;
	background:#999900;
	padding: 5px 15px 2px 15px;
	font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size:100%;
	font-weight:200;
	letter-spacing:1px;
	text-transform:uppercase;
	text-shadow: 0.1em 0.1em 0.05em #333;
}

#folio_list1 a { background-color: #262262; border-bottom: 3px solid; border-bottom-color: #262262; }
#folio_list1 a:hover { border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_current1 a { background-color: #262262; border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_list2 a { background-color: #2b3990; border-bottom: 3px solid; border-bottom-color: #2b3990; }
#folio_list2 a:hover { border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_current2 a { background-color: #2b3990; border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_list3 a { background-color: #0065a4; border-bottom: 3px solid; border-bottom-color: #0065a4; }
#folio_list3 a:hover { border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_current3 a { background-color: #0065a4; border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_list4 a { background-color: #1c75bc; border-bottom: 3px solid; border-bottom-color: #1c75bc; }
#folio_list4 a:hover { border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_current4 a { background-color: #1c75bc; border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_list5 a { background-color: #009ce0; border-bottom: 3px solid; border-bottom-color: #009ce0; }
#folio_list5 a:hover { border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_current5 a { background-color: #009ce0; border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_list6 a { background-color: #009ce0; border-bottom: 3px solid; border-bottom-color: #009ce0; }
#folio_list6 a:hover { border-bottom: 3px solid; border-bottom-color: #f7941e; }
#folio_current6 a { background-color: #009ce0; border-bottom: 3px solid; border-bottom-color: #f7941e; }

#B1 {
	padding-right: 110px;
	width: 380px;
	border: 0px solid green;
	float:left;
}
 
#B2 {
	width: 300px;
	border: 0px solid red;
	float: right;
	padding-left: 20px;
} 
 
#container {
	background-color: #1D74A3;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 25px 35px 25px 35px;
	-moz-box-shadow: 0px 0px 6px #111;
	-webkit-box-shadow: 0px 0px 6px #111;
}

#col1 {
	width: 500px;
	float:left;
	margin-right: 35px;
}

#col2 {
	width: 350px;
	float: left;
}

.testimonial_left {
	float: left;
	width: 280px;
}

.testimonial_right {
	float: left;
	width: 600px;
}

#quote_request {
	text-align: center;
	margin-right: 20px;
	width: 12em;
	height: 2.2em;
	background-color: #c1d83b;
	float: right;
	color: #0065a4;
	font-size: 1.2em;
	-moz-box-shadow: inset 0px 2px 6px #111;
	-webkit-box-shadow: 0px 0px 6px #111;
}

#quote_request p, #quote_request a {
	padding: 0px;
	margin-top: 0.6em;
	color: #0065a4;
}
 
#contact1 {
	width: 400px;
	float: left;
	border-right: 2px dotted white;
	padding-right: 25px;
	margin-right: 25px;
}

#contact2 {
	width: 400px;
	float: left;
}
 

.clear {
	clear: both;
} 
 
#footer { margin-top: 50px; } 
#footer a { color:#FFFFFF; text-decoration: none; outline: 0; }
 
.copyright { font-size: 80%; text-align: center;}
 
 
.F1{
	float: left;
	width: 293px;
	border: 0px solid black;
}

.F2 { float: left;
	  width: 263px; }

#gallery { float:left; list-style:none; margin:0px; width: 400px; border: 0px solid red; }
#gallery ul { list-style: none; padding:0px; margin:0px; }
#gallery li { list-style: none; float:left; margin-right:10px; margin-bottom: 10px; }
#gallery li img { border:0px; }
#gallery li a { border:3px solid #c1d83b; color: #000000; text-decoration:none; font-size:25px; display:block; }
#gallery li a:hover { border:3px solid #0E5078; }

#gallery_text {
	float: right;
	width: 450px;
	border: 0px solid black;
}

.gallery2 { float:left; list-style:none; width: 350px; border: 0px solid red; }
.gallery2 ul { list-style: none; padding:0px; margin:0px; }
.gallery2 li { list-style: none; float:left; margin-right:15px; margin-bottom: 15px; }
.gallery2 li img { border:0px; }
.gallery2 li a { border:3px solid #c1d83b; color: #000000; text-decoration:none; font-size:25px; display:block; white-space:nowrap; }
.gallery2 li a:hover { border:3px solid #0E5078; }


#block { float:left; }
#block_left { float: left; width: 680px; }
#block_right { float: right; width: 680px; }

#view_vertical {
	text-align: center;
	width: 570px;
	border: 0px solid green;
	float:left;
	border: 0px solid blue;
}

#view_horizontal {
	text-align: center;
	border: 0px solid green;
	padding-bottom: 15px;
}

.pic_left { float: left; margin: 15px 15px 15px 0px; border: 3px solid; border-color:#c1d83b; }
.pic_right { float: right; margin: 15px 0px 15px 15px; border: 3px solid; border-color:#c1d83b; }

#social_media { float: right; position: relative; bottom: 50px; margin-bottom: -50px; }
#social_media img { border: none; }

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://flowplayer.org/tools/img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}


.apple_overlay img { border: 1px solid white; }

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://flowplayer.org/tools/img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}