/*
	 *  @2008
	 * Screen 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 { height: 100%; background: #e80000 url(../images/bg-html.gif) repeat-y 240px 0; }

body { height: 100%; color: #7b7b7b; background: url(../images/bg-body.gif) repeat-x 0 0; font: normal 0.68em/1.4em Arial, Tahoma, Helvetica, sans-serif; }





a { text-decoration: none; }
a:focus, a.focus, a:hover { text-decoration: underline; }


.aural { position: absolute; left: -100em; }
.hide { display: none; }
.disc li { margin: 0.2em 2em; list-style-type: disc; }
.margin3 { margin: 4em 10em; }
.margin3 li { margin: 1em 0; }
.right { float: right; }
.all-right { float: right; clear: right; }


/* structure */
#logo { width: 255px; float: left; }

#nav { position: relative; width: 671px; height: 71px; float: left; margin: 24px 0 0; background: url(../images/bg-nav.png) no-repeat 0 0; }
#nav li { float: left; }
#nav li a { position: relative; display: block; height: 41px; margin: 5px 0 0 -2px; text-indent: -100em; overflow: hidden; z-index: 1; }
#nav li.nav-item-1 a { width: 84px; margin: 5px 0 0 20px; background: url(../images/nav-item-1.png) no-repeat 0 0; }
#nav li.nav-item-2 a { width: 105px; background: url(../images/nav-item-2.png) no-repeat 0 0; }
#nav li.nav-item-3 a { width: 132px; background: url(../images/nav-item-3.png) no-repeat 0 0; }
#nav li.nav-item-4 a { width: 105px; background: url(../images/nav-item-4.png) no-repeat 0 0; }
#nav li.nav-item-5 a { width: 100px; background: url(../images/nav-item-5.png) no-repeat 0 0; }
#nav li.nav-item-6 a { width: 97px; background: url(../images/nav-item-6.png) no-repeat 0 0; }
#nav li ul { position: absolute; left: 21px; top: 46px; display: none; width: 572px; height: 33px; padding: 0 20px; z-index: 3; }
#nav li ul li { margin: 5px 0 0 -2px; padding: 0 10px; background: url(../images/bg-divider-2.png) no-repeat 100% 50%; }
#nav li ul li.last-item { background: none; }
#nav li ul li a { display: inline; text-indent: 0; margin: 0; color: #fff; background: none !important; }
#nav li ul li a.active { font-weight: bold; }
#nav li.nav-item-2 ul { background: url(../images/bg-nav-2.png) no-repeat 0 0; }
#nav li.nav-item-3 ul { background: url(../images/bg-nav-3.png) no-repeat 0 0; }
#nav li.nav-item-4 ul { background: url(../images/bg-nav-4.png) no-repeat 0 0; }
#nav li.nav-item-5 ul { background: url(../images/bg-nav-5.png) no-repeat 0 0; }

#nav li a:hover { background-position: 0 -82px; z-index: 2; }
#nav li.active a { background-position: 0 -41px; z-index: 3; }
#nav li.active a:hover { background-position: 0 -41px; z-index: 2; }
#nav li.active ul  { display: block; }


#page { width: 926px; min-height: 100%; clear: both; overflow: hidden; background: url(../images/bg-page.gif) no-repeat 255px 95px; }

/* right side */
#menu { width: 180px; float: right; margin: 40px 55px 0 10px; padding: 30px 0 10px; }
#menu h4 { height: 20px; padding: 10px 5px 0; background: #fff url(../images/bg-gradient-2.png) repeat-x 0 0; font-size: 1em; }
#menu .photo { display: block; position: relative; }
#menu .photo img { display: block; }
#menu .new { position: absolute; top: -19px; right: 19px; display: block; width: 38px; height: 38px; background: url(../images/icon-new.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#menu ul { margin: 10px 5px; }
#menu ul a { padding: 0 13px 0 0; color: #7b7b7b; background: url(../images/icon-more.png) no-repeat 100% 5px; font-size: 10px;  }
#menu ul a:hover { color: #ef4035; background-position: 100% -39px; text-decoration: none; }
#menu .box { min-height: 165px; margin: 0 0 2em; }
#menu .info { background-color: #f3f3f4; }
#menu div.hover, 
#menu .state:hover { background-color: #e7e7e8; }
#menu .box p { padding: 5px; font-size: 0.8em; }
#menu .box a { color: #7b7b7b; }
#menu .state a.more { padding: 0 13px 0 0; color: #7b7b7b; background: url(../images/icon-more.png) no-repeat 100% 5px; font-size: 10px;  }
#menu .state a.more:hover { color: #ef4035; background-position: 100% -39px; text-decoration: none; }

#content { width: 375px; float: right; margin: 0 0 71px; padding: 40px 10px 0 25px; }
#content h2 { line-height: 1.3em; margin: 0 0 1em; font-size: 2em; }
#content h3 { height: 15px; clear: both; margin: 40px 0 15px; padding: 5px; background: url(../images/bg-gradient-2.png) repeat-x 0 100%; font-size: 1.1em; font-weight: bold; }
#content h5 { color: #7b7b7b; font-size: 1em; font-weight: bold; }
#content p { margin: 0 0 1em; }
#content .disc p { margin: 0; color: #7b7b7b; }
#content .btn-top { position: relative; float: right; margin: -30px 0 0; padding: 0 7px 0 0; font-size: 9px; color: #7a7a7a; background: url(../images/icon-top.png) no-repeat 100% 20%; }
#content .prod-image { float: right; clear: both; margin: -40px -205px 50px 0; }
#content .project-image { float: right; clear: both; margin: -45px -215px 0 0; padding: 40px 20px 0; background: url(../images/bg-gradient-2.png) repeat-x 0 0; }


/* left side */
#side-nav { width: 235px; float: left; padding: 271px 10px 0; background: url(../images/bg-side-nav.jpg) no-repeat 0 0; }
#side-nav .box { width: 114px; line-height: 1.2em; float: left; margin: 0 1px; padding: 15px 0 0; background: url(../images/bg-box-top.gif) no-repeat 0 0; font-size: 1em; word-spacing: -0.2ex }
#side-nav .box .inner { width: 105px; min-height: 215px; float: left; padding: 0 5px 5px 4px; color: #fff; background: url(../images/bg-box-bottom.gif) no-repeat 0 100%; }
#side-nav .box .inner p { padding: 5px; }
#side-nav .box h5 { margin: 0 1px 5px; color: #fff; font-size: 1em; font-weight: bold; }
#side-nav .box a { padding: 0 6px 0 0; color: #fff; background: url(../images/icon-raquo-3.png) no-repeat 100% 5px; font-weight: bold; }
#side-nav .box .more { float: left; margin: 0 5px; }
#side-nav .box ul { padding: 0 5px; }

#side-nav div.hover .inner,
#side-nav .box:hover .inner { color: #696a6c; background-position: -114px 100%; }
#side-nav div.hover a,
#side-nav .box:hover a { color: #696a6c; background-position:100% -35px;}
#side-nav .box a:hover { color: #ef4135; background-position:100% -74px;}


#footer { width: 100%; height: 71px; clear: both; margin: -71px 0 0; overflow: hidden; background: url(../images/bg-footer.gif) no-repeat 0 0; }

#footer ul { width: 245px; float: left; margin: 47px 5px 0; }
#footer ul li { float: left; padding: 0 4px 0 6px; background: url(../images/bg-divider.png) no-repeat 0 6px; }
#footer ul li a { color: #fff; font-size: 10px; font-family: Tahoma }
#footer ul li.f-item-1 { background: none; }
#footer #logos { width: 250px; height: 25px; float: right; margin: 15px 0 0 450px; padding: 35px 0 0; }
#footer #logos a, #footer #logos span { width: 40px; height: 40px; float: left; margin: -35px 3px 0; }
#footer #logos #made-by {width: 90px; height: 40px; float: right; margin: +20px -70px 0px; }
#footer #logos #p {width: 40px; height: 40px; float: right; margin: +20px -70px 0px; }
 

/* colors */

.red h2,
.red h3,
.red h4,
.red .req,
.red a,
.red .disc li, li.red { color: #ef4035; }


.green h2,
.green h3,
.green h4,
.green .req,
.green a,
.green .disc li, li.green { color: #0db14b; }
.green #products-list h5 a:hover { background-color: #0db14b; }

.blue h2,
.blue h3,
.blue h4,
.blue .req ,
.blue a,
.blue .disc li, li.blue  { color: #00adef; }
.blue #products-list h5 a:hover { background-color: #00adef; }

.yellow h2,
.yellow h3,
.yellow h4,
.yellow .req,
.yellow a,
.yellow .disc li, li.yellow { color: #f7931d; }
.yellow #products-list h5 a:hover { background-color: #f7931d; }


.grey h2,
.grey h3,
.grey h5,
.grey .req,
.grey a,
.grey .disc li, li.grey { color: #7b7b7b; }


/* Alliance subpage */
#full-content { background-image: url(../images/bg-html-2.gif);  }
#full-content #page { background-image: url(../images/bg-page-2.gif);  }
#full-content #footer { background-image: url(../images/bg-footer-2.gif);  }
#full-content #content { width: 575px; padding: 40px 55px 0 25px; }
#full-content #content .content { margin: 2em 0 0; clear: both; }
#full-content #content .content p { width: 330px; }

/* content */

form ol { margin: 0 0 1em; overflow: hidden; }
form ol li { min-height: 20px; clear: both; padding: 4px 0; }
form ol li label { width: 100px; float: left; }
form ol li strong { font-weight: bold; }
form ol li .text,
form ol li textarea { width: 250px; float: right; border: 1px solid #dadbdc; background: #e7e7e8; }
form ol li textarea { height: 150px; }
form ol li ul li { width: 49%; float: left; clear: none;}
form ol li ul li span { float: left; border: 1px solid #dadbdc; background: #e7e7e8; }
form ol li ul li label { width: 140px; margin: 2px 0 0 7px; }
form #required { float: left; }
form .image { float: right; }
#msg { clear: both; padding: 2em 0 0; }
#msg label { width: 130px; }
#msg textarea  { width: 220px; }
#contact-form #msg label { width: 100px; }
#contact-form #msg textarea  { width: 250px; }

#address { margin: 1em 0; }
#address li { clear: both; }
#address em { font-weight: bold; }
#address span { width: 50px; float: left; }
#address strong { float: left; }

#products-list { width: 380px; margin: 0 -20px 0 0; }
#products-list h5 { position: relative; height: 55px; font-weight: bold; font-size: 1em; overflow: hidden; }
#products-list h5 a,
#products-list h5 span { position: absolute; bottom: 0; display: block; width: 91px; padding: 30px 10px 10px; color: #777; background: #e7e7e8; font-size: 1.1em; font-weight: bold; }
#products-list h5 a:hover { color: #fff; text-decoration: none; }
#products-list li { width: 111px; height: 126px; float: left; margin: 0 15px 20px 0; padding: 10px 0 0; background: url(../images/bg-gradient-3.png) repeat-x 0 100%; overflow: hidden; }
#products-list li img { display: block; }

.alliances-list { width: 550px; border-bottom: 1px solid #eee; overflow: hidden; }
.alliances-list li { width: 120px; height: 40px; float: left; margin: 4px 0 -1px; padding: 0 15px 20px 0; border-bottom: 1px solid #eee; }


.dropdown { position: relative; width: 200px; height: 27px; margin: 0 0 4em; background: #fff url(../images/bg-dropdown.png) no-repeat 0 0; z-index: 0;	 }
.dropdown ul { position: absolute; top: 4px; left: 0; width: 100%; height: 19px; padding: 0 0 11px; background: url(../images/bg-dropdown-ul.png) no-repeat 0 100%; overflow: hidden; z-index: 19; }
.dropdown li a { display: none; height: 13px; padding: 2px 3px 4px; color: #ef4035; background: #fff url(../images/bg-dropdown-li.png) repeat-y 0 0; text-decoration: none; }
.dropdown li a:hover { color: #333; background-color: #c5c5c5 }
.dropdown ul.hover { height: auto; z-index: 20; }
.dropdown ul.hover li a  { display: block; position: static; }
.dropdown ul.hover li.active a { display: block; position: static; color: #fff; background-color: #606977; } 
.dropdown li.active a { position: absolute; left: 0; top: 0; display: block; width: 100%; z-index: 2; }
.hover { z-index: 20; }

.division h4 { margin: 3em 0 1em; padding: 5px; background: url(../images/bg-gradient-2.png) repeat-x 0 100%; font-size: 1em; font-weight: bold; }
.division ul li.hide { padding: 0 0 0 130px; }

.division ul li.hide h5 { width: 245px; float: right; }

.division ul li.hide img { float: left; margin: 0 0 0 -130px; }
.division .multiply-list .active a { font-weight: bold; }

#sitemap li { margin: 0 0 1em 1em; list-style-type: disc; }
#sitemap li li { margin: 0 0 0 1em; }
#sitemap li a { font-size: 1.1em; font-weight: bold; }
#sitemap li li a { font-size: 1em; font-weight: normal; }
#sitemap li li li a { font-size: 1em; font-weight: normal; }

#logos p, #logos #made-by {display:none;}