@charset "utf-8";
/* CSS Document */

/* global styles */
div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, img {
margin: 0px;
padding: 0px;
}
body {
background: #465053 url(../_images/interface/header_bkgd.gif) repeat-x top;
margin: 0;
padding: 0;
text-align: center;
font-size: 100%;
font-family: Verdana, Geneva, sans-serif;
}
a:link {color: #ccc;border-style: none;text-decoration: none;outline: none;}
a:visited {
color: #ccc;
outline: none;
text-decoration: none;
}
a:hover {color: #fff;}
a:active {color: #fff;}
/* area styles */
.contentul {
margin-left: 20px;
margin-bottom: 1.4em;
}
.contentul2 {
margin-left: 40px;
list-style: url(none) none outside;
}
.sitemapul {
margin-left: 10px;
list-style: none outside;
}
#mainContent h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #000;
padding-bottom: 10px;
padding-top: 2px;
font-weight: bold;
line-height: normal;
}
#wrapper {
width: 856px;
margin: 0 auto;
text-align: left;
background: #fff url(../_images/interface/header_bkgd.gif) repeat-x top;
}
#wrapperContent {
background: #465053 url(../_images/interface/side_border.jpg) repeat-x;
margin: 0px auto;
text-align: center;
}
#wrapperBotBorder {
background: #FFF;
margin: 0px auto;
height: 80px;
}
#wrapperFooter {
margin: 0px auto;
text-align: center;
height: 125px;
}
#header {
height: 102px;
width: 856px;
background: url(../_images/interface/header_bkgd.gif) repeat-x top;
margin: 0px auto;
padding-top: 0px;
position: relative;
}
#header #logo {
height: 102px;
width: 217px;
position: absolute;
left: 28px;
}
/* Nav Setup */
#navbar {height: 84px;width: 385px;position: absolute;right: 28px;}
#nav {height: 84px;width: 385px;background: url(../_images/interface/nav_buttons.gif);margin: 0;padding: 0;position: relative;}
#nav li {float: left;list-style: none;}
#nav li a {position: absolute;top: 0;margin: 0;padding: 0;display: block;height: 84px;background: url(../_images/interface/nav_buttons.gif) no-repeat;text-indent: -9999px;overflow: hidden;}
/* Button Link */
li#list1 a {left: 0;width: 71px;background: 0 0;}
li#list2 a {left: 71px;width: 71px;background: -71px 0;}
li#list3 a {left: 142px;width: 71px;background: -142px 0;}
li#list4 a {left: 213px;width: 101px;background: -213px 0;}
li#list5 a {left: 314px;width: 71px;background: -314px 0;}
/* Highlight State */
li#list1 a:hover {background: url(../_images/interface/nav_buttons.gif) 0 -84px;}
li#list2 a:hover {background: url(../_images/interface/nav_buttons.gif) -71px -84px;}
li#list3 a:hover {background: url(../_images/interface/nav_buttons.gif) -142px -84px;}
li#list4 a:hover {background: url(../_images/interface/nav_buttons.gif) -213px -84px;}
li#list5 a:hover {background: url(../_images/interface/nav_buttons.gif) -314px -84px;}
/* Selected State */
#body_home li#list1 a {background: url(../_images/interface/nav_buttons.gif) 0 -252px;}
#body_about li#list2 a {background: url(../_images/interface/nav_buttons.gif) -71px -252px;}
#body_projects li#list3 a {background: url(../_images/interface/nav_buttons.gif) -142px -252px;}
#body_req li#list4 a {background: url(../_images/interface/nav_buttons.gif) -213px -252px;}
#body_contact li#list5 a {background: url(../_images/interface/nav_buttons.gif) -314px -252px;}
/* Content area */
#mainContent {
width: 788px;
text-align: left;
margin: 0px auto;
height: 380px;
background: url(../_images/interface/content_bkgd.jpg);
position: relative;
padding: 10px 30px 10px 38px;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.7em;
color: #e6e6e6;
line-height: 1.4em;
}
#mainContent #leftColumn {
width: 295px;
height: 370px;
position: absolute;
text-align: left;
padding-top: 10px;
}
#mainContent #leftColumn #pInfoTitle {
text-align: left;
float: left;
width: 90px;
margin-bottom: 10px;
padding-bottom: 5px;
color: #fff;
}
#mainContent #leftColumn #pInfo {
float: left;
width: 195px;
border-left: 1px solid #CCC;
padding-left: 5px;
margin-bottom: 10px;
padding-bottom: 5px;
}
#mainContent #rightColumn {
position: absolute;
left: 341px;
height: 370px;
border-left: 1px solid #ccc;
width: 295px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
#mainContent #sideImage {
height: 380px;
width: 165px;
position: absolute;
right: 32px;
}
#mainContent #projectContent {
position: absolute;
left: 341px;
height: 380px;
border-left: 1px solid #ccc;
width: 480px;
text-align: left;
float: right;
padding-left: 2px;
}
#mainContent #projectContent #pIndex {
height: 350px;
width: 460px;
padding-right: 10px;
padding-left: 10px;
position: absolute;
background: url(../_images/interface/p_navdivider.png) no-repeat bottom;
padding-top: 10px;
}
#mainContent #projectContent #pcProgress {
height: 15px;
width: 380px;
text-align: left;
padding-top: 5px;
padding-left: 5px;
top: 360px;
position: absolute;
float: left;
}
/* Nav Setup */
#mainContent #projectContent #pcPrev a{
height: 20px;
float: left;
width: 25px;
top: 360px;
position: absolute;
right: 30px;
font-size: 0.8em;
background: url(../_images/interface/p_nav.png) 50px top;
display: block;
margin-right: 5px;
outline: none;
}
#mainContent #projectContent #pcNext a{
height: 20px;
float: left;
width: 25px;
top: 360px;
position: absolute;
right: 0px;
font-size: 0.8em;
background: url(../_images/interface/p_nav.png) 25px top;
display: block;
margin-right: 5px;
outline: none;
}
/* Nav Links */
#mainContent #projectContent #pcPrev a:link, #mainContent #projectContent #pcPrev a:visited{background-position: 50px top;border: 0;}
#mainContent #projectContent #pcPrev a:hover, #mainContent #projectContent #pcPrev a:active{background-position: 50px bottom;border: 0;}
#mainContent #projectContent #pcNext a:link, #mainContent #projectContent #pcNext a:visited{background-position: 25px top;border: 0;}
#mainContent #projectContent #pcNext a:hover, #mainContent #projectContent #pcNext a:active{background-position: 25px bottom;border: 0;}
.projectSum {
height: 75px;
width: 125px;
float: left;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 5px;
font-size: 0.9em;
line-height: normal;
border-left: 1px solid #aaa;
margin-left: 10px;
}
#mainContent #projectImage {
position: absolute;
left: 341px;
height: 380px;
border-left: 1px solid #ccc;
width: 480px;
text-align: left;
padding-left: 2px;
float: right;
font-size: 0.8em;
}
#mainContent #projectImage #pImage {
height: 360px;
width: 480px;
background: url(../_images/interface/p_navdivider.png) no-repeat bottom;
text-align: center;
}
#mainContent #projectImage #pProgress {
height: 15px;
float: left;
width: 355px;
text-align: left;
padding-top: 5px;
padding-left: 5px;
}
/* Nav Setup */
#mainContent #projectImage #pZoom a{height: 20px;float: left;width: 25px;margin-right: 5px;background: url(../_images/interface/p_nav.png);display: block;outline: none;}
#mainContent #projectImage #pBack a{height: 20px;float: left;width: 25px;margin-right: 5px;background: url(../_images/interface/p_nav.png) 75px top;display: block;outline: none;}
#mainContent #projectImage #pPrev a{height: 20px;float: left;width: 25px;margin-right: 5px;background: url(../_images/interface/p_nav.png) 50px top;display: block;outline: none;}
#mainContent #projectImage #pNext a{height: 20px;float: left;width: 25px;background: url(../_images/interface/p_nav.png) 25px top;display: block;outline: none;}
#mainContent #projectImage #pEmpty{height: 20px;float: left;width: 25px;margin-right: 5px;}
/* Nav Links */
#mainContent #projectImage #pZoom a:link, #mainContent #projectImage #pZoom a:visited{background-position: left top;border: 0;}
#mainContent #projectImage #pZoom a:hover, #mainContent #projectImage #pZoom a:active{background-position: left bottom;border: 0;}
#mainContent #projectImage #pBack a:link, #mainContent #projectImage #pBack a:visited{background-position: 75px top;border: 0;}
#mainContent #projectImage #pBack a:hover, #mainContent #projectImage #pBack a:active{background-position: 75px bottom;border: 0;}
#mainContent #projectImage #pPrev a:link, #mainContent #projectImage #pPrev a:visited{background-position: 50px top;border: 0;}
#mainContent #projectImage #pPrev a:hover, #mainContent #projectImage #pPrev a:active{background-position: 50px bottom;border: 0;}
#mainContent #projectImage #pNext a:link, #mainContent #projectImage #pNext a:visited{background-position: 25px top;border: 0;}
#mainContent #projectImage #pNext a:hover, #mainContent #projectImage #pNext a:active{background-position: 25px bottom;border: 0;}
/* Homepage */
#homeContent {
width: 856px;
text-align: left;
margin: 0px auto;
height: 400px;
background: url(../_images/interface/home.jpg);
position: relative;
color: #e6e6e6;
}
#homeContent #titleImage {
height: 200px;
width: 794px;
position: absolute;
left: 31px;
}
#homeContent #homeWelcome {
height: 86px;
width: 310px;
position: relative;
left: 40px;
top: 260px;
text-align: left;
font-size: 0.8em;
line-height: 1.3em;
}
#homeContent #homeInfo {
height: 40px;
width: 300px;
position: relative;
left: 40px;
top: 260px;
font-size: 0.7em;
text-align: left;
}
#homeContent #homeupdate {
height: 40px;
width: 300px;
position: relative;
right: 40px;
top: 220px;
font-size: 0.7em;
text-align: right;
float: right;
}
#botBorderContent {
height: 80px;
width: 856px;
margin: 0px auto;
background: url(../_images/interface/content_bot_bkgd.gif);
}
#footer {
margin: 0px auto;
width: 799px;
padding-top: 12px;
position: relative;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #aaa;
height: 110px;
line-height: 14px;
background: url(../_images/interface/footer_wtm.gif) no-repeat right top;
padding-left: 28px;
padding-right: 28px;
}
.linkfooter a:link {color: #aaa;outline: none;}
.linkfooter a:visited {color: #aaa;text-decoration: none;outline: none;}
.linkfooter a:hover {color: #FFF;}
.linkfooter a:active {color: #fff;}

#footer #links01 {
width: 90px;
height: 60px;
border-right: 1px solid #888;
border-left: 1px solid #888;
text-align: left;
padding-left: 10px;
padding-top: 5px;
float: left;
}
#footer #links02 {
width: 90px;
height: 60px;
border-right: 1px solid #888;
text-align: left;
padding-left: 10px;
padding-top: 5px;
float: left;
}
#footer #contact01 {
width: 100px;
height: 60px;
border-left: 1px solid #888;
text-align: left;
padding-left: 10px;
padding-top: 5px;
float: right;
}
#footer #contact02 {
width: 120px;
height: 60px;
border-left: 1px solid #888;
text-align: left;
padding-left: 10px;
padding-top: 5px;
float: right;
}
#footer #contact03 {
width: 100px;
height: 60px;
border-right: 1px solid #888;
border-left: 1px solid #888;
text-align: right;
padding-top: 5px;
float: right;
padding-right: 10px;
}
#footer #sooch {
position: absolute;
top: 80px;
right: 38px;
text-align: right;
color: #888;
}
#mainContent #smColumn1 {
width: 240px;
height: 370px;
text-align: left;
padding-top: 10px;
float: left;
padding-right: 10px;
}
#mainContent #smColumn2 {
height: 370px;
border-left: 1px solid #ccc;
width: 246px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
float: left;
}
#mainContent #smColumn3 {
height: 370px;
border-left: 1px solid #ccc;
width: 246px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
float: left;
}
.linksitemap a:link {color: #ccc;outline: none;}
.linksitemap a:visited {color: #ccc;text-decoration: none;outline: none;}
.linksitemap a:hover {color: #fff;}
.linksitemap a:active {color: #fff;}