/*
	 * JL @2008
	 * Screen CSS
	 *
	 *
	 */

@import "fibrotech-typo.css";


html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

html {  }
body { color: #464646; font: 10pt Arial; }


.aural { position: absolute; left: -100em; }
.clear { display: block; height: 0; clear: both; visibility: hidden; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
.flash-replaced embed {  }
.disc li { margin: 0 0 0 1em; list-style: disc; padding-left:1.4em;}

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#wrapper:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */
#page { width: 920px; margin: 0 auto; padding: 5px 0 0; }

/* top */
#top { height: 230px; background: url(../images/bg-top.jpg) no-repeat 0 100%; }
#top #logo { display: block; width: 276px; height: 56px; float: right; }
#top #head { width: 400px; height: 90px; float: right; clear: both; margin: 60px 20px 0; background: url(../images/bg-header.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

#nav { height: 65px; }
#nav li { width: 153px; float: left; }
#nav li a { display: block; width: 100%; height: 65px; text-indent: -100em; overflow: hidden; }
#nav li.item-1 a { background: url(../images/nav-item-1.png) no-repeat 0 0; }
#nav li.item-2 a { background: url(../images/nav-item-2.png) no-repeat 0 0; }
#nav li.item-3 a { background: url(../images/nav-item-3.png) no-repeat 0 0; }
#nav li.item-4 a { background: url(../images/nav-item-4.png) no-repeat 0 0; }
#nav li.item-5 a { background: url(../images/nav-item-5.png) no-repeat 0 0; }
#nav li.item-6 { width: 155px; }
#nav li.item-6 a { background: url(../images/nav-item-6.png) no-repeat 0 0; }
#nav li a:hover { background-position: 0 -65px; }
#nav li a.active { background-position: 0 -130px; }



#wrapper { position: relative; min-height: 380px; padding: 20px 20px 10px; border: 1px solid #b7b7b7; background: url(../images/bg-gradient-1.png) repeat-x 0 0; }





/* bar */

#menu { position: absolute; width: 220px; top: 20px; bottom:  17px; padding: 19px; border: 1px solid #7ab800; background: #eff6df url(../images/bg-gradient-2.png) repeat-x 0 0; z-index: 1001; }

#menu h4 { height: 25px; margin: 0 0 10px; text-indent: -100em; overflow: hidden; }
#menu li { width: 220px; height: 60px; padding: 3px 0; }
#menu li a { display: block; width: 220px; height: 60px; text-indent: -100em; overflow: hidden; }
#menu li a:hover { background-position: 0 -60px !important; }
#menu li a.active { background-position: 0 -120px !important; }

#menu .hot-news .news { width: 200px; height: 40px; margin: 3px 0; padding: 10px; background: url(../images/bg-hot-news.png) no-repeat 0 0; text-align: right; }
#menu .hot-news li h5 { margin: 0 0 0.2em; font-size: 1.2em; white-space: nowrap; }
#menu .hot-news li h5 a { display: block; color: #0072bc; font-weight: bold; text-indent: 0; }
#menu .hot-news li h5 a img { display: block; }
#menu .hot-news li h5#hn-1 a { width: 220px; height: 60px; background: url(../images/upload/hail_new_drugs-over.png) no-repeat 0 0 !important; }
#menu .hot-news li h5#hn-1 a:hover img { display: none; }

.section-1 #menu h4 { background: url(../images/hd-section-1.png) no-repeat 100% 0; }

.section-2 #menu h4 { background: url(../images/hd-section-2.png) no-repeat 100% 0; }
.section-2 #menu li.item-1 a { background: url(../images/menu-item-2-1.png) no-repeat 0 0; }
.section-2 #menu li.item-2 a { background: url(../images/menu-item-2-2.png) no-repeat 0 0; }
.section-2 #menu li.item-3 a { background: url(../images/menu-item-2-3.png) no-repeat 0 0; }

.section-3 #menu h4 { background: url(../images/hd-section-3.png) no-repeat 100% 0; }
.section-3 #menu li.item-1 a { background: url(../images/menu-item-3-1.png) no-repeat 0 0; }
.section-3 #menu li.item-2 a { background: url(../images/menu-item-3-2.png) no-repeat 0 0; }

.section-4 #menu h4 { background: url(../images/hd-section-4.png) no-repeat 100% 0; }
.section-4 #menu li.item-1 a { background: url(../images/menu-item-4-1.png) no-repeat 0 0; }
.section-4 #menu li.item-2 a { background: url(../images/menu-item-4-2.png) no-repeat 0 0; }

.section-5 #menu h4 { background: url(../images/hd-section-5.png) no-repeat 100% 0; }
.section-5 #menu li.item-1 a { background: url(../images/menu-item-5-1.png) no-repeat 0 0; }
.section-5 #menu li.item-2 a { background: url(../images/menu-item-5-2.png) no-repeat 0 0; }
.section-5 #menu li.item-3 a { background: url(../images/menu-item-5-3.png) no-repeat 0 0; }
.section-5 #menu li.item-4 a { background: url(../images/menu-item-5-4.png) no-repeat 0 0; }

.section-6 #menu h4 { background: url(../images/hd-section-6.png) no-repeat 100% 0; }
.section-6 #menu .contact-det,

.section-6 #menu h2 { display: none }

.section-6 #menu .contact-det1 { display: block; width: 217px; height: 270px; background: url(../images/img-contact.png) no-repeat 0px 0; text-indent: -100em; overflow: hidden; }

/*
.section-6 #menu .contact-det { display: block; line-height: 1.7em; margin: 0 0 1em; color: #231f20; text-align: right; }
.section-6 #menu .contact-det span { display: block; font-weight: bold; text-align: right; }
.section-6 #menu .contact-det a { color: #231f20; font-weight: bold; }
.section-6 #menu .contact-det abbr { color: #8dc63f; border: 0; }
.section-6 #menu .contact-det .last { margin: 1em 0 0; }

.section-6 #menu .phone-contact { background: url(../images/icon-plus.png) no-repeat 108px 4px } / *6, 7 * /
*/

/* Contact Form */

#contact { width: 552px; }
#contact td {
 padding: 0 10px 10px 0;
 width: 33%;
 font-size: 12px;
}
.button {
 border: 1px solid #630063;
 background: White;
 font-size: 11px;
}
#contact input.text, 
#contact textarea, 
#contact select {
 padding: 1px;
 border: 1px solid #630063;
 width: 100%;
}
#contact textarea {
 height: 110px;
}
.required {
 color: #d30e45;
 font-weight: bold;
}



#sponsers {
 margin: 1em 17px 1em 18px;
}

#sponsers li {
 padding: .5em 0;
 border-bottom: solid 1px #acacac;
 text-align: center;
}

#sponsers li:last-child {
 border-bottom: none;
}


#comment {
 width: 500px !important;
}
/* footer */
#footer { width: 880px; height: 15px; clear: both; margin: 0 auto; padding: 3px 20px 8px; color: #525252; background: #b7b7b7 url(../images/bg-footer.png) repeat-x 0 0; }
#footer p { width: 215px; height: 17px; text-indent: -100em; overflow: hidden; }
#footer p a { font-weight: bold; }
#footer #copy { float: left; background: url(../images/bg-footer-copy.png) no-repeat 0 0; }
#footer #design { float: right; background: url(../images/bg-footer-design.png) no-repeat 0 0; }