/* MenuBegin:menu_topnav */
ul.menu_topnav { margin: 0; border: 0; padding: 0; list-style: none; line-height: 28px; z-index:9999;}
ul.menu_topnav li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.menu_topnav ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 28px; left: 0; }
ul.menu_topnav ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.menu_topnav a { color: #fff; text-decoration: none; border-right: 1px solid #ddd; text-align: left; padding: 0px 10px; font: normal 12px/28px Verdana, Geneva, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.menu_topnav a:hover,
ul.menu_topnav li:hover a,
ul.menu_topnav a:hover,
ul.menu_topnav li.over a { color: #fff; background: #c72128; text-decoration: none; }
ul.menu_topnav a.last { border-right: 0; }

/* 2nd Level */
ul.menu_topnav li:hover li a,
ul.menu_topnav li.over li a { width: 140px; background: #c72128; text-decoration: none; border-top: 1px solid #ddd; border-bottom:0; border-right:0; float: none; }
ul.menu_topnav li:hover li a:hover,
ul.menu_topnav li:hover li:hover a,
ul.menu_topnav li.over li a:hover,
ul.menu_topnav li.over li.over a { color: #fff; background: #c72128; text-decoration: none; background: #eb2121; text-decoration: underline; }
ul.menu_topnav li:hover ul,
ul.menu_topnav li.over ul { width: 140px; }
ul.menu_topnav li:hover li:hover li a.first,ul.menu_topnav li.over li.over li a.first { border-top: 0; }

/* 3rd Level */
ul.menu_topnav li:hover li:hover li a,
ul.menu_topnav li.over li.over li a { width: 140px; background: #c72128; text-decoration: none; border-top: 1px solid #ddd; border-bottom:0; border-right:0; }
ul.menu_topnav li:hover li:hover li a:hover,
ul.menu_topnav li:hover li:hover li:hover a,
ul.menu_topnav li.over li.over li a:hover,
ul.menu_topnav li.over li.over li.over a { color: #fff; background: #c72128; text-decoration: none; background: #eb2121; text-decoration: underline; }
ul.menu_topnav li:hover li a.first,ul.menu_topnav li.over li a.first { border-top: 0; }

/* 4th Level */
ul.menu_topnav li:hover li:hover li:hover li a,
ul.menu_topnav li.over li.over li.over li a { width: 140px; background: #c72128; text-decoration: none; border-top: 1px solid #ddd; border-bottom:0; border-right:0; }
ul.menu_topnav li:hover li:hover li:hover li a:hover,
ul.menu_topnav li.over li.over li.over li a:hover { color: #fff; background: #c72128; text-decoration: none; background: #eb2121; text-decoration: underline; }
ul.menu_topnav li:hover li:hover li:hover li a.first,ul.menu_topnav li.over li.over li.over li a.first { border-top: 0; }

ul.menu_topnav ul ul,
ul.menu_topnav ul ul ul { display: none; position: absolute; top: 0; left: 160px; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul.menu_topnav li:hover ul ul,ul.menu_topnav li:hover ul ul ul,ul.menu_topnav li.over ul ul,ul.menu_topnav li.over ul ul ul { display: none; }
ul.menu_topnav li:hover ul,ul.menu_topnav ul li:hover ul,ul.menu_topnav ul ul li:hover ul,ul.menu_topnav li.over ul,ul.menu_topnav ul li.over ul,ul.menu_topnav ul ul li.over ul { display: block; }
ul.menu_topnav .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:menu_topnav */

#homeColContainer {
 width: 915px;
 margin: 0 auto;
 padding: 0px 0 2px 0;
 text-align: left;
}

#homeColLeft {
float:left;
padding-left:8px;
padding-right:8px;
padding-top:14px;
width:288px;
}

#homeColRight {
float:right;
padding-left:8px;
padding-right:8px;
padding-top:14px;
width:285px;
}

#homeColCenter { 
border-color:#CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
float:left;
padding:14px 8px 12px;
width:289px;
}

#headerRight {
	margin: 0;
	float: right;
	width: 600px
}

#logoContainerInner {
	width: 970px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 7px;
	height: 75px;


}

#harborLogo {
	width: 310px;
	font-size: 11px;
	line-height: 12px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #666666;
	float: left;
	text-align: left;

}


#headerRight img {float:right;margin-right:0px;display:block;	padding-top: 0px;}

.pos_top {
        float:right;
	position:relative;
        font-size:11px;
}

#pos_top .links a {

	background: none;
	color: #000000;
	border: none;
	text-align: right;
	float: right;
}

#pos_top .links a:hover {
	text-decoration: underline;
}

.pos_bottom
{
	color:#00B5CB;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:right;
	vertical-align:text-bottom;
	position:relative;
	margin-top: 55px;
}

/* SHARED */

a img,:link img,:visited img { border:none }

img { behavior: url(../../graphics/config/iepngfix.htc); }

body {
 background:#fff url(../../graphics/media/bodybg.jpg) repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 76%;
 line-height: 130%;
 color:#000000;
}

#navContainer {
 background:#fff url(../../graphics/media/navbg.jpg) repeat-x;
 margin:26px auto 0;
 padding:1px 0 0;
 height:30px;
position:relative;
z-index:22;

}

#ultramediaContainerHome {
margin:0;
padding:0;
background:#FFFFFF none repeat scroll 0 0;
}


a:link, a:visited {
 color: #2971a7;
 text-decoration: none;
}
a:hover {
 color: #333;
 text-decoration: none;
}
h1 {
 font: 24px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
 color: #eb2121;
 border-bottom: 1px solid #b0d1ff;
 padding-bottom: 2px;
 margin-bottom: 14px;
 font-weight:bold;
 text-decoration: none;
}
h2 {
 color: #2a58c4;
 font-size: 16px;
 font-weight:bold;
 margin: 6px 0 6px 0;
 text-align: left;
}
h4 {
 color: #2a3133;
 font-size: 14px;
 margin-bottom: 10px;
 text-align: left;
}
#page-container h3 {
 color: #675e5e;
 font-size: 28px;
 margin-bottom: 10px;
}
#container {
 width: 952px;
 margin: 0 auto;
 margin-top: 0px;
 background: #f5f4f5;
}
#containerlanding {
 width: 952px;
 margin: 0 auto;
 margin-top: 0px;
 background: #ffffff;
}
.inside {
 padding-left: 16px;
 text-align: left;
}
.imgBorder {
 border: 1px #ccc solid;
 padding: 3px;
}
ul {
 padding-left: 14px;
 margin: 10px 0;
}
p {
 margin-top: 14px;
}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
* html .clearfix {height: 1%;}
.clear { clear: left; padding:0; margin:0; }
.clearall { clear: all; }
.clear20 { clear: left; padding-top: 20px;}

.linespacer {
 line-height: 160%;
}
.pullquote {
 font: 18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
 color: #2e3665;
}
.titleunderline {
 border-bottom: 1px dotted #666;
 margin-bottom: 4px;
 font-weight: bold;
}

/* FORMATTING */

#flash_container {
 padding: 6px;
 margin: auto 0;
 background: #fff;
}
#slidewrapper {
 width:938px;
 height:325px;
 padding: 6px;
 margin: auto 0;
 background: #fff;
}
ul#slide {
 display:block;
 margin:0;
 padding:0;
}
#slide li {
 list-style: none;
}
.innerfade {
 margin:0;
 padding:0;
}
.top {
 background: url(../../graphics/main_wht_top.gif) no-repeat top;
 height: 5px;
}
#home-banner {
 padding-top: 6px;
}
#main-content {
 float:left;
 width:600px;
 padding-right: 100px;
}
#homelister {
 margin-bottom: 15px;
}

/* MAIN BOXES */

#main-boxes-container {
 background: url(../../graphics/main_grey_shadow.jpg) no-repeat top;
}
#main-boxes {
 width: 917px;
 margin: 0 auto;
 padding-top: 16px;
}
#main-boxes img.displays, #main-boxes img.content {
 margin-right: 1px;
}

/* MAIN ASSETS LINKS */

#main-assets {
 width: 915px;
 margin: 0 auto;
 padding: 22px 0 14px 100px;
 text-align: left;
}
#main-assets .colA {
 float: left;
 width: 212px;
 height: 210px;
 }
#main-assets .colB {
 float: left;
 width: 185px;
 height: 210px;
 }
#main-assets .colC {
 float: left;
 width: 286px;
 }
#main-assets .colD {
 float: left;
 width: 229px;
 }
#main-assets .colA, #main-assets .colB, #main-assets .colC {
 border-right: 1px solid #ccc;
 }
#main-assets ul {
 list-style: disc;
 padding-left: 22px;
 padding-top: 4px;
 margin: 0;
}
#main-assets li {
 text-align: left;
 padding-left: 3px;
 margin-bottom: 3px;
}
#main-assets img {
 margin-bottom: 10px;
}
#main-assests div.spacer {
 padding-left: 6px;
 margin: 0;
}

/* NAVIGATION */

#header {
 display: block;
 width: 952px;
 margin: 0 auto;
}
#logo {
 float: left;
 height: 76px;
 width: 300px;
 margin: 0px;
}
#logo h1 {
 text-indent: -9999px;
 margin: 0px;
 text-decoration: none;
 border: 0;
}
#logo a {
 background: url(../../graphics/uvl_logo.png) left top no-repeat;
 height: 76px;
 width: 286px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 cursor: pointer;
 text-decoration: none;
}
#top_nav {
 float: left;
 width: 650px;
 height: 76px;
 display: block;
}
#top_nav ul{
 float: right;
 padding: 0;
 margin: 0;
}
#top_nav li {
 display: inline;
 float: left;
 list-style: none;
 padding: 54px 0 0 26px;
}
#top_nav li a {
 color: #373f41;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 110%;
}
#top_nav li a:hover {
 color: #000;
}

/* SECTIONS  */

#page-wrapper {
 width: 952px;
 height: auto;
 margin: 0 auto;
 background: url(../../graphics/page_content_bg.jpg) repeat-y;
}
html>body #page-wrapper {
 margin-top: 0px;
}
#page-header {
 width: 952px;
 height: 86px;
 display: block;
 background: url(../../graphics/page_header_bg.jpg) no-repeat top;
}
#page-content {
 width: 952px;
 display: block;
}
.pagecolL {
 float: left;
 width: 203px;
 text-align: left;
}
.pagecolL ul {
 margin-top: 40px;
 padding: 0;
}
.pagecolL li {
 margin: 12px 0 12px 0;
 padding-left: 14px;
 list-style: none;
}
.pagecolL li a {
 padding-left: 0px;
 color: #565c5d;
 font-size: 110%;
 font-weight: bold;
}
.pagecolL li a:hover {
 color :#191a50;
}
.pagecolL li a.current {
 color :#212627;
}
.pagecolL ul ul {
 margin: 0;
 padding: 0;
}
.pagecolL li li {
 margin: 6px 0 6px 38px;
 list-style: disc;
}
.pagecolL li li a {
 padding-left: 2px;
 color: #333;
 font-size: 95%;
 font-weight: normal;
}
.pagecolL li li a:hover {
 color :#191a50;
}
.pagecolL li li a.current {
 font-weight: bold;
}
.pagecolR {
 float: left;
 text-align: right;
 width: 749px;
}
#page-container {
 width: 680px;
 padding: 30px;
 text-align: left;
 display: block;
}
html>body #page-container {
 height: auto;
 min-height: 500px;
}
.text {
 float: left;
 width: 420px;
 text-align: left;
 padding-bottom: 30px;
}
.features {
 float: left;
 width: 200px;
 text-align: left;
 margin-left: 35px;
 background: #e7e7e7;
 padding: 12px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}
.text2 {
 float: left;
 width: 385px;
 text-align: left;
 padding-bottom: 30px;
}
.videos {
 float: left;
 width: 256px;
 text-align: left;
 margin-left: 35px;
}
.text ul, .features ul {
 padding-left: 14px;
}
.text li, .features li {
 padding: 2px;
}
.cta-box {
 color: #fff;
 font-weight: bold;
 margin: 8px 0 0 18px;
}
.cta-box a {
 color: #fff;
}
.cta-box a:hover {
 color: #ccc;
}
.green-number {
 color: #ffc600;
 font-size: 150%;
 letter-spacing: 1px;
}
.mkt_show {
 border: 1px #ccc solid;
 padding: 3px;
 width: 213px;
 height: auto;
}

/* SECTION TITLE IMAGE REPLACE */

#sect-title {
 font-size: 20px;
 color: #fff;
 padding: 20px 20px 0 0;
 text-indent: -9999px;
 text-align: right;
}
.marketsimg {
 background: url(../../graphics/sect_markets.png) no-repeat top;
 behavior: url(../../graphics/scripts/iepngfix.htc);
 width: 214px;
 height: 86px;
 text-align: right;
}

/* PRODUCTS SECTION */

#prod-lister {
 display: block;
}
#prod-lister .row {
 float: left;
 width: 125px;
 padding: 2px;
 margin: 2px;
 border: #ccc 1px solid;
 text-align: center;
}
#prod-lister .row:hover {
 border: #2971a7 1px solid;
}
#prod-lister .title {
 font-weight: bold;
 font-size: 110%;
 margin-bottom: 3px;
}
#prod-lister span {
 font-size: 90%;
 line-height: 95%;
}
.pdflink {
 font-size: 95%;
 padding-top: 4px;
}
.listwrapper {
 height: 55px;
}
a.imagelink:hover {
 filter: alpha(opacity=75);
 -moz-opacity: 0.75;
 opacity: 0.75;
}
#prod-3col {
 display: block;
 padding-bottom: 24px;
}
#prod-3col .columnone {
 float: left;
 width: 275px;
}
#prod-3col .column {
 float: left;
 width: 175px !important;
 width: 160px;
 padding-top: 14px;
 padding-left: 18px;
}
.prod-Title {
 color: #2a3133;
 font-size: 14px;
 padding: 4px;
 margin-bottom: 10px;
 border: 1px solid #ccc;
 text-align: left;
 margin-top: 14px;
}
#prod-3col .column ul {
 padding-left: 14px;
 margin: 0;
}
#prod-3col .column ul li {
 list-style: disc;
}
 
/* NEWS */

#newsLister {
 padding-top: 2px;
 margin-right: 10px;
}
.newsListHeadline {
 font-weight: bold;
 line-height: 110%;
}
.newsListPublishline {
 font-size: 90%;
 color: #666;
 margin-bottom: 10px;
}
.newsListBody {
 margin-bottom: 20px;
}
.newsHeadline {
 font-size: 140%;
 font-weight: bold;
 line-height: 110%;
}
.newsSubHeadline {
 margin-bottom: 10px;
}
.newsPublished {
 font-size: 90%;
 color: #666;
 margin-bottom: 10px;
}
.newsBody .imgRight {
 border: 1px solid #ccc;
 padding: 2px;
 margin-left: 10px;
 float: right;
}
.newsBody .imgLeft {
 border: 1px solid #ccc;
 padding: 2px;
 margin-right: 10px;
 float: left;
}

/* PROJ LISTER */

.proj-images {
 float: right; 
 width: 200px; 
 text-align: right;
}
.proj-images img {
 margin-bottom: 4px;
 border: 1px solid #ccc;
 padding: 2px;
}

/* FOOTER */

#footer-container {
 width: 952px;
 height: 53px;
 background: url(../../graphics/footerbar_bg.jpg) top no-repeat;
 text-align: center;
 margin: 0 auto;
}
#footer-left {
 float: left;
 width: 600px;
 margin-left: 20px;
 text-align: left;
}
#footer-left img {
 float: left;
}
#footer-left input {
 width: 120px;
 height: 16px;
 font-size: 90%;
 color: #333;
 border: 0;
 background-color: #e0e0e0;
 padding: 0;
 margin: 0;
}
#footer-left .fields {
 float: left;
 margin: 12px 0 0 14px;
}
#footer-right {
 float: right;
 width: 332px;
}
#footer-right ul{
 margin: 16px 16px 0 0;
 text-align: right;
}
#footer-right li {
 display: inline;
 float: right;
 list-style: none;
 padding: 0 6px 0 6px;
}
#footer-right li a {
 display: block;
 text-transform: uppercase;
 font-size: 90%;
 font-weight: bold;
 color: #ccc;
}
#footer-copyright {
 width: 952px;
 margin: 0 auto;
 margin-top: 18px;
 padding-bottom: 12px;
 text-align: center;
 font-size: 90%;
 color: #5e6969;
}

/* SMOOTH GALLERY */

#myGallery, #myGallerySet {
 width: 213px;
 height: 148px;
 z-index:5;
 overflow: hidden;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
 display: none;
}
#myGallerySports, #myGallerySetSports {
 width: 213px;
 height: 222px;
 z-index:5;
 overflow: hidden;
}
#myGallerySports img.thumbnail, #myGallerySetSports img.thumbnail {
 display: none;
}
#myGalleryRetail, #myGallerySetRetail {
 width: 213px;
 height: 213px;
 z-index:5;
 overflow: hidden;
}
#myGalleryRetail img.thumbnail, #myGallerySetRetail img.thumbnail {
 display: none;
}
#myGalleryAuto, #myGallerySetAuto {
 width: 213px;
 height: 213px;
 z-index:5;
 overflow: hidden;
}
#myGalleryAuto img.thumbnail, #myGallerySetAuto img.thumbnail {
 display: none;
}
#MarketsSlideshow, #MarketsSlideshow {
 width: 674px;
 height: 213px;
 z-index:5;
 overflow: hidden;
}
#MarketsSlideshow img.thumbnail, #MarketsSlideshow img.thumbnail {
 display: none;
}
.jdGallery {
 overflow: hidden;
 position: relative;
}
.jdGallery img {
 border: 0;
 margin: 0;
}
.jdGallery .slideElement {
 width: 100%;
 height: 100%;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url('../../graphics/slideshow/loading-bar-black.gif');
}
.jdGallery .loadingElement {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-color: #fff;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url('../../graphics/slideshow/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {
 position: absolute;
 z-index: 10;
 width: 100%;
 margin: 0px;
 left: 0;
 bottom: 0;
 height: 40px;
 background: #333;
 color: #fff;
 text-indent: 0;
 overflow: hidden;
}
* html .jdGallery .slideInfoZone {
 bottom: -1px;
}

/* CONTACT FORM */

input, textarea, select {
 border: #666 1px solid;
 background: #eee;
}
#contact label {
 float: left;
 width: 220px;
 margin-right: 12px;
 font-weight: bold;
}
#contact input, #contact textarea {
 margin-bottom: 5px;
 clear: right;
}
#contact textarea {
 width: 250px;
 height: 100px;
}
#contact select.formSelect {
 margin-bottom: 5px;
}
input.radio {
 display: inline;
 width: 12px;
 border: none;
 background: #fff;
}
#contact .formfield {
 padding-bottom: 4px;
 clear: left;
}
#contact .boxes{
 width: 1em;
}
#submitbutton {
 margin-left: 232px;
 margin-top: 12px;
 width: 90px;
 padding: 6px;
 color: #000;
 background: #d0d0d0;
}
#submitbutton:hover {
 color: #fff;
 cursor: pointer;
 background: #ad0c00;
}
#form label.error {
 margin-left: 10px;
 width: auto;
 display: inline;
}
#freedom_calendar { 
 position: absolute; 
 left: 100px; 
 top: 100px; 
 width: 175px; 
 z-index: 100; 
 visibility: hidden; 
 clip:rect(0px 175px 145px 0px); 
 height:145px; 
}