body
{
    font-family: Arial, sans-serif;
    background-color: #FFFFFF;
    font-size: 79%;
    line-height: 165%;
    color: #000000;
    text-decoration: none;
    margin: 0px;
}

h2
{
    margin: 0px;
    padding: 0px;
}

h4
{
    margin: 0px;
    padding: 15px 0px 5px 0px;
    font-weight: bold;
    font-size: 109%;
    color: #003984;
}

.underTitle
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 91%;
    color: #666666;
}

h5
{
    margin: 0px;
    padding: 10px 0px 5px 0px;
    font-weight: normal;
    font-size: 109%;
    color: #003984;
}

p
{
    margin: 0px;
    padding: 10px 0px 5px 0px;
}

a
{
    color: #0070F9;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    color: #000000;
}


#wrapper
{
    width: 900px;
    margin: 0 auto;
    padding: 0px;
}

#header
{
    border-top: solid 14px #E3E3E3;
    width: 900px;
    height: 73px;
    padding: 15px 0px 15px 0px;
}

#logo
{
    float: left;
}

#logo a
{
    display: block;
    width: 80px;
    height: 73px;
    background: url(Assets/logo.gif) no-repeat;
    border: none;
}

#headerRight
{
    float: right;
    position: relative;
    width: 631px;
    height: 73px;
}

#headerNav
{
}

#headerNav ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#headerNav li
{
    float: right;
    padding: 0px;
    margin: 0px;
    font-size: 181%;
    font-weight:bold;
}


#strapLine
{
    position: absolute;
    bottom: 0px;
}

#page
{
    clear: both;
    width: 900px;
}

#topContent
{
    width: 900px;
}

#nav
{
    float: left;
    width: 255px;
    height: 300px;
    margin: 0px 10px 0px 0px;
    background: url(Assets/Nav/navBg.png) no-repeat;
}

#nav ul
{
    margin: 0px;
    margin-top: -15px;
    padding: 0px;
    list-style: none;
    width: 205px;
    padding: 21px 25px 0px 25px;
}

#nav li
{
    width: 185px;
    margin: 0px;
    padding: 8px 0px 8px 20px;
    border-bottom: solid 1px #0070F9;
}

#nav li.bottom
{
    width: 185px;
    margin: 0px;
    padding: 8px 0px 8px 20px;
    border-bottom: none;
}

#nav li a.home
{
    display: block;
    width: 30px;
    height: 12px;
    background: url(Assets/Nav/home.gif) no-repeat;
}

#nav li a.home:hover
{
    background: url(Assets/Nav/homeOver.gif) no-repeat;
}

#nav li a.aboutUs
{
    display: block;
    width: 51px;
    height: 12px;
    background: url(Assets/Nav/aboutUs.gif) no-repeat;
}

#nav li a.aboutUsActive
{
    display: block;
    width: 51px;
    height: 12px;
    background: url(Assets/Nav/aboutUsOver.gif) no-repeat;
}

#nav li a.aboutUs:hover
{
    background: url(Assets/Nav/aboutUsOver.gif) no-repeat;
}

#nav li a.benefits
{
    display: block;
    width: 48px;
    height: 12px;
    background: url(Assets/Nav/benefits.gif) no-repeat;
}

#nav li a.benefitsActive
{
    display: block;
    width: 48px;
    height: 12px;
    background: url(Assets/Nav/benefitsOver.gif) no-repeat;
}

#nav li a.benefits:hover
{
    background: url(Assets/Nav/benefitsOver.gif) no-repeat;
}

#nav li a.system
{
    display: block;
    width: 39px;
    height: 12px;
    background: url(Assets/Nav/system.gif) no-repeat;
}

#nav li a.systemActive
{
    display: block;
    width: 39px;
    height: 12px;
    background: url(Assets/Nav/systemOver.gif) no-repeat;
}

#nav li a.system:hover
{
    background: url(Assets/Nav/systemOver.gif) no-repeat;
}
#nav li a.news
{
    display: block;
    width: 29px;
    height: 11px;
    background: url(Assets/Nav/news.png) no-repeat;
}

#nav li a.newsActive
{
    display: block;
    width: 29px;
    height: 11px;
    background: url(Assets/Nav/newsOver.png) no-repeat;
}

#nav li a.news:hover
{
    background: url(Assets/Nav/newsOver.png) no-repeat;
}

#nav li a.mipim
{
    display: block;
    width: 33px;
    height: 12px;
    background: url(Assets/Nav/mipim.gif) no-repeat;
}

#nav li a.mipimActive
{
    display: block;
    width: 33px;
    height: 12px;
    background: url(Assets/Nav/mipimOver.gif) no-repeat;
}

#nav li a.mipim:hover
{
    background: url(Assets/Nav/mipimOver.gif) no-repeat;
}


#nav li a.projects
{
    display: block;
    width: 90px;
    height: 12px;
    background: url(Assets/Nav/project.gif) no-repeat;
}

#nav li a.projectsActive
{
    display: block;
    width: 90px;
    height: 12px;
    background: url(Assets/Nav/projectOver.gif) no-repeat;
}

#nav li a.projects:hover
{
    background: url(Assets/Nav/projectOver.gif) no-repeat;
}

#nav li a.contacts
{
    display: block;
    width: 51px;
    height: 12px;
    background: url(Assets/Nav/contacts.gif) no-repeat;
}

#nav li a.contactsActive
{
    display: block;
    width: 51px;
    height: 12px;
    background: url(Assets/Nav/contactsOver.gif) no-repeat;
}

#nav li a.contacts:hover
{
    background: url(Assets/Nav/contactsOver.gif) no-repeat;
}

#nav li a.technical
{
    display: block;
    width: 83px;
    height: 12px;
    background: url(Assets/Nav/technical.gif) no-repeat;
}

#nav li a.technicalActive
{
    display: block;
    width: 83px;
    height: 12px;
    background: url(Assets/Nav/technicalOver.gif) no-repeat;
}

#nav li a.technical:hover
{
    background: url(Assets/Nav/technicalOver.gif) no-repeat;
}

#nav li a.sustainability
{
    display: block;
    width: 84px;
    height: 12px;
    background: url(Assets/Nav/sustainability.gif) no-repeat;
}

#nav li a.sustainabilityAcitve
{
    display: block;
    width: 84px;
    height: 12px;
    background: url(Assets/Nav/sustainabilityOver.gif) no-repeat;
}

#nav li a.sustainability:hover
{
    background: url(Assets/Nav/sustainabilityOver.gif) no-repeat;
}



#footer
{
    width: 850px;
    margin: 20px 0px 0px 0px;
    padding: 5px 25px 10px 25px;
    border-top: solid 15px #003984;
}

#footer ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#footer li
{
    float: left;
    padding: 0px 8px 0px 8px;
    background: url(Assets/headerSplitLine.gif) no-repeat 0px 5px;
}

#footer li.first
{
    float: left;
    padding: 0px 7px 0px 0px;
    background: none;
}

#footer li.right
{
    float: right;
    padding: 0px 0px 0px 0px;
    background: none;
}

#footer li a
{
    color: #999999;
    text-decoration: none;
    font-weight: normal;
}

#footer li a.btnActive
{
    color: #000000;
}

#footer li a:hover
{
    text-decoration: underline;
}

#flashContent
{
    float: left;
    width: 635px;
    height: 300px;
}


#bottomContent
{
    clear: both;
    width: 900px;
    margin: 5px 0px 0px 0px;
}

#leftContent
{
    float: left;
    width: 255px;
    margin: 0px 10px 0px 0px; 
}

#rightContent
{
    float: left;
    width: 635px;
    margin: 0px 0px 0px 0px; 
}


#pageTitle
{
    width: 635px;
    height: 27px;
    border-bottom: solid 1px #CCCCCC;
    margin: 15px 0px 10px 0px;
    padding: 7px 0px 0px 0px;
}

#pageImage
{
    width: 635px;
    height: 240px;
}

#pageImageComp
{
    width: 635px;
}

.doubleColumnHolder
{
    float: left;
    width: 680px;
}

.doubleColumn
{
    float: left;
    width: 640px;
    margin: 0px 40px 0px 0px;
}

.mainColumn
{
    float: left;
    width: 300px;
    margin: 0px 40px 0px 0px;
}

.rightColumn
{
    float: left;
    width: 220px;
    margin: 0px 0px 0px 0px;
}

.rightPageColumn
{
    float: left;
    width: 200px;
    margin: 0px 0px 0px 0px;
}

.leftColumn
{
    float: left;
    width: 245px;
    margin: 0px 10px 0px 0px;
    padding: 0px 10px 0px 0px;
}

.leftColumn ul 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.leftColumn li
{
    margin: 0px;
    padding: 2px 20px 2px 20px;
    list-style: none;
    border-bottom: solid 1px #CCCCCC;
}

.leftColumn ul li a
{
    color: #003984;
}

.leftColumn ul li a.on
{
    color: #FCA90B;
}

.leftColumn ul li a:hover
{
  
    color: #FCA90B;
}

.leftColumn ul li ul
{
    margin: 0px;
    padding: 0px 0px 2px 0px;
    list-style: none;
}

.leftColumn ul li ul li
{
    margin: 0px;
    padding: 1px 0px 1px 0px;
    border: none;
}

.leftColumn ul li ul li a
{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.leftColumn ul li ul li a.subOn
{
    font-size: 11px;
    font-weight: normal;
    color: #0070F9;
}

.leftColumn ul li ul li a:hover
{
    color: #0070F9;
}

.pageColumn
{
    float: left;
    width: 425px;
    margin: 0px 10px 0px 0px;
}

.pageColumnFull
{
    float: left;
    width: 635px;
    min-height: 250px;
    margin: 0px 0px 15px 0px;
}
.compColumnFull
{
    float: right;
    clear:right;
    width: 635px;
    /*min-height: 250px;*/
    margin: 0px 0px 15px 0px;
}

.projectColumnFull
{
    float: left;
    width: 620px;
    min-height: 250px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 15px;
}

.pageColumn p, .pageColumn h5, .pageColumnFull p, .pageColumnFull h5, .projectColumnFull p, .projectColumnFull h5
{
    padding: 10px 10px 5px 0px;
}

.pageColumn ul, .pageColumnFull ul, .projectColumnFull ul
{
    list-style: none;
    margin: 0px;
    padding: 5px 0px 5px 10px;
}

.pageColumn li, .pageColumnFull li, .projectColumnFull li
{
    margin: 0px;
    padding: 1px 0px 1px 12px;
    background: url(Assets/bullet.gif) no-repeat 0px 8px;
    font-weight: normal;
}

.pageColumn li ul, .pageColumnFull li ul, .projectColumnFull li ul
{
    list-style: none;
    margin: 0px;
    padding: 5px 0px 5px 10px;
}

.pageColumn li ul li, .pageColumnFull li ul li, .projectColumnFull li ul li
{
    margin: 0px;
    padding: 1px 20px 1px 12px;
    background: url(Assets/bullet2.gif) no-repeat 0px 8px;
    font-weight: normal;
}

.titleBox
{
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    margin: 15px 0px 5px 0px;
    height: 25px;
}

.titleBox2
{
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    margin: 25px 0px 5px 0px;
    padding: 0px 0px 3px 0px;
}


.projectThumb
{
    width: 100%;
    border-bottom: none;
    padding: 10px 0px 10px 0px;
}

.projectThumb h4
{
    margin: 0px;
    padding: 2px 0px 0px 0px;
    font-weight: bold;
    font-size: 109%;
    color: #003984;
}


.projectThumbLeft
{
    float: left;
    width: 280px;
    border-bottom: none;
    margin: 10px 0px 0px 0px; 
    padding: 10px 0px 10px 0px;
}

.projectThumbLeft h4
{
    margin: 0px;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    font-size: 109%;
    color: #003984;
}


.teamTable
{
    width: 520px;
    margin: 10px 0px 0px 0px;
}

.teamTable td
{
    padding: 15px 0px 10px 0px;
    border-bottom: solid 1px #B3B3B3;
}

img.pageThumb
{
    border: solid 4px #EDEDF1;
}

.newsTitle
{
    font-size: 109%;
    font-weight: bold;
    color: #EE1109;
}

p.team
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

/*---------------- Classes ---------------*/

.project
{
    margin: 17px 0px 23px 0px;
    line-height: 160%;
}

.contacts
{
    margin: 0px 0px 0px 0px;
    line-height: 155%;
}

.project_border
{
    float: left;
    border: solid 5px #E3E3E3;
    margin: 10px 10px 5px 0px;
}

.pic_border
{
    float: left;
    border: solid 5px #E3E3E3;
    margin: 0px 10px 0px 0px;
}

.pic_border_static
{
    border: solid 5px #E3E3E3;
    margin: 10px 0px 0px 0px;
}

a.moreLink
{
    color: #FCA90B;
    font-weight: bold;
    text-decoration: none;
}

a.moreLink:hover
{
    color: #000000;
}

a.moreLinkRight
{
    color: #FCA90B;
    font-weight: bold;
    text-decoration: none;
    float: right;
}

a.moreLinkRight:hover
{
    color: #000000;
}

.tel
{
    font-weight: bold;
    font-size: 118%;
}

.email
{
    font-size: 109%;
}

.blueText
{
    color: #0070F9;
    font-weight: bold;
}

.captionText
{
    color: #003984;
}

.telText
{
    margin: 20px 0px 0px 0px;
}

.emailText
{
    margin: 10px 0px 10px 0px;
}

.emailImage
{
    border: none;
}

.clear
{
    clear: both;
}

.imageLeft
{
    float: left;
    margin: 0px 9px 0px 0px;
}

.imageRight
{
    float: left;
    margin: 0px 0px 0px 0px;
}