/*
  Layout ~ CSS
  
  Licensed under GPL and MIT.
*/

/* =Debug
----------------------------------------------------------------------------*/
.debug { outline:1px solid red; }

/* =General
----------------------------------------------------------------------------*/
body { width:100%; line-height:16px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#222; }
h1,h2,h3,h4,h5,h6,hgroup, nav { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
a { text-decoration:none; color:#2066B5; }
a:hover { text-decoration:underline; }
ul { list-style:none; padding:0; margin:0; }
ol li { margin-left:25px; }
h3 { font-size:18px; font-weight:bold; margin:10px 0; }
small { font-size:11px; }
input[type=text], textarea, select { width:200px; padding:0 3px; background:#E5E5E4; border:1px solid #d7d7d7; border-radius:3px; -moz-border-radius:3px; }
input[type=text], select { height:25px; line-height:25px; }
textarea { padding:10px; }
label { width:70px; margin-right:5px; line-height:27px; }
article, canvas, aside, nav, footer, header, section { display: block }

.wrapper { width:1000px; max-width:1051px; margin:0 auto; }
.right { float:right; }
.left { float:left; }
.text-center { text-align:right; }
.text-right { text-align:right; }
.inline, .inline li { display:inline; }
.inline li { padding:0 5px; }
.price { font-size:20px; font-weight:bold; }

/* =Buttons
----------------------------------------------------------------------------*/
.button-blue-large { display:inline-block; width:auto; text-align:center; font-weight:bold; font-size:16px; padding:0 25px; height:45px; line-height:45px; background:url(../img/button_blue-large.png) top left; color:#fff; border:1px solid #2ABFF2; border-radius:7px; -moz-border-radius:7px; outline:0; cursor:pointer; text-shadow: 0 0 3px #2ABFF2; }
.button-blue-large:hover { border:1px solid #1193C0; text-shadow: 0 0 3px #1193C0; background:url(../img/button_blue-large-hover.png) top left; }
.button-blue-large:active { border:1px solid #499B2B; text-shadow: 0 0 3px #499B2B; background:url(../img/button_blue-large-active.png) top left; }
.button-gray-small { display:inline-block; text-align:center; font-weight:bold; font-size:12px; padding:0 20px; height:19px; line-height:19px; background:url(../img/button_gray-small.png) top left; color:#3B3939; border:1px solid #d7d7d7; border-radius:3px; -moz-border-radius:3px; cursor:pointer; }
.button-gray-small:hover { border:1px solid #A8A5A5; color:#000; text-decoration:none; }
.button-gray-small:active { border:1px solid #666560; background:#fff; background-image:none; color:#000; text-decoration:none; }


/* =Masthead
----------------------------------------------------------------------------*/
header {
	width:100%;
	height:86px;
	border-top: 10px solid #535050;
	background-color: #c6eaf6;
	background:
	  -webkit-gradient(
	      linear,
	      left top,
	      right top,
	      color-stop(0.21, rgb(255,255,255)),
	      color-stop(0.82, rgb(198,234,246))
	  );
	background:
	  -moz-linear-gradient(
	      left center,
	      rgb(255,255,255) 21%,
	      rgb(198,234,246) 82%
	  );
	behavior: url(ie-css3.htc);
}
header h1 { margin:10px 0 0 0; float:left; }
header h1 a { display:block; width:305px; height:61px; text-indent:-9999px; background:url(../img/ORCAS_final.png) top left no-repeat;  }
/*header .wrapper { width:1051px; padding:0; height:86px; background:url(../img/bg_header-wrapper.png) bottom left no-repeat; }
*/
/* =Utility Navigation
----------------------------------------------------------------------------*/
header #utility { width:290px; }
header #utility fieldset { margin:10px 0; padding:0 0 0 20px; height:25px; line-height:25px; border:1px solid #9CDEF5; border-radius:10px; -moz-border-radius:10px; background:#fff; }
header #utility input { border:none; outline:none; background:#fff; }
header #utility input[type=text] { width:235px; line-height:25px; }
header #utility input[type=image] { vertical-align:middle; }
header #utility input::-webkit-input-placeholder { color:#000; }
header #utility-nav { font-size:11px; height:25px; line-height:25px; list-style:none; padding:0 65px; margin:0; border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  background-clip: padding-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box; background:#535050; }
header #utility-nav a { color:#eee; }
header #utility-nav li { float:left; padding:0 10px; text-align:center; height:25px; line-height:25px; background:url(../img/bg_utility-nav.png) left center no-repeat; }
header #utility-nav li:first-child a { color:#FFC853; font-weight:bold; }
header #utility-nav li:first-child { background-image:none; }

/* =Nav
----------------------------------------------------------------------------*/
nav { clear:both; padding:0; margin:0; height:34px; line-height:34px; border-top:1px solid #E6E6DE; border-bottom:1px solid #969590; background:url(../img/bg_nav.png) top left; }
nav a { color:#2d2c1d; }
nav li { float:left; list-style:none; font-size:16px; }
nav li a { padding:0 23px; display:block; line-height:34px; background:url(../img/primary_nav_li_background.png) top right no-repeat; }
nav li:hover, nav li a.active { background:url(../img/bg_nav-home.png) top left; }
nav li a:hover, nav li a.active { color:#d7d7d7; text-decoration:none; }
nav li:first-child { text-indent:-9999px; border-right:1px solid #E6E6DE; }
nav li:first-child a { background:url(../img/icon_home.png) no-repeat center; width:17px; }
nav li:first-child a:hover { background:url(../img/icon_home_active.png) no-repeat center; width:17px; }
nav .accessibility { height:34px; line-height:34px; padding-left:30px; background:url(../img/icon_accessibility.png) center left no-repeat; }
nav .accessibility a:hover { text-decoration:underline; }
.nav-wrapper { width:1051px; margin: 0 auto; padding:0; height:34px; line-height:34px; }

/* =Content
----------------------------------------------------------------------------*/
article { clear:both; float:left; padding-bottom:20px; width:100%; }
article h1 { font-weight:bold; font-size:36px; color:3b3939; }
article h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#f1592a; }
article h2 span, article h3 { color:#736e6e; }
article h3 { font-weight:100; font-size:18px; line-height:24px; }
article h4 { font-size:16px; font-weight:bold; color:#2cbdf2; }
article h5 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#222; }
article fieldset { padding:0; clear:both; }
article fieldset label { margin-right:5px; float:left; display:block; width:75px; }
article fieldset .left {width:50%; margin:0; }
article fieldset input[type=text] { width:325px; }
article fieldset.small input[type=text] { width:100px; }
article fieldset.small .left { width:33%; }
article #content-body { width:680px; }
article #content-wide, article #content-body.wide { padding:10px 0; clear:both; width:100%; }
article #content-body ul, article #content-wide ul { list-style:disc; padding:0 0 0 20px; margin: 0 0 20px 20px; }
article #content-body.wide .right { width:45%; margin-left:5%; }
article #content-body.wide .left { width:45%; margin-right:5%; }

/* = Breadcrumbs
----------------------------------------------------------------------------*/ 
.breadcrumbs { font-size:11px; color:#626161; margin-bottom:20px; }
.breadcrumbs span { color:#1B66BA; }
.breadcrumbs a { color:#626161; }
.breadcrumbs a:hover { text-decoration:underline; }

/* =Sidebar
----------------------------------------------------------------------------*/
#sidebar { width:265px; max-width:265px; margin-bottom:20px; }
#sidebar .box-white { padding:10px; border:1px solid #DEDFD8; border-radius:7px; -moz-border-radius:7px; }
#sidebar .box-white h4 { margin:10px 0; padding:0 15px;  color:#fff; border-radius:5px; -moz-border-radius:5px; background:#0bb2f0; line-height:28px; }
#sidebar .box-white h4:first-child { margin-top:0; }
#sidebar .box-white h5 { margin:10px 0; }
#sidebar .box-white input[type=text], #sidebar .box-white select, #sidebar .box-white textarea { width:235px; }
#sidebar .box-white textarea { height:200px; width:215px; }
#sidebar .box-white li { margin:5px 0 5px 35px; }
#sidebar .box-white ul li { list-style:disc; }
#sidebar .box-white ol li { list-style:decimal; }

/* =Plotter
----------------------------------------------------------------------------*/
#plotter { height:300px; width:100%; }
.plotter-date-range h5 { text-indent:30px; margin:20px 0 5px 0; padding:0; }
.plotter-date-range .right { margin-right:5px; }
 
/* =Carousel
----------------------------------------------------------------------------*/
#carousel { width:950px; height:250px; position: relative; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:5px; margin:10px 0; }
#carousel div.right { width:600px; }
#carousel .carousel-nav { position:absolute; font-size:11px; bottom:10px; right:10px; float:left; }
#carousel .carousel-nav li { height:15px; width:15px; line-height:15px; text-align:center; float:left; margin:0 3px; }
#carousel .carousel-nav a { border-radius:3px; -moz-border-radius:3px; background:#fff; display:block; }
#carousel .carousel-nav a:hover, #carousel .carousel-nav .current { background:#000; color:#fff; }
.coda-slider, .coda-slider .panel { width: 950px }
.coda-slider-wrapper { clear: both; overflow: hidden; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* =Sort By
----------------------------------------------------------------------------*/
.sort-by { line-height:24px; line-height:24px; margin:20px 0 10px 0; padding-right:10px; text-align:right; margin:10px 0; text-transform:lowercase; border-top:1px solid #ECECE5; border-bottom:1px solid #ECECE5; }
.sort-by a:hover { text-decoration:underline; }

/* =Blocks
----------------------------------------------------------------------------*/
.row-2, .row-3 { height:155px; }
.row-2, .row-3, row-4 { clear:both; width:100%; height:155px; }
.row-2 h3, .row-3 h3 { margin:0 0 5px 0; line-height:20px; font-weight:bold; }
.row-2 .block, .row-3 .block { height:135px; margin:10px; padding: 0 0 10px 0; border-bottom:1px solid #ECECE5; }
.row-2 .button-gray-small, .row-3 .button-gray-small { margin:10px 0; }
.row-2 .block p, .row-3 .block p { margin-bottom:10px; }
.row-2 .block:first-child, .row-3 .block:first-child, .row-4 .block:first-child { margin-left:0; }
.row-2 .block:last-child, .row-3 .block:last-child, .row-4 .block:last-child { margin-right:0; }
.row-3 .right { width:65%; }
.row-3 .block { float:left; width:32%; max-width:32%; }
.row-4 .block { width:20%; margin:0 15px; padding:10px; float:left; border:1px solid #ECECE5; border-radius:7px; -moz-border-radius:7px; }
.row-4 .block h5 { margin-bottom:0; font-size:14px; }
.row-4 .block h6 { margin:0 0 10px 0; font-weight:normal; }

/* =Footer
----------------------------------------------------------------------------*/
footer { width:100%; clear:both; height:225px; border-top:1px solid #E6E6DE; text-align:right; background:url(../img/bg_footer.png) bottom left repeat #686564; color:#383434; }
footer aside { margin-bottom:10px; font-size:11px; text-align:left; padding:0 5px; height:31px; line-height:31px; background:url(../img/bg_footer-aside.png) top left; color:#e9e9e9; }
footer aside a { color:#fff; text-decoration:underline; }
footer aside a:hover { text-decoration:underline; }
footer aside p { line-height:31px; margin:0; }
footer aside ul { margin:0; padding:9px 0; list-style:none; }
footer aside li { float:left; line-height:12px; border-right:1px solid #fff; }
footer aside li:first-child { text-indent:-9999px; }
footer aside li:first-child a { background:url(../img/icon_home-footer.png) center left no-repeat; width:10px; }
footer aside li:first-child a:hover { background:url(../img/icon_home-footer-active.png) center left no-repeat; }
footer aside li:first-child, footer aside li:last-child { border-right:none; }
footer aside ul a { text-decoration:none; padding:0 7px; display:block; }
footer img { vertical-align: text-top; margin-left:20px; }
footer small a { color:#383434; font-weight:bold; }
footer .wrapper { padding-left:50px; }

/* =Tables
----------------------------------------------------------------------------*/