/* css document
/* Author: Kent Broestl for Innova Partners, Ltd.
/* css URI http://innova-partners.com
/* Description: stylesheet developed for the use of the Boat Lift U.S. Project
*/

html,body,p,span,ul,li,div,h2 {
	margin:0;
	padding:0;
	border:0;
	}

body {
	background-color:#bdbdbd;
	font-size:1em;
	font-family: Verdana;
	}

a,
a:link,
a:visited,
a:hover {
	font-size:100%;
	color:#0c4d77;
	text-decoration:none;
}

#asterick {
  color: #990000;
}

/* Page Structure
------------------------------------------------------------------------------*/
#wrapper {
	min-width:1024px;
	height:100%;
	}

#content {
	width:950px;
	border-right:1px solid #666;
	background-color:#e5e5e5;
	}
	
#header {}

#logo-space {
	display:block;
	height:287px;
	width:200px;
	float:left;
	}
#logo-space-test {
	display:block;
	height:227px;
	width:200px;
	float:left;
	}

#logo-space h1 {
	display:none;
}
.new-logo {
	background:url(images/new-logo.jpg) no-repeat;
	}
.white {
	background:url(images/white-logo.png) no-repeat;
	}
	
	.blue-test {
	background:url(images/boatliftus-logo.jpg) no-repeat;
	}
.blue {
	background:url(images/layout_5_01_cc.jpg) no-repeat;
	}
		
#head-image-test {
	display:block;
	width:750px;
	height:227px;
	float:left;
	}
#head-image {
	display:block;
	width:750px;
	height:241px;
	float:left;
	}
.banner-test {
	width:750px;
	height:227px;
	float:left;
}	
.banner {
	width:750px;
	height:200px;
	float:left;
}
.homepage-test {
	background:url(images/home-banner.jpg);
	/* width:750px;
	height:200px;
	float:left; */
}
.homepage {
	background:url(images/layout_5_02.jpg);
	/* width:750px;
	height:200px;
	float:left; */
}
.secondary {
	background:url(images/secondary_left.jpg);
	/* height:200px;
	width:750px;
	float:left; */
}

.contact-page {
	background:url(images/contactbg.jpg);
	height:200px;
	width:750px;
	float:left;
}

span.breadcrumb {
	display:block;
	padding-top:14px;
	padding-left:10px;
	font-size:70%;
	color:white;
}

.breadcrumb a {
	font-size:100%;
	color:white;
	text-decoration:none;
}

.breadcrumb a:link {font-size:100%;color:white;text-decoration:none;}
.breadcrumb a:visited {font-size:100%;color:white;text-decoration:none;}
.breadcrumb a:hover {font-size:100%;color:white;text-decoration:none;}

.spacer {
	display:block;
	float:left;
	background:url(images/spacer.jpg);
	width:150px;
	height:31px;
}
/* Menu Options
------------------------------------------------------------------------------*/
#main-nav {
	clear:both;
	background:url(images/menu-back.png) repeat-x;
	width:750px;
	height:81px;
	overflow:hidden;
	}

#main-nav a {
	color:#fff;
	text-decoration:none;
}
		
#main-nav ul {
	width:800px;
	padding:0;
	margin:0;
	list-style:none;
	}

#main-nav li {
	/*display:inline;*/
	background-color:#0c4d77;
	border-top: 1px solid #56779b;
	border-left: 1px solid #56779b;
	border-right: 1px solid #56779b;
	padding:5px 10px;
	float:left;
	color:white;
	font-weight:bold;
	margin:12px 5px 0 5px;
	}

#main-nav li ul {
	background-color:#92b4d0;
	border-bottom: 1px solid #56779b;
	border-left: 1px solid #56779b;
	width:744px;
	display:none;
	position:absolute;
	margin-top:5px;
	top:1em;
	float:left;
}

#main-nav li > ul {
	background-color:#92b4d0;
	border-bottom: 1px solid #56779b;
	border-left: 1px solid #56779b;
	width:744px;
	left:205px;
	top:auto;
}

#main-nav li:hover,#main-nav li.over {
	background-color:#92b4d0;
}

#main-nav li:hover ul,#main-nav li.over ul {
	display:block;
	clear:left;
}

#main-nav li ul li {
	font-size:78%;
	border:0;
	border-right:1px solid #56779b;
	background-color:#92b4d0;
	display:inline;
	color:#FFF;
	margin:0px;
}

#main-nav li ul li a,
#main-nav li ul li a:link,
#main-nav li ul li a:visited {
	color:#fff;
	font-size:100%;
	text-decoration:none;
}
#main-nav li ul li a:hover {
	color:#56779b;
	font-size:100%;
	text-decoration:none;
}

/* Menu Options --NEW in testing
------------------------------------------------------------------------------*/
#main-nav-test {
	clear:both;
	/*background:url(images/menu-back.png) repeat-x;*/
	background-color:#0c4d77;
	border-top: #000000 4px solid;
	width:750px;
	height:37px;
	overflow:hidden;
	}

#main-nav-test a {
	color:#fff;
	text-decoration:none;
}
		
#main-nav-test ul {
/*background-color:#0c4d77;*/
	border-top: 1px solid #56779b;
	border-bottom: 1px solid #56779b;
	width:750px;
	/*height:33px;*/
	height:auto;
	padding:0;
	margin:0;
	list-style:none;
	}

#main-nav-test ul li {
	/*display:inline;*/
	/*background-color:#0c4d77;
	border-top: 1px solid #56779b;
	border-bottom: 1px solid #56779b;*/
	padding:5px 10px;
	float:left;
	color:white;
	font-size: 14px;
	font-weight:bold;
	margin:3px 5px 0 5px;
	}
#main-nav-test li ul {
	background-color:#0c4d77;
	border: 1px solid #56779b;
	width:200px;
	display:none;
	position:absolute;
	margin-top:5px;
	top:1em;
	float:left;
}



#main-nav-test li:hover,#main-nav-test li.over {
	/*background-color:#92b4d0;*/
}

#main-nav-test li:hover ul,#main-nav-test li.over ul {
	display:block;
	clear:left;
}

#main-nav-test li ul li {
	font-size:88%;
	border:0;
	/*border-right:1px solid #56779b;*/
/*background-color:#92b4d0;*/
	display:inline;
	color:#FFF;
	margin:0px;
}

#main-nav-test li ul li a,
#main-nav-test li ul li a:link,
#main-nav-test li ul li a:visited {
	color:#fff;
	font-size:100%;
	text-decoration:none;
}
/*dropdown menu rollover*/
#main-nav-test li ul li a:hover {
	color:#56779b; 
	font-size:100%;
	text-decoration:none;
}

/* Menu Options --Left NAV in testing
------------------------------------------------------------------------------*/
#left-nav {
	clear:both;
	background-color:#0c4d77;
	border-top: #000000 4px solid;
	width:190px;
	padding-left: 5px;
	padding-right: 5px;
	overflow:hidden;
	height:650px;
	float: left;
	}

#left-nav a {
	color:#fff;
	text-decoration:none;
}
		
#left-nav ul {
	height:auto;
	padding:0;
	margin:0;
	list-style:none;
	color: #FFFFFF;
	font-weight: bold;
	font-size:13px;
	}
#left-nav li {
	display: block;
	clear:both;
	border-top: 1px solid #56779b;
	padding:5px 0px;
	float:left;
	color:white;
	font-size: 13px;
	font-weight:bold;
	margin:3px 5px 0 5px;
	}
#left-nav li ul {
	width:200px;
	padding-left: 10px;
	top:1em;
	float:left;
	font-size:12px;
}
#left-nav li:hover,#left-nav li.over {
	/*background-color:#92b4d0;*/
}
#left-nav li:hover ul,#left-nav li.over ul {
	display:block;
	clear:left;
}
#left-nav li ul li {
	font-size:95%;
	border:0;
	display:inline;
	color:#FFF;
	margin:0px;
}

#left-nav li ul li a,
#left-nav li ul li a:link,
#left-nav li ul li a:visited {
	color:#fff;
	font-size:95%;
	text-decoration:none;
}
/*dropdown menu rollover*/
#left-nav li ul li a:hover {
	color:#56779b; 
	font-size:95%;
	text-decoration:none;
}


/* Body of the document
------------------------------------------------------------------------------*/
#main-content {
	clear:both;
	width:100%;
	min-height:560px;
	background-color:#e5e5e5;
	overflow:hidden;
}
#body-background-test {
	display:block;
	background-color:#e5e5e5;
	width:750px;
	float:left; 
	padding-top:14px;
}
#body-background {
	display:block;
	background-color:#e5e5e5;
	width:750px;
	float:left; 
}
#secondary-navigation {
	background:url(images/secondary-gradient.jpg) no-repeat;
	/* background:url(images/gradient-drops.jpg) no-repeat; */
	float:left;
	width:200px;
	height:523px;
}
#secondary-navigation a:link,a:hover,a:visited {
	font-size: 12px;
	color:#111111;
	text-decoration:none;
}

#secondary-navigation ul {
	margin-left:5px;
}
#secondary-navigation li {
	margin-bottom:5px;
	padding-bottom:5px;
}

#middle {
	float:left;
	min-height:300px;
	width:302px;
	margin-left:10px;
	}

.feature {
	padding-left:10px;
	padding-top:5px;
	border:1px solid #56779b;
	background-color:#92b4d0;
	height:23px;
	width:100%;
	overflow:hidden;
}

.feature h2 {
	font-size:90%;
}

.feature-image {
	margin-top:10px;
	display:block;	
	float:left;
}

.feature-image img {
	border:0;
	}
	
.feature-text h3 {
	font-size:80%;
	line-height:100%;
}
.feature-text p {
	font-size:70%;
}

.contact {
	width:100%;
	margin-top:20px;
	}
	
.contact h4 {
	font-style:normal;
	font-size:80%;
	padding:0;
	margin:0;
}

.contact address {
	padding:0;
	margin:0;
	font-style:normal;
	font-size:80%;
}

/* Box styles
------------------------------------------------------------------------------*/
#body-text {
	display:block;
	float:left;
	width:400px;
	margin-left:22px;
	}

.box {
	position:relative;
	overflow:hidden;
}

.box-content {
	display:block;
	border-right:1px solid #7d7d7d;
	border-left:1px solid #7d7d7d;
	overflow:hidden;
	padding: 0 20px;
	background-color:white;
}

.contact-box-content {
	display:block;
	border-right:1px solid #7d7d7d;
	border-left:1px solid #7d7d7d;
	overflow:hidden;
	padding: 0 20px;
	background-color:white;
}

.boxed-text {
	display:block;
	width:100%;
}

.boxed-text ul {
	list-style:none;
}

.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#7d7d7d; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:white; border-right:2px solid #7d7d7d; border-left:2px solid #7d7d7d; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:white; border-right:1px solid #7d7d7d; border-left:1px solid #7d7d7d; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:white; border-right:1px solid #7d7d7d; border-left:1px solid #7d7d7d; margin:0 1px;}
.box-bottom { clear:both; padding-bottom:10px;}

.box-content p {
	padding-bottom:7px;
	font-size:75%;
}
.box-content ol {
	padding-bottom:7px;
	font-size:75%;
	}

.box-content h3 {
	padding-bottom:5px;
	margin:0;
	line-height:110%;
	font-size:110%;
	font-weight:bold;
	color:#084d73;
}

.box-content .text-area {
	display:inline;
	clear:both;
	float:left;
	width:290px;
	font-size:75%;
	padding-bottom:7px;
}

.box-content .text-area a,
.box-content .text-area a:link,
.box-content .text-area a:visited,
.box-content .text-area a:hover {
	font-size:100%;
	}

.box-content .text-area-vert {
	display:inline;
	clear:both;
	float:left;
	width:420px;
	font-size:75%;
	padding-bottom:7px;
}

.box-content .text-area p {
	font-size:100%;
}

.box-content .text-area-vert p {
	font-size:100%;
}

.box-content .image {
	text-align:center;
	width:300px;
	display:inline;
	float:left;
	margin-left:10px;
}

.box-content .right {
	text-align:right;
	width:300px;
	display:inline;
	float:left;
	margin-left:300px;
}
.box-content .centered-text {
	text-align:center;
	font-size:50%;
}

.box-content .centered-text a,
.box-content .centered-text a:link,
.box-content .centered-text a:visited,
.box-content .centered-text a:hover {
	font-size:50%;
}
	
.box-content a,
.box-content a:link,
.box-content a:visited,
.box-content a:hover {
	font-size:100%;
	color:#0c4d77;
	text-decoration:none;
}

.box-content .boxed-text a,
.box-content .boxed-text a:link,
.box-content .boxed-text a:visited,
.box-content .boxed-text a:hover {
	font-size:100%;
	color:#0c4d77;
	text-decoration:none;
}

.box-content .image img {}
.box-content .vert-image {
	text-align:center;
	width:220px;
	display:inline;
	float:left;
	margin-left:10px;
}

.box-content .caption {
	margin-top:-5px;
	display:block;
	font-size:70%;
	text-align:center;
	padding-bottom:5px;
}

.box-content ul.bulleted {
	margin-left:15px;
	list-style:disc;
	padding-bottom:10px;
}
.box-content img {
	border:0;
}

.box-content .wide-image {
	width:600px;
	clear:both;
	}

#body-text-secondary {
	display:inline;
	float:left;
	width:700px;
	margin-left:22px;
	}
	
#secondary-contact {
	clear:both;
	width:100%;
	height:15px;
	background-color:white;
	border-top: 1px solid #666;
}

#secondary-contact .details {
	font-size:70%;
	margin-left:205px
}

.text-area .subimage {
	width:100%;
	text-align:center;
}

#exhibit-images {
	width:100%;
	text-align:center;
	clear:both;
	overflow:hidden;
	}
	
#exhibit-images .image {
	clear:both;
	float:none;
	}
	
/* Depricated styles
-----------------------------------------------------------------------------*/

.menu-tab {
	padding:5px 15px;
	background-color:#084d73;
	border-top: 1px solid #56779b;
	border-left: 1px solid #56779b;
	border-right: 1px solid #56779b;
 	}

.menu-item {
	font-weight: bold;
	font-size:90%;
	color:white;
	text-decoration:none;
}

#menu-expansion {
	display:block;
	/* height:20px; */
	width:100%:
	background-color:#e5e5e5;
	}
.new-tab {
	padding:2px 0;
	float:left;
	background-color:#92b4d0;
	border-right:1px solid #56779b;
	border-bottom:1px solid #56779b;
	border-left:1px solid #56779b;
}

#menu-expansion li {
	display:block;
	margin:0;
	float:left;
	line-height:110%;
}

#menu-expansion .expansion-tab {
	padding:10px 15px;
	}

#menu-expansion .expansion-item {
	line-height:110%;
	font-weight: bold;
	font-size:90%;
	color:white;
	text-decoration:none;
}

/* Gallery for the images
------------------------------------------------------------------------------*/
#image-space {
	display:block;
	height:279px;
	margin-top:10px;
}
#image-space .main-image {
	display:block;
	background:url(images/hammer-2.jpg) 20%;
	height:279px;
	width:100px;
}

/* Table styles
------------------------------------------------------------------------------*/
table.spec-one {
	width:100%;
	padding-bottom:10px;
}

.spec-one th {
	text-align:left;
	background-color:#ddd;
	border:1px solid #555;
}
.spec-one td {
	font-size:75%;
}

tr.row {}

.row .heading {
	width:25%;
	background-color:#ddd;
	border-bottom:1px solid #555;
	border-left:1px solid #555;
}
td.entry {
	width:75%;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	border-left:1px solid #555;
}


/* Contact Page styles
------------------------------------------------------------------------*/
.boxed-text dd {
	font-size:75%;
}

.boxed-text dt {
	margin-top:5px;
	font-size:85%;
}

.contact-image {
	background:url(images/satellite.jpg) no-repeat;
	width:700px;
	height:500px;
}

.headquarters {
	color:#084d73;
	font-size:110%;
	font-weight:bold;
	margin-left:10px;
	margin-top:-100px;
	display:block;
	}

.address-block {
	margin-left:10px;
	font-size:75%;
	/* width:100%; */
}
	
address {
	display:block;
	float:left;
	margin-right:30px;
}

address .head {
	font-size:90%;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
	display:block;
	}
	
address .line {
	font-size:75%;
	font-style:normal;
	display:block;
	}
	
/* For Contractor styles
------------------------------------------------------------------------------*/
.for-contractors {
	background:url(images/contractors.jpg) no-repeat;
}


#contractor {
	width:100%;
	overflow:hidden;
}

#contractor ul {
	width:700px;
	height:20px;
	display:block;
}
#contractor ul li {
	font-size:90%;
	float:left;
	margin-right:70px;
}

#contractor p {
	width:100%;
}

#contractor a,
#contractor a:link,
#contractor a:visited,
#contractor a:hover {
	font-size:100%;
	text-decoration:underline;
	color:black;
}

form div.column {
	float:left;
	margin-right:20px;
	}
form .submit {
	clear:both;
	display:block;
	float:right;
	}
	
span.hidden {
	display:none;
	}
.txt16 {
	font-size: 16px;
}