body {margin: 0;padding: 0;font-family: verdana, tahoma, arial;font-size: 0.69em; background-color: #f9f9f9;}

#header { background: transparent url(../images/background/header.png) repeat-x left top; height: 60px;}
#header .wrap { width: 980px; margin: 0 auto;}
#header ul { width: 700px; padding-top: 13px; float: left; }
#header ul li { float: left; }
#header ul li.back { background: url(../images/background/menu-arrow.gif) no-repeat bottom center; width: 9px; height: 48px; z-index: 8;position: absolute; }
#header ul a { display: block; height: 40px; background: transparent url(../images/background/menu.png) no-repeat; z-index: 10; position: relative; overflow: hidden;}
#header ul a:hover, #header ul li.active a { background: transparent url(../images/background/menu-hover.png) no-repeat; }
#header ul #menu0 { width: 55px; background-position: 0px 0;}
#header ul #menu1 { width: 56px; background-position: -55px 0;}
#header ul #menu2 { width: 75px; background-position: -111px 0;}
#header ul #menu3 { width: 84px; background-position: -186px 0;}
#header ul #menu4 { width: 140px; background-position: -270px 0;}
#header ul #menu5 { width: 115px; background-position: -410px 0;}
#header ul #menu6 { width: 120px; background-position: -525px 0;}
#header #language {float: right; height: 25px;}
#header .language { color: #0099CC;  line-height: 25px; margin: 0 10px 0 0; display: block; text-align: right; _display: inline; }
#header form { float: right; clear: right; width: 250px; text-align: right; position: relative;}
#header form input { width: 124px; height: 21px; overflow: hidden; padding: 2px 10px 0 10px; border: none; background: transparent url(../images/background/search.gif) no-repeat left top; _background-attachment: fixed; color: #696767; font-size: 1.09em;}
#header form img { position: absolute; top: 2px; right: 8px; _top: 4px; }

#separator { height: 0px; overflow: hidden; border-top: 1px solid #fff; border-bottom: 3px solid #616161; margin-bottom: 14px;}
#wrap { width: 980px; margin: 0 auto; min-height: 500px; _height: 500px;}
#wrap #banner { margin-bottom: 18px;}
#wrap #banner img { border: 0; vertical-align: middle; width: 980px;}
#wrap #tabs { width: 980px; height: 37px; background: transparent url(../images/background/tabs.gif) no-repeat; margin-bottom: 15px;}
#wrap #tabs li { float: left;  font-size: 1.09em; color: #555;}
#wrap #tabs li.first { background: transparent url(../images/background/tabs-separator.gif) no-repeat right;  line-height: 35px; padding: 0 15px;}
#wrap #tabs li a { color: #555; display: block; padding: 10px 15px;}
#wrap #tabs li a:hover, #wrap #tabs li a.active { background-color: #eee; }
#wrap ul.featured { height: 235px;  display: none; display: block;}
#wrap ul.featured li { width: 222px; height: 215px; float: left; margin-right: 3px; padding: 10px; background: transparent url(../images/background/featured.gif) no-repeat; position: relative; }
#wrap ul.featured li div {height: 225px; background: transparent none no-repeat bottom center; }
#wrap ul.featured h2 { color: #0099CC; font-size: 1.27em; margin: 0; }
#wrap ul.featured h2 a { color: #0099CC; }
#wrap ul.featured a.more { width: 222px; height: 130px; position: absolute; /* color: #0099CC; float: right; margin: 4px 10px 0 0; _position: relative; */ }

#wrap h1 { font-size: 2.45em; color: #3f3f3f; font-weight: normal; border-bottom: 1px solid #9c9c9c; margin: 0 0 10px 0; padding: 6px 0 3px 3px; }
#wrap h1.alt { border: none; margin-bottom: 5px; float: left; }
#wrap h2 { font-size: 1.45em; color: #000; margin: 0; font-weight: normal; }
#wrap h2 a { color: #000; }
#wrap h3 { font-size: 1.09em; color: #A2A1A1; margin: 1px 0 5px 0; }
#wrap .line { border-top: 1px solid #9c9c9c; }

#wrap #submenu { width: 980px; height: 36px; background: transparent url(../images/background/submenu.gif) no-repeat; margin-top: 14px; }
#wrap #submenu ul { float: right; padding-right: 10px; }
#wrap #submenu ul li { float: left; background: transparent url(../images/background/submenu-separator.gif) no-repeat left 13px; padding: 0 8px; }
#wrap #submenu ul li.first { background-image: none; }
#wrap #submenu a { font-size: 1.09em; color:#6C6969; line-height: 36px; }
#wrap #submenu li.active a, #wrap #submenu a:hover { color: #0099CC; }
#wrap #submenu-department { float: right; margin-top: 20px; }
#wrap #submenu-department li { float: left; padding: 0 15px; }
#wrap #submenu-department a { font-size: 1.09em; color: #7D7D7D; }
#wrap #submenu-department li.active a, #wrap #submenu-department a:hover { color: #000; }
#wrap #submenu-project { float: right; border-bottom: 1px solid #f00; height: 20px; }
#wrap #submenu-project li { float: left; padding: 0 15px; }
#wrap #submenu-project a { font-size: 1em; color: #7D7D7D;	 z-index: 10; position: relative; overflow: hidden; }
#wrap #submenu-project li.active a, #wrap #submenu-project a:hover { color: #000; }
#wrap #submenu-project li.back { background: url(../images/background/submenu-arrow.gif) no-repeat bottom center; width: 9px; height: 10px; z-index: 8; position: absolute; }

#wrap .frame h1 { color: #0099CC; border: none; font-size: 2.08em; margin: 0 0 10px 15px; }
#wrap .frame h1.alt { float: left; margin-bottom: 2px; }
#wrap .frame h2 { margin: 0 0 0 20px; line-height: 25px; font-size: 1.09em; float: left; }
#wrap .frame h2.details { margin: 20px 0 10px 0; font-size: 1.18em; float: none; }
#wrap .frame h3.details { margin: 0; font-size: 1em; float: none; color: #7D7D7D; font-weight: normal; }
#wrap .frame h3 { margin: 0 0 0 15px; line-height: 25px; padding: 0; font-size: 1em; font-weight: normal; float: left; }
#wrap .frame h3.alt { float: none; }
#wrap .frame .paging { clear: none; margin: 20px 0 0 0; }
#wrap .frame .paging-bottom { padding: 0 0 10px 0; }
#wrap .frame .back { font-size: 0.8em; margin-top: 10px; }
#wrap .frame .top { width: 980px; height: 8px; background: transparent url(../images/background/frame-top.gif) no-repeat; overflow: hidden; }
#wrap .frame .middle { background: #fff url(../images/background/frame-middle.gif) repeat-y; padding: 5px 0 0 0; color: #666666; font-size: 1.09em; min-height: 360px; _height: 360px; /*  _height: 0; peek-a-boo */ }
#wrap .frame .padder {padding: 0px 15px;}
#wrap .frame .bottom { width: 980px; height: 28px; background: transparent url(../images/background/frame-bottom.gif) no-repeat; overflow: hidden; text-align: center; font-size: 0.91em; }
#wrap .frame .bottom a { color: #fff; line-height: 25px; }
#wrap .frame .bottom a:hover { text-decoration: underline; }

#wrap .website { margin: 5px 0 3px 0; }
#wrap .website a { font-size: 1.10em; color: #a1a1a1; }
#wrap .website a:hover { text-decoration: underline; color: #0099cc; }
#wrap .project { width: 224px; height: 214px; padding: 10px; font-size: 0.91em; color: #666666; float: left; margin: 15px 95px 0px 0; }
#wrap .project img { border: 0; vertical-align: middle; width: 209px; height: 125px; }
#wrap .project h2 { float: none; margin: 0; font-size: 1.20em; line-height: normal; }
#wrap .project p.gallery a{ font-size: 1.10em; color: #f00; }

#wrap ul.gallery {margin-right: 5px; _display: inline; }
#wrap ul.gallery li{ float: left; margin-right: 10px; position: relative; }
#wrap ul.gallery li img { background: transparent url(../images/background/gallery.gif) no-repeat; padding: 4px; width: 65px; height: 48px; border: none; }
#wrap ul.gallery-right { float: right; margin-left: 20px; }

#wrap #help-left { width: 740px; float: left; padding-bottom: 35px; }
#wrap #help-right { width: 200px; float: right; }
#wrap #help-left h2 { float: none; }
#wrap #help-left #format { text-align: center; padding-top: 10px; }
#wrap #help-left #format a{ margin: 0 20px; font-size: 1.25em; color: #7d7d7d; }
#wrap #help-left #format a:hover, #wrap #help-left #format a.active { color: #000; }
#wrap #help-left .video {margin: 0 auto; width: 640px;}
#wrap #help-left .video #flvplayer {display:block; width:640px; height:400px;}
#wrap #help-video li { float: left; width: 350px; font-size: 0.91em; margin: 0 15px 15px 0; }
#wrap #help-video li a{ color: #0099CC; }
#wrap #help-video li span { margin-top: 20px; display: block; }
#wrap #help-video li a:hover span { text-decoration: underline; }
#wrap #help-video li img { border: none; vertical-align: middle; margin-right: 10px; width: 67px; height: 67px; float: left; }
#wrap #help-video li.last { float: none; text-align: right; width: auto; clear: both;}
#wrap #help-video li.last a { color: #7D7D7D; }
#wrap #help-video li.last a:hover { text-decoration: underline; }
#wrap #help-topics li{ width: 350px; float: left; }
#wrap #help-topics h3 { float: none; font-weight: normal; color: #7d7d7d; margin: 7px; }
#wrap #help-topics ul li { list-style-type: square; line-height: 20px; margin: 0 15px 0 25px; width: 310px; float: none; }
#wrap #help-topics ul li a { color: #0099CC; font-size: 0.91em; }
#wrap #help-topics ul li a:hover { text-decoration: underline; }
#wrap #sitemap li{ float: left; width: 300px; margin: 0 25px 30px 0; }

#wrap #sitemap li.spacer { clear: both; float: none; }
#wrap #sitemap ul li { float: none; margin: 0; width: auto; }
#wrap #sitemap a { color: #666666; line-height: 15px; }
#wrap #sitemap a:hover{ color: #0099CC; }

#wrap #contacts { width: 190px; height: 172px; background: #e9f1f1 url(../images/background/contacts.gif) no-repeat; margin-top: 5px; padding: 5px; font-size: 0.91em; }
#wrap #contacts h2 { margin-left: 10px; float: none; }
#wrap #files{ margin-top: 10px; }
#wrap #files li { padding: 5px 5px 5px 15px; }
#wrap #files li a{ color: #0099CC; font-size: 0.91em; }
#wrap #files li a:hover { text-decoration: underline; }

#wrap #topic h3 { font-size: 1em; float: none; }
#wrap #topic li { list-style: square; padding: 0; margin: 0 0 0 25px; }
#wrap #topic li.first {list-style-type: none;}
#wrap #topic li a{ color: #0099CC; font-size: 0.91em; }
#wrap #topic li a:hover { text-decoration: underline; }
#wrap #topic li a.active {color: #000; }

#wrap #search { margin-top: 10px; }
#wrap #search li { padding: 5px 5px 5px 15px; }
#wrap #search li a{ color: #0099CC; font-size: 1.20em; }
#wrap #search li a:hover { text-decoration: underline; }

#wrap .paging { clear: both; float: right; margin: 5px 0; padding: 0 10px; font-size: 0.91em; color: #0099CC; }
#wrap .paging a.alt { color: #959595; }
#wrap .paging a { color: #0099CC; }
#wrap .paging a:hover { text-decoration: underline; }
#wrap .paging span { color: #000; }
#wrap .back { font-size: 0.91em; color: #959595; float: right; padding: 10px; }
#wrap .object { padding: 0 30px 0 10px; margin: 20px 0 20px 0; color: #666666; }
#wrap .rightmost { margin-right: 0; }

#wrap .contacts { padding: 0 0 15px 35px; }
#wrap .contacts p { margin-bottom: 5px; }
#wrap .contacts h2 { float: none; margin: 0; font-weight: bold;  }
#wrap .contacts input.field, #wrap .contacts textarea { color: #666666; font-family: verdana, tahoma; font-size: 1em; border: 1px solid #d0d0d0; padding: 5px; width: 400px; }
#wrap .contacts textarea { width: 500px; }
#wrap .contacts input.submit { border: 0; background-color: #595959; color: #adadad; padding: 2px 5px; }
#wrap .contacts .error { color: #f00; margin-left: 5px; font-size: 1.4em; line-height: 15px; }

#footer { width: 980px; margin: 15px auto 0 auto; padding-bottom: 8px; clear: both; font-size: 0.91em;}
#footer #address { float: left; color: #000; padding: 0 0 3px 3px; }
#footer ul.menu { float: right;}
#footer ul.menu li { float: left; background: transparent url(../images/background/footer-menu-separator.gif) no-repeat right center; padding: 0 6px;}
#footer ul.menu li.last { background-image: none;}
#footer ul.menu li a { color: #0099CC;}
#footer ul.menu li a:hover { text-decoration: underline;}
#footer .line { border-top: 1px solid #666666;}
#footer #copyrights, #footer #copyrights a#login { padding: 3px 0 0 3px;	color: #999999;}

.slider { position: relative; overflow: hidden; } 
.slider ul { overflow: hidden; position: relative; left: 0;top: 0;}
.slider li { width: 980px; float: left; }
.slider-nav {  width: 100%; height: 30px; bottom: 0; position: absolute; text-align: center;}
.slider-nav a { color: #fff; padding: 2px; text-decoration: none;}
.slider-nav a.dot { font-size: 2em; margin: 0 3px; }
.slider-nav a.active { color: #f90;}

a.slider-prev{ float: left; display: none;  } 
a.slider-next{ float: right; display: none;  } 
.spacer-small {padding-top: 15px;}
.spacer {margin-bottom: 25px;}
.clear {clear: both; height: 0; overflow: hidden; }
ul, li, p, form { margin: 0; padding: 0; }
li {list-style-type: none;}
a {text-decoration: none; outline: none; }
.rich a { color: #0099CC; text-decoration: none; }