﻿
/* General styles */
* { margin: 0px; border: 0px; padding: 0px; }
a { text-decoration: none; }
body { background-color: #d9d9d6; font-family: Gill Sans MT, Arial; }
.hide { display: none; }
.clear { clear: both; height: 0px; }
.radius_topboth { -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; -o-border-radius-topleft: 12px; -ms-border-radius-topleft: 12px; -khtml-border-radius-topleft: 12px; border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; -o-border-radius-topright: 12px; -ms-border-radius-topright: 12px; -khtml-border-radius-topright: 12px; border-top-right-radius: 12px; }
.radius_topright { -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; -o-border-radius-topright: 12px; -ms-border-radius-topright: 12px; -khtml-border-radius-topright: 12px; border-top-right-radius: 12px; }
.radius_bottomboth { -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -o-border-radius-bottomleft: 12px; -ms-border-radius-bottomleft: 12px; -khtml-border-radius-bottomleft: 12px; border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -o-border-radius-bottomright: 12px; -ms-border-radius-bottomright: 12px; -khtml-border-radius-bottomright: 12px; border-bottom-right-radius: 12px; }

.dropdownWrapper, .yearDropdown { background: transparent; width: 140px; overflow: hidden; background: url("../images/bg/dropdown_bg.png") no-repeat 120px #d5d5d5; color: #434041; font-size: 12px; height: 17px; padding: 3px; text-decoration: none; text-transform: uppercase; line-height: 27px; }
.dropdownWrapper { float: right; }
.yearDropdown { width: 100px; height: 15px; background: url("../images/bg/dropdown_bg.png") no-repeat 80px center #d5d5d5; }
.dropdownWrapper select { background: transparent; width: 170px; }
.yearDropdown select { background: transparent; width: 130px; }

/* NEW DROPDOWN */
.countryMenu { float: right; position: relative; white-space: nowrap; border: 0px; text-transform: uppercase; background-color: #e5e5e5; font-size: 12px; line-height: 27px; text-decoration: none; text-transform: uppercase; min-width: 200px; }
.countryMenu .countryHeader { float: left; color: #404040; padding-left: 10px; padding-right: 10px; }
.countryMenu .arrow { background: #333d47 url("../images/bg/dropdown_shade.png") center no-repeat; float: right; width: 26px; height: 23px; }
.countryMenu ul { padding: 0px; margin: 0px; float: left; }
.countryMenu li { list-style-type: none; float: left; line-height: 23px; min-width: 200px; margin-left: 0px; }
.countryMenu li ul { position: absolute; background: #fff; left: -999em; list-style-type: none; margin-top: 0px; border: 1px solid #bbb; z-index: 100; overflow: hidden; }
.countryMenu li ul li { text-decoration: none; min-width: 198px; background-image: none; margin-bottom: -1px; float: left; clear: both; }
.countryMenu li ul li a { color: #777; display: block; width: 100%; padding: 3px 0 0; border-bottom: solid 1px #ddd; padding-left: 10px; padding-right: 10px; }
.countryMenu li ul li a:hover { color: #404040; background-color: #ddd; }

.countryMenu ul li:hover ul { left: 0; top: 23px; }
/*select {padding:0px; margin:0px;border:solid 1px #ddd;height:21px;background-color:#e5e5e5;height: 23px;padding: 3px;text-decoration: none;text-transform: uppercase;font-size: 12px;color: #434041;}*/
option { line-height: 21px; }

/* main style */
#wrapper {min-width: 750px; width: 97%; max-width: 1140px; margin: 0px auto; position: relative;overflow: hidden;}
#tab { padding: 20px 0 0 27px; width: 40%; float: left; }

#header { background-color: #ffffff; background-image: url('../images/new_logo.png'); background-repeat: no-repeat; background-position: 16px 50px; font-family: Gill Sans MT, Arial; border: 1px solid #dddddd; margin-bottom: 10px; height: 115px; }
#main { background-image: url('../images/bg/main_bg.png'); background-repeat: repeat-x; margin-bottom: 78px; }
#main #shadow { width: auto; padding: 27px 0px 0px 27px; min-height: 700px; background-repeat: repeat-x; }
#main #shadow p { color: #fff; }
/* Header */
#header #navigation { height: 23px; width: auto; margin: 15px 20px 0px; }
#header #navigation .language { margin-left: 15px; float: right; display: block; background: #e5e5e5; line-height: 23px; padding: 0px 10px; text-decoration: none; text-transform: uppercase; font-size: 13px; color: #434041; }
#header #navigation .quickSearch { float: right; margin-left: 15px; }
#header #logoLink { float: left; }
#header #logoLink img { width: 170px; height: 60px; margin-left: 15px;border:0px; }

#header #menu { margin: 35px 20px 18px auto; float: right; }
#header #menu ul { list-style-type: none; }
#header #menu li { line-height: 25px; width: 200px; float: left; margin-left: 10px; background: url('../images/button_bg.png') repeat-x; text-align: center; }
//#header #menu li.active { background: url('../images/bg/topmenu_active_shade.png') no-repeat top center; }
//#header #menu li:hover { background: url('../images/bg/topmenu_active_shade.png') no-repeat top center;}
#header #menu li.active a { color: #333d47; }
#header #menu li:hover a { color: #333d47; }
#header #menu li a { color: #434041; font-size: 14px; text-transform: uppercase; text-decoration: none; }
#header #menu .megamenu li:hover { background-color: transparent; }

/* TOP MENU */
#header #menu li:hover .megamenu { left: 0px; }
.megamenu { width: 100%; position: absolute; float: left; top: 94px; left: 0; left: -999em; text-align: left; z-index: 30; }
.megatop { height: 10px; margin-top: 12px; width: 100%; float: left; }
.megatop .left { width: 10px; height: 10px; background: url('../images/bg/megatop_left.png') no-repeat bottom left; float: left; }
.megatop .right { width: 10px; height: 10px; background: url('../images/bg/megatop_right.png') no-repeat bottom right; float: right; }
#header #menu .megamenu li { background-image: none; text-align: left; width: auto; margin-left: 0; }
#header #menu .megamenu .MenuList li { clear: both; }
#header #menu .megamenu a { color: #ffffff; text-transform: none; line-height: 15px; margin: 5px 0; clear: both; display: block; }
#header #menu .megamenu .double a { white-space: nowrap; }
#header #menu li .megamenu .megacontent { background: url('../images/bg/megamenu_bg.png'); width: 100%; float: left; }
#header #menu .megamenu h1 { padding: 1.5% 2.2%; width: 95.6%; background: url('../images/bg/megamenu_bg.png'); }
#header #menu .megamenu h1 a { text-transform: uppercase; font-size: 32px; font-weight: normal; line-height: 30px; }
#header #menu .megamenu h2 { padding-bottom: 5px; }
#header #menu .megamenu h2 a { text-transform: uppercase; font-size: 20px; line-height: 22px; font-weight: normal; color: #00a0ed; font-weight: normal; }
#header #menu .megamenu .columns { width: auto; padding: 0px 10px; }
.megamenu .simple { width: 20%; float: left; }
.megamenu .double { width: 40%; float: left; }
.megamenu .MenuSlides { width: 40%; float: left; position: relative; }
.megamenu .border .border { border-right: solid 1px #8498b6; min-height: 240px; overflow: hidden; width: auto; padding: 15px; }
.megamenu .borderless .border { min-height: 240px; overflow: hidden; width: auto; padding: 15px; }
.megamenu table { width: 100%; }
.megamenu td { vertical-align: top; }
#wrapper .megamenu .flexslider li { clear: none; }
#wrapper .megamenu .flexslider { width: 80%; margin: 1.5% 7.5% 0 0%; border: 0; zoom: 1; position: relative; background: url("../images/bg/megamenu_bg.png"); padding: 0 10%; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); }
#wrapper .megamenu .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
#wrapper .megamenu .flexslider .slides img { display: block; width: 50%; float: left; }
#wrapper .megamenu .flex-direction-nav a { width: 20px; height: 31px; margin: -10% 0 0; display: block; background: url(../images/mega_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; }
#wrapper .megamenu .flex-direction-nav .flex-next { background-position: 100% 0; right: 2.5%; opacity: 1; top: 35%; }
#wrapper .megamenu .flex-direction-nav .flex-prev { opacity: 1; left: 2.5%; top: 35%; }
#wrapper .megamenu .flexslider:hover .flex-next { opacity: 1; }
#wrapper .megamenu .flexslider:hover .flex-prev { opacity: 1; }
#wrapper .megamenu .flex-control-nav { text-align: center; position: absolute; right: 10px; width: auto; }
#wrapper #header #menu .megamenu .flex-control-nav li { margin: 0 0 0 3px; display: inline-block; zoom: 1; *display: inline; }
#wrapper #header #menu .megamenu .flex-control-paging li a { width: 10px; height: 10px; display: block; background: #d5d5d5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; box-shadow: none; }
#wrapper #header #menu .megamenu .flex-control-paging li a.flex-active { background: #676465; cursor: default; }
#wrapper .megamenu .slides .linkwrap { width: 45%; padding-right: 5%; float: left; }
#wrapper .megamenu .slides .slidewrapper { background-color: #ffffff; float: left; width: 100%; }
#wrapper #header #menu .megamenu .flex-control-nav { text-align: center; position: absolute; right: 13%; top: 7%; }
#wrapper #header #menu .megamenu .linkwrap a.project { margin-bottom: 2px; color: #666666; font-size: 14px; float: left; margin-top: 30%; margin-left: 6%; margin-right: 4%; width: 90%; white-space: normal; }
#wrapper #header #menu .megamenu .linkwrap a.sector { display: block; font-size: 13px; line-height: 15px; margin-left: 10px; text-transform: uppercase; float: left; margin-left: 6%; margin-right: 4%; width: 90%; white-space: normal; }


/* Special Out-of-the-Box Comprimated Topmenu */
#header #menu { margin: 20px 20px 18px auto; }
#header { background-position: 16px 35px; height: 100px; }
.megamenu { width: 100%; position: absolute; float: left; top: 78px; left: 0; left: -999em; text-align: left; z-index: 30; }

/* SUB MENU */
#main #submenu { width: auto; margin-right: 27px; border-bottom: solid 1px #777777; height: 24px; display: block; }
#main #submenu.magazine { margin-bottom: 27px; }
#main #submenu ul { float: right; display: block; margin-left: -10px; }
#main #submenu li { display: block; float: left; margin-left: 10px; width: 209px; background-image: url('../images/bg/button_shade.png'); background-color: #dddddd; text-align: center; }
#main #submenu li a { line-height: 25px; width: 100%; display: block; color: #434041; font-size: 14px; text-transform: uppercase; text-decoration: none; }
#main #submenu li.active, #main #submenu li.active:hover { background: url('../images/bg/submenu_active_mask.png') no-repeat top center; padding-bottom: 10px; margin-bottom: -10px; }
#main #submenu li.white, #main #submenu li.white:hover { background: url('../images/bg/submenu_white_mask.png') no-repeat top center; }
#main #submenu li:hover { background: url('../images/bg/button_shade.png') no-repeat top center; }
#main #submenu li.active a { color: #ffffff; }
#main #submenu li:hover a { color: #ffffff; }

/* BREDACRUMB */
#breadcrumb { font-family: Arial; color: #ffffff; font-size: 12px; line-height: 20px; min-height: 20px; margin-left: 20px; margin-bottom: 10px; }
#breadcrumb a { color: #ffffff; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb img { margin: 0px 15px; }

/* BIG TAB ABOVE CONTENT AREA */
#tab p { width: 88%; font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 15px; margin-top: 10px; color: #ffffff; }
#tab h1 { color: #0098db; font-weight: normal; text-transform: uppercase; line-height: 30px; width: 95%; }
#tab .tag { margin-bottom: 7px; }
#tab .tag img { width: 17px; float: left; border: 0px; margin: 0px; margin-right: 7px; }
#tab .tag p { float: left; border: 0px; margin-right: 14px; line-height: 16px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px; }

/*   ROOTIMAGE   */
#sectorImage { margin-bottom: 27px; margin-top: -10px; }
#sectorImage p { width: 37%; font-size: 15px; line-height: 20px; font-weight: normal; margin-bottom: 15px; color: #ffffff; float: left; }
#sectorImage h1 { color: #0098db; font-weight: normal; text-transform: uppercase; line-height: 30px; margin-bottom: 10px; width: 95%; }
#sectorImage .tag { margin-bottom: 7px; float: left; clear: left; width: 37%; }
#sectorImage .tag img { width: 17px; float: left; border: 0px; margin: 0px; margin-right: 7px; }
#sectorImage .tag p { float: left; border: 0px; margin-right: 14px; line-height: 16px; white-space: nowrap; margin-bottom: 0px; margin-top: 0px; }


.rootimage { float: right; width: 48%; margin-right: 27px; border-color: #ffffff; overflow: hidden; margin-top: -67px; }

/* FOOTER AREA */
div#footer_wrapper { width: 100%; margin: 0px auto; background: url('../images/bg/footer_bg.png') repeat-x #fff; font-size: 12px; color: #676465; font-family: Arial;overflow: hidden;}
div#footer_wrapper a { color: #676465; }
div#footer {width: 100%; max-width: 1140px; margin: 0px auto; }
div#footer .content { padding: 10px 0 30px 0; }
div#footer .content h2 { color: #676465; font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: Gill Sans MT; padding-bottom: 10px; letter-spacing: 1px; }
div#footer .half { width: 50%; float: left; height: 100%; }
div#footer .footer-segment { float: left; border-left: 1px solid #D3D3D3; padding: 0 15px; height: 100%; width: 100%; }
div#footer .footer-links ul { list-style: none; }
div#footer .footer-links li { margin-bottom: 9px; text-transform: uppercase; }
div#footer .start-pages { float: left; border-right: 1px solid #D3D3D3; padding-right: 15px; }
div#footer .country-pages { float: left; padding-left: 15px; }
div#footer .country-pages ul { float: left; padding-right: 30px; }
div#footer ul#footer-quicklinks { list-style: none; }
div#footer ul#footer-quicklinks li { margin-bottom: 10px; }
ul#footer-quicklinks .arrowlink .textarea { margin-top: 5px; margin-left: 5px; }
div#footer-bottom { background: url('../images/bg/footer_bg_bottom.png') repeat-x; height: 56px; }
div#footer-bottom .content { width: 1140px; margin: 0px auto; padding-top: 20px; }
div#footer-bottom #footer-bottom-left { float: left; }
div#footer-bottom #footer-bottom-right { float: right; }
div#footer-bottom ul { list-style: none; }
div#footer-bottom ul li { float: left; margin-left: 25px; }


/* PAGECONTAINER */
/* pagecontainer - grid */
#pagecontainer { width: auto; margin: 0px 27px 27px 0px; background-color: #e5e5e5; min-height: 200px; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); box-shadow: 1px 1px 5px rgba(0,0,0,0.5); }
#pagecontainer.white { background-color: #fff; }
#pagecontainer.white #content { background-color: transparent; }
#pagecontainer #left { width: 17%; float: left; }
#pagecontainer #content { min-height: 650px; background-color: #ffffff; width: 80%; float: left; padding: 3%; padding-right: 0px; }
#pagecontainer #content #top { float: left; /*margin-bottom:27px;*/ }
#pagecontainer #content #bottom { float: left; }
#pagecontainer #content #top.full { width: 100%; }
#pagecontainer #content #bottom.full { width: 100%; }
#pagecontainer #content #top.center { float: left; width: 65%; margin-bottom: 0; }
#pagecontainer #content #bottom.center { width: 68%; }
#pagecontainer #content #right { float: right; width: 32%; margin: 0; }
#pagecontainer #content #right .control { width: 100%; }

/* pagecontainer - searchbox */
#pagecontainer .search { float: left; height: 53px; line-height: 53px; border-bottom: solid 1px #d3d3d3; width: 100%; }
#pagecontainer .search .box { float: left; height: 23px; width: 163px; line-height: 23px; text-transform: uppercase; font-size: 12px; border: solid 1px #ffffff; margin: 14px 0px 14px 19px; }
#pagecontainer .search .button { float: left; width: 23px; height: 23px; display: block; background-image: url('../images/search.png'); text-decoration: none; border: solid 1px #ffffff; margin: 14px 0px; }

/* pagecontainer - content */
#pagecontainer #content h1 { color: #0b4499; font-weight: normal; font-size: 30px; text-transform: uppercase; line-height: 35px; clear: both; }
#pagecontainer #content h2 { color: #0b4499; font-weight: normal; font-size: 18px; font-weight: bold; clear: both; }
#pagecontainer #content h3 { font-weight: bold; clear: both; margin-bottom: 10px; font-family: Arial; font-size: 16px; }
#pagecontainer #content h3.parent { width: 89.5%; font-size: 16px; line-height: 16px; color: #9a9b9c; text-transform: uppercase; font-weight: normal; margin-top: -15px; margin-bottom: 7px; }
#pagecontainer #content p { color: #676465; font-weight: normal; font-size: 14px; margin-bottom: 20px; margin-right: 27px; font-family: Arial; line-height: 20px; }


#pagecontainer #content input, #pagecontainer #content textarea { padding:3px 8px;border:solid 1px #ddd;color: #676465; font-weight: normal; font-size: 13px; margin-bottom: 10px; font-family: Arial; line-height: 18px;}
    #pagecontainer #content td { vertical-align:top;color:#666;}
#pagecontainer #content select { border:solid 1px #ddd;color: #676465; font-weight: normal; font-size: 13px; margin-bottom: 20px; font-family: Arial; line-height: 18px;}

#pagecontainer #content q {float:right; font-size:16px; padding:5px 10px 10px 10px; max-width:35%; background-color:#e5e5e5;}
#pagecontainer #content ul.styled li{background: url(../images/icons/bullet.png) no-repeat 0px 5px transparent;list-style-type: none;vertical-align: middle;padding-left:20px;line-height:24px;}
#pagecontainer #content #bottom ul.styled { margin-left: 0px; }
#pagecontainer #content #bottom ul { color: #676465; font-weight: normal; font-size: 14px; margin-bottom: 20px; margin-right: 15px; width: auto; font-family: Arial; line-height: 20px; clear: left;  }
#pagecontainer #content .full hr { border: 0px; height: 1px; background-color: #d3d3d3; color: #d3d3d3; width: 104%; margin-left: -3.8%; margin-bottom: 27px; clear: both; }
#pagecontainer #content #bottom hr { border: 0px; height: 1px; background-color: #d3d3d3; color: #d3d3d3; width: 104%; margin-left: -5.8%; margin-bottom: 27px; clear: both; }
#pagecontainer #content .center hr { border: 0px; height: 1px; background-color: #d3d3d3; color: #d3d3d3; width: 105.6%; margin-left: -5.8%; margin-bottom: 27px; clear: both; }
#pagecontainer #content .indeximage { width: auto; font-size: 15px; border: solid 8px #e5e5e5; margin: 0px 27px 27px 0px; }

/* pagecontainer - top */
#pagecontainer #content #top h1 { margin: 0; padding: 0 0 20px 0; }
#pagecontainer #content #top.center h1 { margin: 0; padding: 0 0 20px 0; }
#pagecontainer #content #top .horizontaltags { margin: 0 0 23px 0; padding: 0; float: none; }
#pagecontainer #content #top .horizontaltags .tag { margin-top: 0; }
#pagecontainer #content #top .itemimage { width: 100%; border: none; float: left; margin-bottom: 20px; }
#pagecontainer #content #top.center .itemimage { width: 97%; border: none; float: left; margin-bottom: 27px; border: solid 8px #e5e5e5; }
#pagecontainer #content #top.full .itemimage { width: 97%; border: none; float: left; margin-bottom: 27px; border: solid 8px #e5e5e5; border: 0px !important; }
#pagecontainer #content #top .description { width: 66.66%; float: left; margin-bottom: 20px; margin-top: 5px; }
#pagecontainer #content #top .boxes { width: 33.33%; float: left; }
#pagecontainer #content #top .boxes .dc33 { width: 100%; float: left; }
#pagecontainer #content #bottom .ReferenceDescription { width: 66%; float: left; margin-bottom: 20px; }
#pagecontainer #content #top h2 { margin: 0; padding: 0 0 10px 0; font-family: Arial; font-size: 15px; }
#pagecontainer #content #bottom h2 { margin: 0; padding: 0 0 10px 0; font-family: Arial; font-size: 15px; }
#pagecontainer #content #top .tooltips { width: 20%; border-left: solid 1px #d3d3d3; min-height: 120px; float: left; padding-left: 2%; }
#pagecontainer #content #top .tooltips h3 { font-size: 13px; font-family: Arial; font-weight: bold; color: #676465; margin-bottom: 5px; }
#pagecontainer #content #top .tooltips p { width: 70%; margin-bottom: 20px; }
#pagecontainer #content #bottom .ReferenceDescription hr { width: 95%; margin-left: 0; margin-right: 5%; clear: both; }

/* pagecontainer - bottom */
#pagecontainer #content #bottom h1 { margin-top: 6%; margin-bottom: 1%; margin-left: 4%; width: 91.5%; font-size: 35px; line-height: 35px; }
#pagecontainer #content #bottom h2 { padding: 0% 0 10px 0; margin: 0; font-family: Arial; font-weight: bold; }
#pagecontainer #content #bottom .itemimage { margin-left: 4%; width: 88.5%; font-size: 15px; margin-bottom: 15px; border: solid 8px #e5e5e5; margin-top: 5%; }

/* pagecontainer - controls */
#pagecontainer .margin { padding: 1px; padding-top: 0px; background: url('../images/shades/control_shade_border.png') top repeat-x; }
#pagecontainer .margin .main { background: #e2e2e2 url('../images/shades/control_main_shade.png') top repeat-x; }

/* HORIZONTAL TAGS */
.horizontaltags { float: left; margin-left: 4%; width: 96%; margin-top: 1.5%; }
.horizontaltags .tag { margin-top: 2.2%; float: left; margin-right: 3%; font-size: 15px; color: #676465; font-size: 14px; white-space: nowrap; }
.horizontaltags .tag img { width: 17px; float: left; border: 0; margin: 0; margin-right: 7px; margin-top: 2px; }

/* DC controls */
#main .control { float: left; }
.margin { margin: 0px 27px 27px 0px; width: auto; height: auto; clear: both; }
.marginAction { margin-bottom: 40px; }
.marginRadius { border-radius: 10px; }
.dc100 { width: 100%; }
.dc66 { width: 66.666%; }
.dc60 { width: 60%; }
.dc50 { width: 50%; }
.dc40 { width: 40%; }
.dc33 { width: 33.333%; }
.dc25 { width: 25%; }
.AlignRight { float: right !important; }
.BreakRow { clear: left !important; }
.control .header { background: url('../images/bg/control_header_shade.png') repeat-x; border: solid 1px; width: auto; height: 33px; line-height: 33px; font-size: 16px; text-transform: uppercase; padding-left: 15px; color: #ffffff; }
#content .control .header { margin: 0 -1px; }
.control .main { width: auto; background: #ffffff; clear: both; padding: 15px 15px 12px; }
.control .main h2 { text-transform: uppercase; font-weight: normal; font-size: 32px; line-height: 32px; margin-bottom: 2%; }
#main #shadow .control .main p { color: #676465; font-weight: normal; font-family: arial; font-size: 13px; line-height: 16px; margin-bottom: 5px; }
#main #shadow .control .main p.brief { color: #676465; font-size: 15px; line-height: 18px; margin-bottom: 12px; }
.control .footer { width: auto; background: #ffffff; clear: both; height: 0px; padding-left: 15px; padding-top: 10px; }
.control .footer .actionButton { margin: -12px 0 0 0; }

/* SIDE MENU */
.sideMenu { background-color: #e5e5e5; border-left: solid 1px #ffffff; }
.sideMenu ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.sideMenu li { display: block; background-color: #e5e5e5; float: left; text-transform: uppercase; width: 100%; min-width: 120px; font-size: 13px; }
.sideMenu li a { border-bottom: solid 1px #d3d3d3; border-top: solid 1px #ffffff; padding-top: 15px; padding-bottom: 15px; color: #666465; text-decoration: none; display: block; width: auto; padding-left: 15px; padding-right: 23px; }
.sideMenu li a.parentLink { font-weight: bold; background: url('../images/icons/parentlink_arrow.png') no-repeat 5px center; }
.sideMenu li li a { }
.sideMenu li li li a { width: 85%; padding-left: 10%; }
.sideMenu li.expanded { display: block; background-color: #e5e5e5; }
.sideMenu li.expanded a { background: #D6D6D6; }
.sideMenu li.active > a { background: #fff !important; border-bottom: none; }
.sideMenu li.active.indentChildren li a, .sideMenu li li li a { background: #D6D6D6; width: auto; }
/*.sideMenu li.active.indentChildren li a, .sideMenu li li li li a{width: 80%;padding-left: 15%;}*/

/* ACTION BUTTON */
#wrapper .actionButton { border: solid 1px #ff4337; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size: 11.5px; font-weight: bold; line-height: 22px; display: inline-block; background-color: #ff4337; font-family: Gill Sans MT,Arial; }
.actionButton a { display: block; padding: 0 65px 1px 7px; color: #ffffff; text-decoration: none; text-transform: uppercase; background: url('../images/bg/action_button.png') center right no-repeat; }
.imageDc img { width: 100%; }

/* SEARCH BUTTON */
.searchInput input { height: 21px; width: 220px; float: left; padding-left: 5px; font-size: 12px; font-family: Arial; color: #666465; border: solid 1px #e5e5e5; border-right: solid 1px #ffffff; }
.searchInput .iconButton { cursor: pointer; float: left; width: 23px; height: 23px; display: block; background: url('../images/search.png') no-repeat; border: none; }
.searchInput .button { height: 24px; width: 210px; margin-left: 15px; float: left; border: none; cursor: pointer; background: url('../images/button_bg.png') repeat-x; text-align: center; font-size: 14px; color: #434041; text-transform: uppercase; text-decoration: none; }
.dateField { padding-left: 20px; background: url('../images/icons/clock_icon.png') no-repeat left; color: #676465; font-size: 12px; }

/* BLOG LIST */
#pagecontainer #content #blog-posts { list-style-type: none; margin-right: 0; margin-bottom: 0; padding-left: 0; }
#blog-posts li { border-top: 1px solid #D3D3D3; }
#blog-posts li.first { border-top: none; }
#blog-posts li .post { padding: 15px; }
#blog-posts li .info { padding: 10px 0 0; }

/* IMAGE PUSH DC */
.imagePushDc { padding-bottom: 40px; border-bottom: 1px solid #d3d3d3; }
.imagePushDc .pushwrapper { width: 100%; }
.imagePushDc .pushwrapper .first, .imagePushDc .pushwrapper .second { float: left; max-width: 45%; }
.imagePushDc .title { color: #0b4499; font-size: 18px; font-family: Arial; display: block; margin-bottom: 17px; }
.imagePushDc .pushwrapper div.first { padding-right: 4%; border-right: 1px solid #d3d3d3; }
.imagePushDc .pushwrapper div.second { padding-left: 4%; }
.imagePushDc .pushwrapper .imagewrapper { border: 8px solid #e5e5e5; overflow: hidden; }
.imagePushDc .pushwrapper div a { float: left; clear: left; font-size: 13px; color: #009FEB; margin-top: 10px; background: url(../images/icons/link_arrow.png) no-repeat right 4px; padding-right: 20px; }

/* SOCIAL PRESENCE */
.socialpresence { }
.socialpresence .main { overflow: hidden; }
.socialpresence .content { float: left; width: 50%; padding-right: 8%; }
.socialpresence .links { float: right; margin-right: -2px; }
.socialpresence .links a { display: block; text-indent: -9999px; height: 31px; width: 164px; margin: 0 0 2px; }
.socialpresence .links a.facebook { background: url(../images/icons/facebook_button.png) no-repeat top left; }
.socialpresence .links a.linkedin { background: url(../images/icons/linkedin_button.png) no-repeat top left; }
.socialpresence .links a.youtube { background: url(../images/icons/youtube_button.png) no-repeat top left; }
.socialpresence .links a.twitter { background: url(../images/icons/twitter_button.png) no-repeat top left; }

/* REFERENCE INDEX PAGE */
#referenceindex .main { background-color: #ffffff; padding: 25px; }
#referenceindex .main h2.hltitle { color: #0b4499; font-family: 'Gill Sans MT'; font-weight: normal; text-transform: uppercase; font-size: 30px; margin: 4px 0 11px; float: left; width: auto; }
.referenceGallery .galleryHeader .referencefilter { float: left; }

/* REFERENCE HIGHLIGHTS */
#highlights { margin-top: 20px; }
#highlights ul { list-style-type: none; overflow: hidden; }
#highlights ul li { float: left; width: 31.6%; border-right: 1px solid #d3d3d3; padding-right: 1.2%; margin-right: 1.1%; min-height: 400px; }
#highlights ul li.last { border-right: none; margin-right: 0; padding-right: 0; }
#highlights ul li .imagewrapper { overflow: hidden; }
#highlights ul li .imagewrapper img { width: 100%; height: auto; }
#highlights ul li h2 { margin: 15px 0 5px; }
#highlights ul li h2 a { color: #0099de; font-weight: normal; text-transform: uppercase; }
#highlights ul li .typeTitle { font-weight: normal; text-transform: uppercase; padding-left: 7px; margin-left: 3px; border-left: solid 1px #000; font-size: 16px; padding-top: 0px; padding-bottom: 0px; }
#highlights ul li .content { font-family: Arial; font-size: 13px; color: #666666; line-height: 18px; min-height: 50px; }
#highlights ul li .tags { background: url(../images/icons/tag_icon.png) no-repeat top left; padding-left: 20px; margin-top: 30px; overflow: hidden; }
#highlights ul li .tags a { float: left; color: #0099de; font-size: 13px; text-transform: uppercase; font-family: 'Gill Sans MT'; line-height: 15px; }


#content td { padding-left: 5px;padding-right: 5px;}
