/*
 Screen style    
 Site: GMD Bio Advance
*/
body { font-size: 75%; padding: 0; background: #666 url(../images/bg/body.gif) center top repeat-y;  }

/* Auto clearing floats */
#inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Wrapper */
#wrapper { width: 850px; background: #FEFEFE; margin: 0 auto; }

/* Header */
#header { position: relative; height: 135px; background: #fff url(../images/bg/header.gif) bottom no-repeat; margin-bottom: 20px; }
#header .logo { margin: 0; position: absolute; top: 20px; left: 19px; }
#header .logo img { display: block; }

/* Navigation */
#nav { height: 36px; width: 539px; position: absolute; top: 99px; left: 305px; }
#nav .accessibility { display: none; }
#nav li { float: left; }
#nav a { display: block; height: 36px; line-height: 36px; margin-left: 7px; overflow: hidden; position: relative; text-align: center; text-decoration: none; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover { background-color: #D1E3EE; color: #6BA8C5; }
#nav a:hover span, #nav a.current span { background-position: left bottom; }
#nav a#nav01 { width: 60px; margin: 0; }
#nav a#nav02 { width: 83px; }
#nav a#nav03 { width: 101px; }
#nav a#nav04 { width: 170px; }
#nav a#nav05 { width: 95px; margin-left: 9px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }

/* Top */
#top { margin: 0 20px 0 19px; background: #88BAD4 url(../images/bg/top.jpg) no-repeat; height: 141px; position: relative; }
#top h1 { position: absolute; top: 73px; left: 27px; margin: 0; }
#top .decorative { display: block; top: 0; right: 0; position: absolute; }

/* Inner */
#inner { background: #fff; margin: 30px 52px 65px 19px; }

/* Content */
#content { float: right; width: 532px; margin-top: -6px; min-height: 255px; }
#content ul { margin: 0 0 0.75em 2px; }
#content ul li { background: url(../images/bg/dot.gif) 0 7px no-repeat; padding-left: 12px; }
#content ol { margin: 0 0 0.75em 25px; }
#content ol li { list-style: decimal; }
.note { margin-top: 1.5em; }

/* Figure */
.figure { margin-bottom: 20px; }
.figure h3 { font-style: italic; margin-bottom: 30px; }
.figure img { display: block; }

/* Button */
.button { margin: 50px 0 0 135px; }
.button img { display: block; }

/* Sidebar */
#sidebar { float: left; width: 211px; background: url(../images/bg/sidebar.jpg) 0 32px no-repeat; min-height: 355px; }
#sidebar h2 { text-transform: uppercase; font-size: 1em; }
#sidebar h2.ir { width: 211px; height: 32px; }

/* Secondary navigation */
.sec-nav { width: 175px; padding: 13px 0 0 11px; line-height: 1.25; }
.sec-nav li { background: url(../images/bg/sec-nav-line.gif) bottom no-repeat; }
.sec-nav a { color: #70ABC7; display: block; padding: 7px 0 7px 12px; width: 163px; }
.sec-nav a.current, .sec-nav a:hover { background: url(../images/bg/sec-nav-arrow.gif) 0 10px no-repeat; text-decoration: none; }

/* Footer */
#footer { clear: both; background: url(../images/bg/footer.gif) no-repeat; font-size: 0.92em; color: #767575; padding: 10px 17px 30px 16px; }
#footer p { margin: 0; }
#footer .copy { float: left; }
#footer .links { float: left; text-transform: lowercase; }
#footer .links li { float: left; background: url(../images/bg/footer-sep.gif) left center no-repeat; padding-left: 8px; margin-left: 7px; }
#footer .links a { color: #767575; }
#footer .by { float: right; }

/* Titles */
.title-home { width: 385px; height: 59px; }
.title-home span { background-image: url(../images/text/title-home.gif); }
.subtitle-home { width: 247px; height: 22px; position: absolute; top: 162px; left: 421px; }
.subtitle-home span { background-image: url(../images/text/subtitle-home.gif); }
.title-projects { width: 102px; height: 44px; }
.title-projects span { background-image: url(../images/text/title-projects.gif); }
.title-about-us { width: 83px; height: 16px; }
.title-about-us span { background-image: url(../images/text/title-about-us.gif); }
.title-technology { width: 111px; height: 16px; }
.title-technology span { background-image: url(../images/text/title-technology.gif); }
.title-contact-us { width: 103px; height: 16px; }
.title-contact-us span { background-image: url(../images/text/title-contact-us.gif); }
.title-sidebar-about-us span { background-image: url(../images/text/title-sidebar-about-us.gif); }
.title-sidebar-technology span { background-image: url(../images/text/title-sidebar-technology.gif); }
#sidebar h2.title-latest-news { width: 304px; height: 32px; }
#sidebar h2.title-latest-news span { background-image: url(../images/text/title-latest-news.gif); }

/* Home page */
.home #inner { margin: 30px 27px 53px 48px; }
.home #top { height: 236px; background: url(../images/top/home.jpg) no-repeat; margin: 0 20px; }
.home #top h1 { top: 103px; left: 375px; }
.home #content { width: 428px; float: left; margin-top: 0; }
.home h2 { margin-bottom: 0; }
.home #sidebar { width: 304px; float: right; background-image: url(../images/bg/sidebar-home.jpg); }

/* Home page feature */
.feature { border-top: 1px solid #A6CADD; padding-top: 17px; margin-top: 21px; }
.feature img { border: 1px solid #B3B3B3; padding: 3px; float: left; display: block; }
.feature .inner { margin-left: 87px; }
.feature h3 { color: #6BA8C5; font-size: 1.42em; font-weight: normal; margin: -3px 0 0 0; }
.feature p { font-size: 0.92em; color: #333; }

/* Home page news */
#sidebar .news { padding: 17px 25px 15px 15px; font-size: 0.92em; color: #333; line-height: 1.36; }
#sidebar .news div { border-bottom: 1px solid #D1E3EE; padding-bottom: 12px; margin-bottom: 12px; }
#sidebar .news h3 { margin: 0; font-weight: normal; color: #6BA8C5; }
#sidebar .news p { margin: 0; }

/* Contact us */
.contact #inner { margin: 30px 64px 60px 48px; }
.contact #content { width: auto; float: none; }
.contact #content ul { margin: 0; }
.contact #content ul li { padding: 0; background: none; }
.contact-col1 { float: left; width: 150px; margin: 7px 0 0 45px; }
.contact-col2 { float: left; width: 195px; margin: 7px 50px 0 50px; }
.contact-col3 { float: left; width: 225px; margin-top: 7px; }
.contact .contact-col1 p { margin-bottom: 1.5em; }
.contact .contact-col2 h3.second { margin-top: 0.7em; }
.contact .role { margin: 0; }