/*
   this is some pretty grim css autogenerated from
   dreamweaver :-(

   at some point we need to find some schmuck to
   clean it up
*/

/* RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ 
  margin: 0; 
  padding: 0; 
  border: 0; 
  font-weight: inherit; 
  font-style: inherit; 
  font-size: 100%; 
  font-family: inherit; 
  vertical-align: baseline; 
}

body { line-height: 1; color: #444; }

/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* html */
html {height: 100%;}

/* body */
body { font : normal 11px/20px Verdana, Arial, Helvetica, sans-serif; margin:0 auto; padding: 0; width: 100%; background: #fff; }
#home { background: #3a4248;  background : url(../siteimages/big_bg.jpg); background-position:center; }
#content{ background : url(../siteimages/content_gradient_bg.jpg); background-position:center; background-repeat:repeat-y; height: 100%; }


/*HEADER TAGS*/
h1 { width : 115px; height : 51px; margin : 0 0px 0 605px; padding : 18px 0 0 0; background : url(../siteimages/seaviewlogo.gif) no-repeat 0 100%; text-indent : -9999em; }
h2 { font-size : 2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-indent: 15px;}
#home h2 { color: #fff;}
#non_flashcontent h2 { text-indent: 0; padding-top:15px; width: 400px;  padding-left: 15px; line-height: 1.2em }
#non_flashcontent h4 { text-indent: 0; color: #333; /* text-indent: 15px;*/ width: 450px; padding-left: 15px; padding-top:5px;}
h3 { font-size :  1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#seaview_highlights h3 { color: #fff; font-weight: bold; }
/*#product_highlights h3 { color: #3399CC; }*/
#tech_highlights h3 {color: #fff;}
#deployments h3 { color: #fff;} 
#addressPanel h3 {padding-left: 15px;}

#contactForm h3 {padding-left: 15px;}

h5 {font-size : 2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-indent: 15px; color: #3399CC;}
h4 { text-indent: 15px;font-size :  1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #3399CC;  }
#home h4 {}
h6 { font-size :  1.4em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;}

#article h6 { background: #fff; width: 525px; padding: 0 15px 0 15px;  color: #666666;}
#article_fullWidth h6 { background: #fff; width: 700px; padding: 0 15px 0 15px;  color: #666666;}

/* for images in the body of the text */

div.bodyimage
{
  margin: 0; 
  padding: 0;
  background: white; 
  width 525px;	
}

div.bodyimage img 
{
  display:      block;
  margin-left:  auto;
  margin-right: auto; 
}

/*LISTS*/
/* =ul */
#article ul{ list-style-position:inside; list-style-image: url(../siteimages/bullet.gif); padding: 15px 0 15px 0; background: #fff;}
#NE ul, #NW ul, #NORTH ul, #INDIAN ul { margin-top: 15px; } 
/* =li */
#nav_main li {list-style-type : none;  float: left;}
#nav_general li {list-style-type : none; display:inline; font-size: .9em;}
#subnav li { list-style-type : none; margin-top: 15px;}
/*#seaview_highlights li { list-style-type : none; float: left; min-height: 233px; width : 203px; padding: 15px; background : url(../siteimages/panel_home.png); background-repeat: no-repeat;}*/
#product_highlights li {list-style-type : none;  float: left; min-height: 193px; width : 203px; padding: 15px; /*background : url(../siteimages/panel_white.png); background-repeat: no-repeat;*/}
#tech_highlights li {list-style-type : none;  float: left;  height: 185px; width : 203px; padding: 15px 15px 0px 15px; }
#customers_highlights li {list-style-type : none;  float: left;  height: 197px; width : 203px; padding: 15px 15px 0px 15px; color: #fff;}
#article li { background: #fff; padding: 0px 15px 15px 15px; }
#addressPanel li { list-style-type : none;  padding: 0 15px 0 15px; }
#contactForm li { list-style-type : none;  text-align: right;padding: 15px 15px 0 0px; }
#customers li { list-style-type : none; padding: 5px 0px 0px 0px; }
#deployments li {list-style-type : none; }
#clients_partners_logos li { list-style-type : none; display: inline; }


/* CLASSES FOR LISTS*/
.seaview_application {list-style-type : none; float: left; min-height: 233px; width : 203px; padding: 15px; background : url(../siteimages/panel_home.png); background-repeat: no-repeat; margin-right: 15px;}
.technical_experts {list-style-type : none; float: left; min-height: 233px; width : 203px; padding: 15px; background : url(../siteimages/panel_home.png); background-repeat: no-repeat; }
.latest_ocean_data {list-style-type : none; float: left; min-height: 133px; width : 203px; padding: 15px; background : url(../siteimages/panel_home.png); background-repeat: no-repeat; margin-left: 15px;}

#applications_list li { color:#ccc; font-size: .8em; list-style-type: none; }

/* Products */
.products_software  {background: url(../siteimages/panel_products_software.png); background-repeat: no-repeat; margin-right: 15px;}
.products_consultancy  {background: url(../siteimages/panel_products_consultancy.png); background-repeat: no-repeat; }
.products_dataprovision {background: url(../siteimages/panel_products_dataprovision.png); background-repeat: no-repeat; margin-left: 15px;}

/* Technology */
.expertise{ margin-right: 15px; background: url(../siteimages/expert_bg.gif); background-repeat: no-repeat; }
.radar {background: url(../siteimages/radar_bg.png); background-repeat: no-repeat;  }
.software{ margin-left: 15px; background: url(../siteimages/software_bg.gif); background-repeat: no-repeat; }

/* Customers */
.coastal{ margin-right: 15px; background : url(../siteimages/customers_coastal.png); background-repeat: no-repeat;}
.renewable {background: url(../siteimages/customers_renewable.png); background-repeat: no-repeat;  }
.tsunami{ margin-left: 15px; background: url(../siteimages/customers_coastal2.png); background-repeat: no-repeat; }

/* Ocean Data Maps ( non Flash ) */
.NW { margin-right: 15px; background : url(../siteimages/nw_atlantic.png); background-repeat: no-repeat; float: left;  height: 197px; width : 203px; padding: 15px 15px 0px 15px; color: #fff;} 
.NE {background: url(../siteimages/ne_atlantic1.png); background-repeat: no-repeat; float: left;  height: 197px; width : 203px; padding: 15px 15px 0px 15px; color: #fff;}
.NORTH{ margin-left: 15px; background: url(../siteimages/northsea1.png); background-repeat: no-repeat; float: left;  height: 197px; width : 203px; padding: 15px 15px 0px 15px; color: #fff;}
.INDIAN{ margin-right: 15px; background : url(../siteimages/indianocean1.png); background-repeat: no-repeat; float: left;  height: 197px; width : 203px; padding: 15px 15px 0px 15px; color: #fff;}
.CORAL{background: url(../siteimages/barrier_reef1.png); background-repeat: no-repeat; float: left;  height: 197px; width : 203px; padding: 15px 15px 0px 15px; color: #fff;}

.first {margin-right: 15px;}
.last {margin-left: 15px;}

/* layout */
#branding, #nav_main, #nav_general, #main_banner,  #clients_partners_logos, #siteinfo, #address, #telephone_fax { width : 760px; margin:0 auto; }
/* nav*/
#nav { width: 100%; /*position : relative;*/ background : url(../siteimages/nav_bg.jpg); background-repeat:repeat-x; min-height : 97px;}
#nav_main { margin-top : -10px; }
#nav_general {margin-top : -60px; font-size: .9em}

/* Background image is set in 'main_content' - change this style & divs for multiple pics */
#main_content{ width : 730px; padding: 15px; padding-top:30px; margin:0 auto;}
.general{background: url(../siteimages/bg.jpg); background-repeat:repeat-y;}
.contact_page{background: url(../siteimages/contactbg.gif); background-repeat:repeat-y;}

/* Home Page Flash */
.main_flash{/*	background: url(../siteimages/flashbg.png); background-repeat: no-repeat;  */width:730px; height: 219px; margin-top: 15px; margin-bottom: 15px;}
#non_flashcontent{background: url(../siteimages/flashbg.png); background-repeat: no-repeat; }
#non_flashcontent p { padding: 5px 15px 15px 15px; width: 450px; color: #333; line-height: 1.5em}

/* Page Highlights */
#seaview_highlights { min-height: 233px; margin-top: 15px;}
#product_highlights { min-height: 193px; margin-top: 15px;}
#product_highlights p {color:#333; margin-top: 4px; font-size: .9em}
#tech_highlights { min-height: 193px; margin-top: 15px;}
#customers_highlights { min-height: 193px; margin-top: 15px;}
#customers_highlights p {color: #333;}
#tech_highlights  p { color:#333; margin-top: 4px; font-size: .9em}
#seaview_highlights p { color:#333; margin-top: 4px; font-size: .9em; line-height: 1.6em;}
/* Technology */
.publications { font-size: .8em; line-height: 1.1em; margin: 0; padding:0; }

/* Ocean Data / Deployments */
#deployments{margin-top: 15px;}

/* Customers */
#customers{float:left; width: 326px; height: 298px; padding: 15px 15px 0px 15px;  background: url(../siteimages/customers_bg_white.gif); background-repeat: no-repeat; font-size: .9em; }
#customers p { line-height: 1.8em;}
#customerQuote{float:left; width: 341px; height: 298px; padding: 15px 0px 0px 15px;  margin-left:15px; background: url(../siteimages/customers_bg_blue.gif); background-repeat: no-repeat; color:#000; }

/* Contact Page */
#addressPanel {margin: 15px 0 30px 0;float:left; width: 200px; height:188px; background: url(../siteimages/addressPanel.png); background-repeat: no-repeat; padding-top: 15px;}
#contactForm { margin: 15px 0 30px 0;float:right; width: 291px; height:295px; background: url(../siteimages/contactformPanel.png); background-repeat: no-repeat; padding-top: 15px;}
.textField { border: 0px; width: 185px;}
.textArea { border: 0px; width: 185px;}
.addressHeader{display: block;text-indent: -3000px;}
.getInTouch{ display: block;  text-indent: -3000px;}

/* SubNav */
#subnav {  float: right; width: 160px; margin-top:15px; }
.subnavTitle {background: url(../siteimages/sub_bgtop.png) top left no-repeat; padding: 15px 0 15px 15px;}
.subnavFooter { background: url(../siteimages/sub_bgbottom.png) bottom left no-repeat;}

/* 
   Articles are content pages with white backgrounds and rounded corners 
   fullWidth is for without sub nav)
*/
#article {width: 555px; background: url(../siteimages/whitetop.png); background-repeat: no-repeat;  padding-top:15px; margin-top:15px;}
#article_fullWidth {width: 730px; background: url(../siteimages/whitetop_wide.png); background-repeat: no-repeat; padding-top:15px; margin-top:15px;}
#article p { background: #fff; padding: 15px 15px 15px 15px;}
#article_fullWidth p { background: #fff; padding: 15px 15px 15px 15px; height: 100%; }
#article_fullWidth img{background: #fff;  /*height: 185px;*/}
.articleFooter{background: url(../siteimages/whitebottom.png);background-repeat: no-repeat; padding: 15px 0 0 0 ;}
.articleFooter_fullWidth{background: url(../siteimages/whitebottom_wide.png);background-repeat: no-repeat; padding: 15px 0 0 0 ;}

/* Footer */
#footerHome { border-top: 1px solid #ccc; width: 100%; background:#fff; height : 300px;}
#footer { border-top: 1px solid #ccc; width: 100%; background:#fff; height : 100%;}
#clients_partners_logos {  padding-top: 25px; width : 760px; margin:0 auto;}

/* Footer - Address etc */
#address, #telephone_fax, #siteinfo{ font-size: 10px; color: #666; }
#address { background: url(../siteimages/logo_sv_smll.gif) -12px -12px no-repeat; }
#telephone_fax { float: right; text-align: right; position:relative; top: -37px;}

.superscript{font-size: .9em; vertical-align:top;}

/* TABULAR STYLES */
table { padding: 0px 0px 0px 0px;}
#infoTable td { padding: 5px 5px 5px 15px; background: #f1f1f1; border: 1px solid #fff; font-size: .8em; line-height: 1.3em; }
#imageTable {padding: 0px 0px 5px 15px; margin: 0px; width: 555px; background: #fff;}
#dataExample td{padding: 10px 5px 5px 5px; margin: 0px;  font-size : 0.9em; background: #f1f1f1; border: 1px solid #fff;}
tr { background: #fff; }
.customerData td, tr { padding: 0; margin: 0; width:10%; }
.tableTitle { width: 100%; }

.threeColumn td  { width: 33%;}
.white { background: #fff;}

.greenText { color:#00CC00;}
.redText { color:#FF0000;}
.amberText { color:#FF6600;}

/* GENERAL CLASSES, FLOATS etc... */
.clear {background: #fff; /*padding: 15px 15px 15px 15px;*/ clear:  both;}
.clearBoth{ clear: both; padding: 0; margin: 0; height: 0; }
.left {float: left; display: inline;padding: 0px 20px 5px 0px;}
.right{ float: right; padding: 0px 0px 5px 20px}
.blue { color:#3399cc; }
blockquote { font-size: 1.3em; color:#fff; padding: 5px 0 15px 0; }

/* LINKS LINKS LINKS STYLES */
#nav a {color : #2d3c46; text-decoration : none; outline : none;}
#nav a:hover { color: #fff;}

/* Arrow Btns */
a.clickThruWhite:link,
a.clickThruWhite:visited,
a.clickThruWhite:active {text-indent: -3000px; position:relative;top:169px; float:right; width: 17px; height: 17px; background: url(../siteimages/clickthru_grey.gif) 0 0 no-repeat; }
a.clickThruWhite:hover {background-position: -17px 0;}

a.clickThruBlue:link,
a.clickThruBlue:visited,
a.clickThruBlue:active {text-indent: -3000px; position:relative; top:129px; float:right; width: 17px; height: 17px; background: url(../siteimages/clickthru_blue.gif) 0 0 no-repeat; }
a.clickThruBlue:hover {background-position: -17px 0;}

a.clickThruBlue2:link,
a.clickThruBlue2:visited,
a.clickThruBlue2:active {text-indent: -3000px; position:relative; top:129px; float:right; width: 17px; height: 17px; background: url(../siteimages/clickthru_white.gif) 0 0 no-repeat; }
a.clickThruBlue2:hover {background-position: -17px 0;}

a.clickThruTransp:link,
a.clickThruTransp:visited,
a.clickThruTransp:active {text-indent: -3000px; position:relative; top:129px; float:right; width: 17px; height: 17px; background: url(../siteimages/clickThru_transparent.png) 0 0 no-repeat; }
a.clickThruTransp:hover {background-position: -17px 0;}

a.clickThruTranspLighter:link,
a.clickThruTranspLighter:visited,
a.clickThruTranspLighter:active {text-indent: -3000px; position:relative; top:129px; float:right; width: 17px; height: 17px; background: url(../siteimages/clickThru_transparentLighter.png) 0 0 no-repeat; }
a.clickThruTranspLighter:hover {background-position: -17px 0;}

a.clickThruTranspDarker:link,
a.clickThruTranspDarker:visited,
a.clickThruTranspDarker:active {text-indent: -3000px; position:relative; top:129px; float:right; width: 17px; height: 17px; background: url(../siteimages/clickThru_transparentDarker.png) 0 0 no-repeat; }
a.clickThruTranspDarker:hover {background-position: -17px 0;}

#address a  {color: #666;}
#address a:hover {text-decoration: underline;}

/* Main Navigation - Img replacement Nav Styles */
a.products:link, 
a.products:visited,
a.products:active {text-indent: -3000px; float:left;  width: 85px; height: 12px; background: url(../siteimages/products.gif) 0 0 no-repeat;}
a.products:hover {background-position: -85px 0;}

a.technology:link, 
a.technology:visited,
a.technology:active {text-indent: -3000px; float:left;  width: 102px; height: 12px; background: url(../siteimages/technology.gif) 0 0 no-repeat;}
a.technology:hover {background-position: -102px 0;}

a.customers:link, 
a.customers:visited,
a.customers:active {text-indent: -3000px; float:left;  width: 96px; height: 12px; background: url(../siteimages/customers.gif) 0 0 no-repeat;}
a.customers:hover {background-position: -96px 0;}

a.oceandata:link, 
a.oceandata:visited,
a.oceandata:active {text-indent: -3000px; float:left;  width: 100px; height: 12px; background: url(../siteimages/oceandata.gif) 0 0 no-repeat;}
a.oceandata:hover {background-position: -100px 0;}

/* Sub nav */
a.sub:link, 
a.sub:visited,
a.sub:active { text-decoration: none; color: #000;}
a.sub:hover { color: #fff;}

/* Default body links */
a:Link,
a:visited,
a:active{ color: #3399cc; text-decoration: none; }
a:hover{text-decoration: underline; }

a.whiteLink:Link,
a.whiteLink:visited,
a.whiteLink:active{ color: #fff; text-decoration: none; }
a.whiteLink:hover{text-decoration: underline; }

a.blueLink:Link,
a.blueLink:visited,
a.blueLink:active{ color:#3399cc; text-decoration: none; }
a.blueLink:hover{text-decoration: underline; }

a.blueLinkUnderlined:Link,
a.blueLinkUnderlined:visited,
a.blueLinkUnderlined:active{ color:#3399cc; text-decoration: underline; }
a.blueLinkUnderlined:hover{text-decoration: underline; color:#3399cc;}

a.whiteLinkUnderlined:Link,
a.whiteLinkUnderlined:visited,
a.whiteLinkUnderlined:active{ color: #fff; text-decoration: underline; }
a.whiteLinkUnderlined:hover{text-decoration: underline;  color:#3399cc; }

h6 a:link,h6 a:visited,h6 a:active {color:#3399cc; }
h6 a:hover{text-decoration: underline; }

/* Deployment Links */
#deployments a:link, a:visited, a:active {color:#fff; }
#deployments a:hover{text-decoration: underline; }

/* Logos Links */

a.helzel:link, a.helzel:visited, a.helzel:active 
{
  text-indent: -3000px; float:left;  width: 100px; height: 55px; 
  background: url(../siteimages/logo_helzel.png) 0 0 no-repeat; margin-right: 60px; 
}
a.helzel:hover { background-position: -100px 0; }

a.neptune:link, a.neptune:visited, a.neptune:link 
{
  text-indent: -3000px; float:left;  width: 80px; height: 55px; 
  background: url(../siteimages/logo_neptune.gif) 0 0 no-repeat; margin-right: 60px;
}
a.neptune:hover { background-position: -80px 0; }

a.wera:link, a.wera:visited, a.wera:link 
{ 
  text-indent: -3000px; float:left;  width: 86px; height: 55px; 
  background: url(../siteimages/logo_wera.gif) 0 0 no-repeat; margin-right: 60px; 
}
a.wera:hover { background-position: -86px 0; }

a.proudman:link, a.proudman:visited, a.proudman:link 
{
  text-indent: -3000px; float:left;  width: 200px; height: 55px;
  background: url(../siteimages/logo_proudman.gif) 0 0 no-repeat;margin-right: 60px
}
a.proudman:hover { background-position: -200px 0; }

a.met:link, a.met:visited, a.met:link 
{
  text-indent: -3000px; float:left;  width: 36px; height: 55px; 
  background: url(../siteimages/logo_met.gif) 0 0 no-repeat; 
}
a.met:hover { background-position: -36px 0; }

/*Hide Show Divs for testing*/
/*#data_provison, #sub_nav{ display : none;}*/
/*
#nav
#branding
#nav_main
#nav_general
#main_banner
#seaview_highlights
#clients_partners_logos
#siteinfo
#address
#telephone_fax
*/