/* HTML5 Boilerplate */
/* ==========================================================================
   Base styles
   ========================================================================== */
html, button, input, select, textarea { color:#222 }
body { font-size:1em; line-height:1.4 }
::-moz-selection  { background:#f9741f; text-shadow:none }
::selection       { background:#f9741f; text-shadow:none }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
img { vertical-align:middle }
fieldset { border:0; margin:0; padding:0 }
textarea { resize:vertical }

/* ==========================================================================
   Custom styles
   ========================================================================== */

html     { font-family:'Open Sans',sans-serif; color:#3b3b3b; background:url('/img/site/upper_bk.png') repeat-x 0 0 #62605e}
button, input, select, textarea { color: #3b3b3b }
p        { margin:.7em 0 .8em 0 }
menu, ol { padding: 0 0 0 21px }
ul       { padding: 0 0 0 19px }
iframe   { border: none 0 }

.logo    { display:block; width:222px; height:108px; margin:0; float:left }
.wrapper { margin:0 auto; width:1057px; background:url('/img/site/tiled_bk.png') repeat-y 0 0 transparent }
.inner_wrapper { margin-left:28px; width:1000px }
.main    { background:url('/img/site/aside_bk.jpg') repeat-y 80px 0px transparent }

/* header */
.header     { height:108px; position:relative; background:url('/img/site/header_bk.png') no-repeat 0 0 transparent  }
h1.banner   { font-family:'Montserrat',sans-serif; margin:0; color:#fff; left:59px; width:611px; padding:13px 0 0 30px; position:absolute; top:235px; font-size:31px; font-weight:normal; text-transform:uppercase }
.header .meta_links a { color:#666666; text-decoration:none }
.header .meta_links a:hover { color:#1eb8f0 }
.header .meta_links   { color:#666666; font-size:11px; font-family:'Montserrat',sans-serif; font-weight:normal; width:390px; left:582px; top:42px; position:absolute }
.header .meta_links span { color:#3399cc }
.header .client_login { right:36px; top:6px; position:absolute }
.header .client_login a { color:#3399cc; font-size:11px; font-family:'Montserrat',sans-serif; font-weight:normal; text-decoration:none }
.header .client_login a:hover { text-decoration:underline }
.hdr_links { left:937px; top:36px; position:absolute }
.hdr_links a { display:block; height:27px; float:left; width:26px }


/* aside */
.aside      { min-height:200px; width:209px; padding:43px 49px 60px 42px; float:left; font-size:10px; color:#373332 }
.aside p    { margin:.4em  0 .5em 0 }
.aside h1, .aside h2,
.aside h3, .aside h4,
.aside h5, .aside h6 { font-family:'Montserrat',sans-serif; margin:.4em  0 .5em 0; font-size:16px; font-weight:bold; color:#3398cc }
.aside_copy ul { padding:0; margin:0; list-style:none;  }
.aside_copy li { border-top:1px solid #fff; padding:4px 6px 5px 4px }
.aside_copy a { color:#333333; font-size:11px;text-decoration:none }


/* navigation */
nav         { font-family:'Montserrat',sans-serif; width:744px; height:31px }
#nav-div    { width:744px; height:31px; color:#fff8dd; top:77px; left:268px; position:absolute }
#nav-div ul { padding:0; margin:0; list-style:none; display:block; white-space:nowrap }
#nav        { margin:0; padding:0 }
#nav li     { background: url("/img/site/nav_div.jpg") no-repeat scroll right center transparent; display:inline; list-style-type:none; position:relative }
#nav li a   { font-size:11px; font-weight:bold; line-height:1em; padding:10px 14px 10px 9px; color:#fbfbfb; display:inline-block; text-transform:uppercase; text-decoration:none }
#nav li a:hover { color:#024963; text-decoration:none }
#nav li ul  { background: url("/img/site/dropdown_upper_bk.jpg") repeat-x scroll 0 0 #edebeb; margin:0; padding:0; display:none; left:-8px; min-width:100%; position:absolute; text-align:left; top:27px; z-index:100 }
#nav li:hover ul      { display:block }
#nav li ul li    { background-image:none; background-color:transparent; font-weight:normal; padding-bottom:0; display:block; font-size:12px  }
#nav li ul li a  { border-bottom:1px solid #c9c6c4; font-weight:normal; font-size:11px; text-transform:capitalize; color:#615f5d !important; display:block;  padding:12px 16px 12px 17px }
#nav li ul li a:hover { text-decoration:none; background-color:#ffffff; color:#615f5d !important }

/* last link of top nav does not have a divider after it */
#nav li:last-child { background-image:none }

/* footer */
.footer { width:1000px; height:100%; background-color:#383b3c; color:#9a9999; font-size:9px; font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif; line-height:1.5em }
.upper_footer { padding:24px 110px 18px 59px; float:left; height:100%; min-height:24px; width:831px;  border-bottom:solid 1px #545758 }
.lower_credits { height:31px; width:1000px; float:left; clear:both; background-color:#272626; font-weight:bold; color:#ffffff }
.lower_credits a { color:#ffffff }
.lower_credits .copy_row { float:left; margin:10px 0 0 682px }
.link_row { margin-left:59px; height:100% }
.footer_nav_block { float:left; margin:20px 25px 35px 0 }
.footer_nav_block a { color:#9a9999; text-decoration:none }
.footer_nav_block a.bold_upper { font-weight:bold; text-transform:uppercase }
.lower_nav { position:relative }
.footer_social { left:820px; bottom:22px; position:absolute }
.footer_bbb    { left:864px; bottom:6px; position:absolute }

/* standard page */
.main { background:url("/img/site/aside_bk.jpg") repeat-y top right #fff }
.content { float:left; margin:0; width:581px; font-size:13px; line-height:1.37em; padding:45px 60px 53px 59px }
.content blockquote { line-height:24px; font-size:16px; margin:1.2em 0 1.2em 0; border-left:6px solid #c7c6c4; width:534px; color:#666666; padding:0 0 0 28px }
.content_banner { float:left; width:1000px; margin:0 0 0 0 }
.content hr { border-top: 1px solid #e4e4e4; clear:left }
.content a, .content a:visited { color:#29738E }
.content a:hover { color:#F5C5A7 }
h1.page_name { margin-top:0 }
h1, h2, h3, h5, h6 { font-family:'Montserrat',sans-serif; font-weight:normal; line-height: 1em; margin-bottom:.3em }
h1 { font-size:28px; color:#3398cc; font-weight:normal }
h2 { font-size:18px; color:#3398cc }
h3 { font-size:16px; color:#3398cc }
h4 { font-weight:normal; font-size:19px; color:#373332; line-height:1.4em; margin:.5em 0 }
h5 { font-size:14px; color:#3398cc }
h6 { font-size:14px; color:#333333 }


/* home */
.home_big_image_nav { position:absolute; top:577px; height:30px; width:1000px; background:url("/img/site/home_div_bk.jpg") no-repeat 0 0 transparent }
.home_mid   { background:url("/img/site/home_mid_bk.jpg") no-repeat 0 0 transparent; line-height:1.3em }
.home_mid .left   { margin:26px 0 0 59px; float:left; height:213px; width:290px; font-size:13px }
.home_mid .left h1, .home_mid .left h2,
.home_mid .left h3, .home_mid .left h4,
.home_mid .left h5, .home_mid .left h6 { font-size:22px; font-weight:normal; color:#373332 }
.home_mid .right  { margin:26px 0 0 139px; float:left; height:213px; width:451px }
.home_mid .right h1, .home_mid .right h2,
.home_mid .right h3, .home_mid .right h4,
.home_mid .right h5, .home_mid .right h6 { margin-top:16px; font-weight:400; font-size:28px; color:#3398cc }
.home_bot   { background-color:#3398cc }
.home_bot .left   { margin:26px 0 0 59px; float:left; font-size:13px; font-weight:normal;height:224px; color:#fff; width:290px }
.home_bot .left p { margin:.3em 0 .7em 0 }
.home_bot .left h2 { font-family:'Montserrat',sans-serif; font-size:25px; color:#ffffff; font-weight:normal; margin:10px 0 8px 0 }
.home_bot .left h3 a { text-decoration:none; font-family:'Open Sans',sans-serif; font-size:16px; color:#ffffff; font-weight:normal; margin:8px 0 6px 0 }
.home_bot .left h3 { margin:8px 0 6px 0 }
.home_bot .right  { float:left; height:250px; margin-left:79px; width:572px; background:url("/img/site/home_lower_image.jpg") no-repeat 0 0 transparent }
#big-picture-list li { display:inline; margin-right:8px }
#big-picture-list ul { padding:0; float:left; margin: 3px 0 0 880px }
#big-picture { background:url("/img/site/home_back.gif") no-repeat 0 0 white; height:499px }
#big-picture-link { height:469px }


/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir { background-color:transparent; border:0; overflow:hidden;  *text-indent: -9999px }
.ir:before { content: ""; display:block; width:0; height:150% }
.hidden { display:none !important; visibility:hidden }
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto }
.invisible { visibility:hidden }
.clearfix:before,
.clearfix:after { content:" "; display:table }
.clearfix:after { clear:both }
.clearfix { *zoom:1 }

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   ========================================================================== */
@media print {
   * { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important }
   a, a:visited { text-decoration:underline }
   pre,
   blockquote { border:1px solid #999; page-break-inside:avoid }
   thead { display: table-header-group }
   tr, img { page-break-inside:avoid }
   img { max-width:100% !important }
   @page {
      margin:0.5cm;
   }
   p, h2, h3 { orphans: 3; widows: 3 }
   h2, h3 { page-break-after: avoid }
}
