@charset "utf-8";
/* The kick-ass CSS by http://www.focus97.com */

/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that. */
/* Reset by: http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.2; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End the Reset.  Now let the games begin. */

body { background-color: #FFFFFF; text-align: center; margin: 0px; height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 1.4em; }
#header { height: 81px; width: 100%; background-image: url(images/header-bg.jpg); background-repeat: repeat-x; }
#header #headerinterior { height: 81px; width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; }
#headerinterior #abovemenu { background-color: #0e3867; position: absolute; height: 15px; width: 572px; top: 0px; right: 0px; z-index: 6; }
#headerinterior #menu { position: absolute; height: 106px; width: 571px; right: 0px; z-index: 5; top: -5px; padding-left: 1px; background-image: url(images/menu-bg.jpg); background-repeat: no-repeat; background-position: left 20px; }
#menu ul#topnav { float: left; position: relative; }
#menu #topnav li { float: left; }
#menu #topnav img.selected { margin-top: 20px; }
#logo { position: absolute; left: 0px; top: 12px; background-image: url(images/hypoxia-lab-logo.png); height: 64px; width: 253px; background-position: left top; }
#logo:hover { background-position: left bottom; }
#logo h1 { text-indent: -9999px; height: 100%; }
#logo a { display: block; height: 100%; width: 100%; }
#bodycontent { background-color: #F6F4F5; position: relative; width: 100%; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #f7f4f4; border-bottom-color: #b0b0b0; background-image: url(images/body-content-interior-bg.jpg); background-repeat: repeat-x; background-position: left top; }
#bodycontent.homepage { background-image: url(images/interior-homepage-bg.jpg); background-repeat: repeat-x; background-color: #BEBEC0; }
.bodyinterior { text-align: left; width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; }
.homepage { height: 400px; background-repeat: no-repeat; }
#homepagehover-1 { height: 400px; width: 650px; overflow: hidden; position: absolute; background-repeat: no-repeat; background-image: url(images/home-hover-bg.jpg); background-position: left 15px; }
#homepagehover-1 #topleft img { position: absolute; left: 0px; top: 15px; }
#homepagehover-1 #topright { position: absolute; top: 15px; right: 0px; }
#homepagehover-1 #bottomleft { position: absolute; left: 0px; bottom: 14px; }
#homepagehover-1 #bottomright img { position: absolute; right: 0px; bottom: 14px; }
#listticker { height:400px; width:280px; overflow:hidden; ; position: absolute; top: 0px; right: 0px; padding-right: 10px; padding-left: 8px; background-image: url(images/news-bg.png); background-repeat: repeat-y; background-position: 1px top; z-index: 2; }
#listticker li { list-style:none; height:100px; list-style:none; background-color: #0E3867; margin-bottom: 19px; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-image: url(images/interior-homepage-bg.jpg); background-repeat: repeat-x; background-position: left center; text-transform: uppercase; font-size: 10px; line-height: 12px; color: #263446; }
#listticker li:hover { background-image: url(images/interior-homepage-bg.jpg); background-repeat: repeat-x; background-position: left bottom; }
#listticker a { color:#000000; text-decoration: none; }
#listticker .news-title { display:block; font-size:14px; color: #0F3768; line-height: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; margin-top: 4px; }
#listticker .news-text { display:block; color:#263446; text-transform: uppercase; margin-top: 5px; }
#listticker img { float:left; margin-right:14px; padding:4px; border:1px solid #FFFFFF; }
#footer { background-image: url(images/footer-bg.jpg); background-repeat: repeat-x; position: relative; width: 100%; }
#footer #footerinterior { height: 151px; width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; }
#footerNav { margin: 0 auto; padding: 0; width: 970px; text-align: left; font-weight:bold; height: 151px; background-image: url(images/footer-logo-bg.jpg); background-repeat: no-repeat; background-position: right 5px; }
#footerNav a { text-decoration: none; text-transform: uppercase; }
#footerNav ul { width: 100%; }
#footerNav ul li { /* The main container for each list */ float: left; width: 195px; height: 165px; overflow-y:auto; /* Makes them overlap */ color:#616161; /* List headings */ text-transform: uppercase; background-color: transparent; padding-top: 25px; padding-right: 30px; padding-bottom: 0; padding-left: 30px; }
#footerNav ul li a { color: #264567; font-size: 10px; line-height: 14px; background-color: transparent; display: block; height: 100%; width: 100%; }
#footerNav ul li:hover { /* Hover over the list wrappers */ background-position: left top; background-image: url(images/footer-bg.png); background-repeat: no-repeat; }
#footerNav ul li:hover a { color: #39516D; background-color: #FFFFFF; background-image: none; }
#footerNav ul li ul { margin: 12px 0 0 0; padding: 0; }
#footerNav ul li ul li { background: none; padding: 0; margin: 0; height: auto; overflow: visible; }
#footerNav ul li:hover a:hover { color: #618ec2; background-image: none; background-color: #FFFFFF; }
#footerLogo { display: block; clear: left; width: 900px; margin: 0 auto; border-top: 1px solid #e5e5e5; padding: 22px 0 8px 0; }
a { text-decoration: none; color: #0B5AEE; outline: none; }

a:hover { text-decoration: none; color: #666; outline: none; }
h2 { font-size: 2em; font-weight: normal; color: #4278B3; margin-bottom: 10px; float: left; line-height: 1em; text-transform: uppercase; margin-right: 20px; }
h3 { font-weight: normal; color: #0E3867; font-size: 1.2em; }
h4 { color: #7592B4; font-weight: normal; font-size: 80%; line-height: 1.1em; margin-bottom: 15px; }
img.clients { display: block; float: left; margin: 15px; }
img.imghoverout { margin-top: 20px; }
.tab-header-image { position: relative; left: -15px; margin-bottom: 15px; display: block; top: -15px; }
.equipimage { float: left; border: 1px solid #fff; color: #DDDDDD; padding: 2px; margin-right: 15px; margin-bottom: 5px; }

.ui-tabs-panel ul { margin-top: 10px; margin-bottom: 20px; }
.ui-tabs-panel li { color: #0E3867; list-style-type: disc; font-size: 80%; margin-left: 25px; width: 60%; background-color: #D2D2D2; line-height: 1.2em; margin-top: 2px; margin-bottom: 4px; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; }
.headshot { color: #fff; padding: 2px; margin-right: 5px; margin-bottom: 5px; margin-left: 15px; border: 1px solid #4278B3; }
.facebook { position: absolute; right: 170px; bottom: -25px;}