/* @override 
	http://hazenandsawyer.website.dev/assets/css/screen.css
	http://hazenandsawyer/assets/css/screen.css
	http://www.hs.dev/assets/css/screen.css
	http://www.hazenandsawyer/assets/css/screen.css
*/
/*

    HAZEN AND SAWYER by ERSKINE DESIGN
    VERSION 1.0
    
    CONTENTS ----------
    
        1.BODY
        2.DEFAULT STYLING
        3.HEADINGS
        4.LINKS
        5.IMAGES
        6.LAYOUT
        7.GLOBAL STYLES
        8.BRANDING/MASTHEAD
        9.NAVIGATION
        10.BANNER
        11.HOME
        12.WORK
        13.NEWS
        14.CAREERS
        15.CONTACT
        16.SEARCH RESULTS
        17.SITEINFO/FOOTER
        18.EMAIL SIGNUP
        19.SIGNUP PAGES (NO JAVASCRIPT)
        20.SPECIALITY TEMPLATES
        21.NEWSLETTER SIGNUP
        22.SLIDESHOWS
        23.PROJECTS MAP
       
    -------------------
    
*/

@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */
@import url(scratch.css); /* SCRATCH */
@import url(colorbox.css);


/* @group 1.BODY
---------------------------------------------------------------------- */

body {
    text-shadow: rgba(0,0,0,0.01) 0 0 0;
    font: 13px/1.5 Verdana, sans-serif;
    color: #272727;
    margin: 0 auto;
    background: #0e1923 repeat-x 0 0;
}
a.access {
    position: absolute;
    top: -9999px;
    left: -9999px;
    font-size: 10px;
    font-weight: bold;
    background: #eee;
    border: 2px solid #ddd;
    padding: 10px;
}
a.access:focus {
    display: block;
    top: 0;
    left: 0;
    color: #333;
}

/* @end */



/* @group 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol {
    margin-bottom: 1em;
}
hr {
    display: none;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
small {
    font-size: 11px;
}
sup {
	font-size: 0.8em;
	vertical-align: super;
}

/* @end */



/* @group 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
    color: #132535;
    font-weight: bold;
}
div#content_pri h2 {
    font-weight: normal;
    font-size: 31px;
    border-bottom: 2px solid #CCCCCC;
    margin-bottom: 30px;
    line-height: 1.2;
    padding-bottom: 0.5em;
}
div#content_sec h2 span, div#content_sec h3 span {
    font-weight: normal;
    font-size: 11px;
}
div#content_sec h2 {
    border: none;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
}
h3 {
    font-size: 15px;
    margin-bottom: 0.7em;
}
h4 {
    font-size: 14px;
    margin-bottom: 0.7em;
}

/* @end */



/* @group 4.LINKS
---------------------------------------------------------------------- */

a {
    color: #244A6C;
}
a:hover,
a:focus {
    color: #122331;
}

/* @end */



/* @group 5.IMAGES
---------------------------------------------------------------------- */

img.right, img.left {
    border: 1px solid #CCC;
    padding: 2px;
}

/* @end */



/* @group 6.LAYOUT
---------------------------------------------------------------------- */

div#page {
    background-color: #FFF;
    padding-bottom: 20px;
    overflow: hidden;
    min-height: 500px;
    position: relative;
}
div#content_pri {
	position: relative;
}
div#content_wrapper {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
/* lyt 1 specific*/
body.lyt1 div#content_pri {
    width: 590px;
    float: left;
}
body.lyt1 div#content_sec {
    width: 300px;
    float: right;
}
/* lyt 2 specific*/
body.lyt2 div#content_pri {
    width: 670px;
    float: right;
}
/* lyt 4 specific*/
body.lyt4 div#content_pri {
    width: 910px;
}
body.lyt1 div#content_pri,
body.lyt2 div#content_pri,
body.lyt4 div#content_pri {
    border: 1px solid #e1e1e1;
    padding: 14px;
}
div#content_sec div.block {
    border: 1px solid #e1e1e1;
    padding: 14px;
}
div#content_pri, div#content_sec {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/* navigation sec */
div#navigation_sec_wrapper {
    width: 220px;
    float: left;
    font-size: 12px;
}
div#navigation_sec {
    width: 220px;
    float: left;
    background-color: #f3f3f3;
    font-size: 12px;
    margin-bottom: 15px;
}
div#navigation_sec h2 {
    background: #1f3d58;
    color: #FFF;
    padding: 10px 15px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 16px;
    border-bottom: 1px solid #FFF;
}
div#navigation_sec ul {
    margin: 0;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
div#navigation_sec ul li {
    font-weight: bold;
}
div#navigation_sec ul li a {
    padding: 7px 15px;
    display: block;
    text-decoration: none;
    background: #F8F8F8;
    border-bottom: 1px solid #d1d1d1;
}
div#navigation_sec ul li a:hover {
    background: #efefef;
}
div#navigation_sec ul li.cur a {
    background: #d6852a url(../images/site/icons/arrows/white_amber.gif) no-repeat right center;
    color: #FFF;
    border-bottom: 1px solid #d6852a;
}
div#navigation_sec ul li:last-child.cur a {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

/* @end */



/* @group 7.GLOBAL STYLES
---------------------------------------------------------------------- */

li.clear-left {
    clear: left;
}
p.back {
    font-size: 11px;
}
/* videos */
div.alt {
    display: none;
}
p.caption {
    font-size: 11px;
}
img.left {
    position: relative;
    top: 6px;
    margin-bottom: 0;
}
/* floats */
.left {
    float: left;
    margin: 0 15px 15px 0;
}
.right {
    float: right;
    margin: 0 0 6px 15px;
}
.clear {
    clear: both;
}
/* article styles */
div.article a {
    
}
div.article ul li {
    list-style-type: circle;
    margin-left: 20px;
    margin-bottom: 0.5em;
}
div.article ol li {
    list-style-type: decimal;
    margin-left: 20px;
    margin-bottom: 0.5em;
}
div.article h3 {
    margin-top: 1.5em;
}
div.article h4 {
    margin-top: 1.5em;
}
div.article blockquote {
    margin-top: 1.5em;
}
div.article table {
    border: 1px solid #d7d7d7;
    padding: 1px;
    background: #fff;
    margin-bottom: 1.5em;
    width: 100%;
    margin-top: 1.5em;
    font-size: 12px;
}
div.article table thead th {
    background: #b6bec7;
    font-weight: bold;
    padding: 7px 15px;
    border-right: 1px solid #fff;
}
div.article table tbody th {
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    padding: 7px 0 7px 15px;
}
div.article table tbody td {
    border-bottom: 1px dotted #ccc;
    padding: 7px 15px;
}
div.article table tbody tr.last td,
div.article table tbody tr.last th {
    border: none;
}
/* pagination */
div.paginate {
    clear: both;
    background-color: #FFF;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
}
div.paginate p {
    float: left;
    margin-right: 15px;
}
div.paginate ol {
    display: inline;
    padding-left: 15px;
}
div.paginate ol li {
    display: block;
    float: left;
    margin-right: 5px;
}
div.paginate ol li a {
    padding: 0 5px;
    border: 1px solid #CCC;
    text-decoration: none;
    display: block;
}
div.paginate ol li a:hover, div.paginate ol li a:focus {
    background-color: #f0f0f0;
}
div.paginate ol li strong {
    padding: 0 5px;
    display: block;
    border: 1px solid #FFF;
}
/* search pagination */
.search_paginate {
    clear: both;
    background-color: #FFF;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-right: 15px;
    padding-top: 10px;
}
.search_paginate a {
    padding: 0 5px;
    border: 1px solid #CCC;
    margin-right: 5px;
    text-decoration: none;
    display: inline;
}
.search_paginate a:hover, .search_paginate a:focus {
    background-color: #f0f0f0;
}
.search_paginate strong {
    padding: 0 5px;
    display: inline;
    border: 1px solid #FFF;
}
/* awards */
div#content_pri div#awards {
    background: #f3f3f3 url(../images/site/icons/trophy.gif) no-repeat 8px 8px;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 1.5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#content_pri div#awards h3 {
    padding-left: 30px;
    font-size: 15px;
    margin-top: 0;
}
div#content_pri div#awards ul {
    margin-left: 30px;
}
div#content_pri div#awards ul li {
    display: inline;
    margin: 0;
}
/* inquiries */
div#content_sec div.inquiry {
    font-size: 12px;
    background-color: #411527;
    color: #FFF;
    padding: 15px 15px 5px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 15px;
}
div#content_sec div.inquiry h3 {
    font-size: 13px;
    color: #FFF;
}
div#content_sec div.inquiry a {
    color: #FFF;
    display: block;
    margin-top: 5px;
    background: url(../images/site/icons/envelope.gif) no-repeat 0 4px;
    padding-left: 22px;
}
/* intro */
div.intro {
    overflow: hidden;
}
img.project_intro_image {
    float: left;
    margin: 0 11px 3px 0;
    width: 200px;
}
p.project_intro {
    font-style: italic;
    font-size: 15px;
}
p.expertise_intro {
    font-size: 14px;
}
/* double links */
div#content_wrapper ul.links {
    font-size: 13px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
}
div#content_wrapper ul.links li {
    display: block;
    margin-bottom: 0.5em;
    margin-left: 0;
}
div#content_wrapper ul.links li a {
    padding-left: 15px;
    background: url(../images/site/icons/arrows/yellow_white_bg.gif) no-repeat 0 3px;
    display: block;
}
div#content_sec ul.bullets li {
    display: block;
    margin-bottom: 0.5em;
    margin-left: 0;
}
div#content_sec ul.bullets li a {
    padding-left: 15px;
    background: url(../images/site/icons/pointer-arrow-black-right.png) no-repeat 0 3px;
    display: block;
}
/* Callout boxes for industry @ hazenandsawyer etc */
div#content_pri div.callout {
    font-size: 12px;
    background-color: #edf1f5;
    padding: 10px;
    margin-bottom: 1.5em;
    overflow: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#content_pri div.callout h3 {
    font-size: 16px;
    margin-top: 0;
}
div#content_pri div.callout div {
    font-size: 11px;
    line-height: 1.3;
}
div#content_pri div.callout div img {
    margin-bottom: 5px;
    border: 1px solid #CCC;
    padding: 2px;
    background-color: #FFF;
}
/* latest news */
div#content_sec div.feed {
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 14px;
    margin-bottom: 1em;
    background-color: #EDF1F5;
}
div#content_sec div.feed ul li {
    margin-bottom: 1em;
    background: no-repeat 0 2px;
    padding-left: 20px;
}
div#content_sec div.feed ul li.news {
    background-image: url(../images/site/icons/news.gif);
}
div#content_sec div.feed ul li.publication {
    background-image: url(../images/site/icons/publication.gif);
}
div#content_sec div.feed ul li.download {
    background-image: url(../images/site/icons/download.gif);
}
div#content_sec div.feed ul li a {
    font-weight: bold;
    font-size: 12px;
}
div#content_sec div.feed ul li small {
    font-size: 11px;
    margin-top: 5px;
    display: block;
}
div#content_sec div.feed p.more {
    font-size: 11px;
    background: url(../images/site/icons/arrows/yellow_paleblue_bg.gif) no-repeat 5px 3px;
    padding-left: 22px;
    display: inline;
}
div#content_sec div#featured_projects {
    background-color: #fef8ff;
}
/* content sec related reading*/
div.related, div#content_pri div.related {
    padding: 15px;
    margin-bottom: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #edf1f5;
}
div.related h3, div#content_pri div.related h3 {
    margin-top: 0;
}
div#content_pri div.related h3, div#content_sec div.related h3 {
    font-size: 15px;
}
div.related ul, div#content_pri div.related ul {
    border-bottom: #9a9da1 1px dotted;
    padding-bottom: 5px;
}
div.related ul:last-child, div#content_pri div.related ul:last-child {
    border: 0;
    padding: 0;
}
div.related ul li, div#content_pri div.related ul li {
    margin: 0 0 10px 0;
    font-size: 13px;
    list-style-type: none;
}
div.related ul li a, div#content_pri div.related ul li a {
    background: url(../images/site/icons/arrows/yellow_paleblue_bg.gif) no-repeat 0 5px;
    padding-left: 15px;
    display: block;
}

/* @end */



/* @group 8.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding p#logo {
    text-indent: 0;
    font-weight: bold;
    border: none;
    margin: 0;
    text-decoration: none;
    color: #000;
    float: left;
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
    top: -7px;
}
div#branding p#logo a {
    text-decoration: none;
    color: #000;
}
div#branding {
    width: 940px;
    margin: 0 auto;
    padding-top: 20px;
}
div#branding form {
    float: right;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    background: #F0F0F0 url(../images/site/grad/silver.png) repeat-x 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#branding form p {
    margin: 0;
}
div#branding form label {
    width: 1px;
    height: 1px;
    text-indent: -999em;
    display: block;
    float: right;
}

/* @end */



/* @group 9.NAVIGATION
---------------------------------------------------------------------- */

div#navigation_pri {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
    font-size: 15px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
div#navigation_pri ul {
    overflow: hidden;
    clear: both;
    margin-bottom: 0;
    float: left;
    width: 950px;
    background: #AFB8C2 url(../images/site/navigation_pri/bg.png) repeat-x 0 0;
}
div#navigation_pri ul li {
    
}
div#navigation_pri ul li:first-child a {
    background: none;
}
div#navigation_pri ul li a {
    display: block;
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    color: #132535;
    background: url(../images/site/navigation_pri/divider.gif) no-repeat 0 center;
}
div#navigation_pri ul li a:hover, div#navigation_pri ul li a:focus {
    background-color: #dde3e5;
    background-image: none;
}
div#navigation_pri ul li.cur a {
    color: #FFF;
    background: #1F3D58 url(../images/site/navigation_pri/cur_bg.png) repeat-x 0 0 !important;
}
div#navigation_pri ul li.cur + li a,
div#navigation_pri ul li.hover_next a {
    background-image: none;
}

/* @end */



/* @group 10.BANNER
---------------------------------------------------------------------- */

div#banner {
    overflow: hidden;
    color: #F4F6F7;
    margin-bottom: 20px;
    background: #1F3D58 url(../images/site/banner/bg.png) no-repeat center -40px;
}
div#banner_inner {
    padding: 0;
    margin: 0 auto;
    width: 940px;
    margin: 0 auto;
}
div#banner h1 {
    color: #FFF;
    font-size: 35px;
    float: left;
    line-height: 1.2;
    margin
: 20px 0;
    /*margin-top:8px; margin-bottom:20px;*/ font-weight: normal;
    padding: 0
15px 0 15px;
/*padding:15px 15px 12px 15px;*/
}
div#banner h1 a {
    color: #FFF;
    text-decoration: none;
}
div#banner h1 a:hover, div#banner h2 a:focus {
    text-decoration: underline;
}
div#breadcrumbs {
    background-color: #122331;
    overflow: hidden;
    clear: both;
    font-size: 11px;
    color: #FFF;
}
div#breadcrumbs ol {
    overflow: hidden;
    width: 910px;
    padding: 0 20px;
    margin: 0 auto;
}
div#breadcrumbs ol li {
    float: left;
    padding: 5px 10px;
    color: #FFF;
    font-weight: bold;
    background: url(../images/site/icons/arrows/yellow_s_white_bg.gif) no-repeat 0 11px;
    padding-left: 10px;
}
div#breadcrumbs ol li a {
    float: left;
    display: block;
    color: #DCDEE1;
    text-decoration: none;
    font-weight: normal;
}
div#breadcrumbs ol li a:hover, div#breadcrumbs ol li a:focus {
    text-decoration: underline;
    color: #FFF;
}

/* @end */



/*
///////////////// PAGE SPECIFIC STYLES ////////////////////////
---------------------------------------------------------------------- */

/* @group 11.HOMEPAGE
---------------------------------------------------------------------- */

body.home div#banner {
    min-width: 945px;
    background-position: 0 50px;
}
body.home div#banner h1 {
    margin-bottom: 15px;
    font-size: 30px;
    width: 450px;
    float: left;
    padding: 0;
}

    /* @group SLIDESHOW 
    --------------------------------------------- */
    
    body.home div#home_slideshow {
        height: 342px;
        width: 940px;
        margin: 15px 0;
        overflow: hidden;
        border: 0;
    }
    body.home div#home_slideshow div.slideshow_wrapper {
        float: left;
        width: 615px;
        border: 1px solid #6d8192;
        padding: 2px;
        overflow: hidden;
		background:url(../images/site/icons/loader-blue_bg.gif) no-repeat 50% 50%;
	}
    body.home div#home_slideshow ul#home_slides {
        position: relative;
        width: 615px;
        height: 336px;
        overflow: hidden;
        
    }
    body.home div#home_slideshow ul#home_slides li {
        position: absolute;
        width: 615px;
        height: 336px;
        padding: 0;
        margin: 0;
        top: 0;
        left: 0;
        display: none;
    }
    body.home div#home_slideshow ul#home_slides li.cur {
        display: block;
        margin: 0;
    }
    body.home div#home_slideshow ul#home_slides li div.info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: url(../images/site/trans/black-75.png);
        background: rgba(6,11,17,0.7);
        color: #fff;
        z-index:99;
    }
    body.home div#home_slideshow ul#home_slides li div.info a,
    body.home div#home_slideshow ul#home_slides li div.info h3 {
        color: #fff;
    }
    body.home div#home_slideshow ul#home_slides li div.info h3,
    body.home div#home_slideshow ul#home_slides li div.info p {
		padding: 10px 10px 0 10px;
	}
    body.home div#home_slideshow ul#home_slides li div.info h3 {
        font: normal normal 22px Verdana, "Lucida Grande", Lucida, sans-serif;
        margin: 0;
    }
    
    body.home div#home_slideshow div.control_wrapper {
        float: right;
        width: 312px;
        height: 284px;
        margin: 0 0 12px 0;
        padding: 0;
        overflow: hidden;
        position: relative;
        background: none;
    }
    body.home div#home_slideshow div.controlNudge {
		position: relative;
		width: auto;
		height: auto;
		background: none;
		
	}
    body.home div#home_slideshow div.controlNudge a {
        height: 18px;
        width: 290px;
        position: static;
        display: block;
        float: right;
        margin: 0 0 12px 0;
        text-indent: -999em;
        overflow: hidden;
        background: url(../images/site/slideshows/home-nav-ctrls.png) no-repeat 90px 0;
    }
    body.home div#home_slideshow div.controlNudge a.next {
        background-position: 90px -18px;
    }	

    body.home div#home_slideshow div.control_wrapper ul.slideshow_controls {
        position: relative;
        width: 312px;
        height: auto;
        top: 0;
        margin: 0;
        background: none;
    }
    body.home div#home_slideshow div.control_wrapper ul.slideshow_controls li a {
        display: block;
        height: 60px;
        width: 290px;
        overflow: hidden;
        padding: 6px 15px 4px 25px;
        background: url(../images/site/slideshows/home-nav-bg.png) no-repeat 0 0;
        margin: 0 0 1px 0;
        color: #fff;
        text-decoration: none;
        z-index: 5;
        border: none;
}
    body.home div#home_slideshow div.control_wrapper ul.slideshow_controls li a img {
        float: left;
        padding: 2px;
        margin: 0 15px 0 0;
        border: 1px solid #6d8192;
    }
    body.home div#home_slideshow div.control_wrapper ul.slideshow_controls li a:hover img,
    body.home div#home_slideshow div.control_wrapper ul.slideshow_controls li.cur a img {
        border-color: #fff;
    }
    body.home div#home_slideshow div.control_wrapper ul.slideshow_controls li.cur a {
        background-position: 0 -74px;
    }
        
    /* @end */


div#banner_inner {
    position: relative;
}
body.home div#intro {
    padding: 20px 15px 0 15px;
    float: left;
    font-size: 16px;
    clear: both;
    color: #F4F6F7;
    width: 450px;
}
div#areas_expertise {
    clear: both;
    background-color: #132535;
    border-top: 1px solid #FFF;
    overflow: hidden;
}
div#areas_expertise_inner {
    width: 924px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 7px 0;
}
div#areas_expertise h2 {
    border: none;
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 8px;
}
div#areas_expertise h2 {
	float: left;
	width: 200px;
	margin-left: 5px;
	font-weight: bold;
}
div#areas_expertise h2 a {
	display: block;
	font-weight: normal;
	margin-top: 1px;
}
div#areas_expertise a {
    color: #FFF;
    font-weight: bold;
}
div#areas_expertise a:focus,
div#areas_expertise a:hover {
	text-decoration: none;
}
div#areas_expertise ul {
    margin: 0 0 0 5px;
    overflow: hidden;
    font-size: 13px;
}
div#areas_expertise ul li {
    float: left;
    display: block;
    width: 219px;
    background: url(../images/site/icons/arrows/yellow_darkblue_bg.gif) no-repeat 0 center;
    padding-left: 14px;
    font-weight: bold;
    margin-bottom: 5px;
	font-size: 11px;
}
div#sustainability_intro {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 1em;
    padding-bottom: 1em;
    overflow: hidden;
}
body.home div#content_pri {
    float: left;
    width: 590px;
    border: 1px solid #ECECEC;
    padding: 14px;
}
body.home div#content_pri h2, body.home div#latest_news h2 {
    font-size: 18px;
    border: none;
    margin-bottom: 10px;
    font-weight: bold;
}
div#content_pri p.more a {
    background: url(../images/site/icons/arrows/yellow_trans.gif) no-repeat 0 4px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 12px;
    display: inline;
}
body.home div#content_sec {
    float: right;
    width: 300px;
}

/* @end */



/* @group 12.WORK
---------------------------------------------------------------------- */

/* ------- Work home ------- */
div#navigation_sec ul li a {
    padding: 7px 15px;
    display: block;
    text-decoration: none;
    background: #F8F8F8;
}
div#navigation_sec ul li a:hover {
    background: #efefef;
}
div#navigation_sec ul li.cur a,
div#navigation_sec ul li.cur a:hover {
    background: #d6852a url(../images/site/icons/arrows/white_amber.gif) no-repeat right center;
    color: #FFF;
    border-bottom: 1px solid #d6852a;
}
body.work div#content_sec h2 {
    background: #1f3d58;
    color: #FFF;
    padding: 15px 15px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    margin: 0;
}
body.work div#content_sec h2, body.work div#content_sec h2 a {
    background-color: #1f3d58;
    color: #FFF;
}
body.work div#content_sec {
    padding: 0;
    width: 300px;
    border-bottom: none;
}
ul#projects_widget {
    margin-bottom: 0;
    border: 1px solid #CCC;
    border-top: none;
    border-bottom: none;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
ul#projects_widget li {
    margin-bottom: 0;
}
ul#projects_widget li:last-child h3 {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
ul#projects_widget li:last-child li:last-child a {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
ul#projects_widget li li {
    font-size: 11px;
}
ul#projects_widget li li a {
    text-decoration: none;
}
ul#projects_widget li h3 {
    font-size: 13px;
    margin: 0;
    border-bottom: 1px solid #FFF;
    background: #F8F8F8;
    border-bottom: 1px solid #d1d1d1;
    padding: 0;
}
ul#projects_widget li h3 a {
    background: url(../images/site/icons/arrows/white_amber_circ.gif) no-repeat 5px center;
    display: block;
    text-decoration: none;
    padding: 10px 30px;
}
ul#projects_widget li h3:hover {
    background: #efefef;
}
ul#projects_widget li h3.selected a {
    background-image: url(../images/site/icons/arrows/white_amber_circ_down1.gif);
    background-color: #d6852a;
    color: #FFF;
}
ul#projects_widget li a {
    display: block;
}
ul#projects_widget li ul, ul#projects_widget li {
    margin: 0;
}
ul#projects_widget li ul li a {
    padding: 5px 10px 5px 30px;
    border-bottom: 1px solid #CCC;
    background: url(../images/site/icons/arrows/blue_small.gif) no-repeat 10px 10px;
}
ul#projects_widget li ul li a:hover {
    background-color: #f8f8f8;
}
div#expertise_intro {
    overflow: hidden;
    margin-bottom: 20px;
}
div#expertise_intro h2 {
    font-weight: bold;
    border: 0;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 20px;
}
div#expertise_diagram {
    width: 310px;
    height: 310px;
    float: left;
}
div#expertise_intro_inner {
    width: 246px;
    height: 296px;
    float: right;
    font-size: 12px;
}
div#services_offered {
    clear: both;
}
body.work div#content_pri {
    background: url(../images/site/grad/blue2.png) repeat-x 0 0;
}
/* ------- Projects listing page ------- */
div#filter {
    margin-bottom: 1.5em;
    padding: 10px 10px 7px 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
    background: #F0F0F0 url(../images/site/grad/silver.png) repeat-x 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div#branding form {
    float: right;
}
div#filter p {
    display: inline;
}
div#featured_project {
    background-color: #878787;
    color: #FFF;
    height: 275px;
    margin-bottom: 25px;
}
div#featured_project h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 130px;
    text-align: center;
    border: none;
}
div#project_listing {
    clear: both;
    width: 910px;
    overflow: hidden;
    font-size: 11px;
    background-image: url(../images/site/projects/bg.gif);
}
div#project_listing h2 span a {
    font-size: 12px;
    font-weight: normal;
}
div#project_listing h3 {
    font-size: 11px;
}
div#project_listing ul {
    width: 960px;
    clear: both;
    border-bottom: 40px solid #FFF;
    overflow: hidden;
    margin-bottom: 0;
}
div#project_listing ul li {
    display: block;
    width: 206px;
    float: left;
    margin-right: 28px;
    margin-bottom: 2em;
}
div#project_listing ul li img {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding: 2px;
    margin-bottom: 10px;
}
div#project_listing ul li img:hover {
    background-color: #d4d4d4;
}
div#project_listing ul li p {
    margin-bottom: 0;
}
/* ------- Project detail page ------- */
div#project_meta {
    margin-bottom: 2em;
    font-size: 11px;
    text-transform: uppercase;
}
div#project_meta dl {
    margin-bottom: 5px;
}
div#project_meta dt {
    font-weight: bold;
}
div#project_meta dt, div#project_meta dd {
    display: inline;
}

/* @end */



/* @group 13.NEWS
---------------------------------------------------------------------- */

/* news content pri styles */
div#news_title h2 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: none;
    margin: 0.5em 0 0.8em 0;
    padding-bottom: 0;
}
div#news_title h3 {
    font-weight: normal;
    font-style: italic;
    font-size: 13px;
    color: #333;
    text-align: center;
    margin: 0 0 1.5em 0;
}
div#content_pri ul.listing li {
    margin-bottom: 2em;
    border-bottom: 1px dotted #CCC;
    overflow: hidden;
    padding-bottom: 20px;
}
div#content_pri ul.listing li small {
    display: block;
    margin-bottom: 1em;
}
div#content_pri ul.listing li img {
    float: left;
    margin-right: 15px;
    border: 1px solid #CCC;
    padding: 2px;
}
div#content_pri ul.archive_listing li h3 {
    margin: 0;
}
div#content_pri ul.archive_listing li h4 {
    margin-top: 1.5em;
    background-color: #f0f1f1;
    padding: 5px;
    font-weight: normal;
}
div#content_pri ul.archive_listing li.archive_entry {
    border-bottom: 1px dotted #CCC;
    display: block;
    padding: 5px 0;
    overflow: hidden;
}
div#content_pri ul.archive_listing li.archive_entry a {
    text-decoration: none;
}
div#content_pri ul.archive_listing li.archive_entry a span.date {
    display: block;
    float: left;
    width: 2em;
    color: #666666;
    padding-left: 5px;
}
div#content_pri ul.archive_listing li.archive_entry a span.entry {
    display: block;
    float: left;
    width: 530px;
    text-decoration: underline;
}
div#content_pri div.related_reading {
    background-color: #edf1f5;
    padding: 10px;
    margin-bottom: 1em;
}
div#content_pri div.related_reading h2 {
    font-size: 15px;
}
/* Horizons archive */
ul.horizons_archive_listing p {
    font-weight: bold;
    font-size: 11px;
    margin-top: 10px;
}
ul.horizons_archive_listing ul {
    margin-bottom: 2em;
    overflow: hidden;
    padding-bottom: 10px;
}
ul.horizons_archive_listing ul li {
    font-size: 11px;
    margin: 0 10px 0.5em 20px;
    clear: none;
    list-style-type: circle;
}
ul.horizons_archive_listing li.pdf {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
ul.horizons_archive_listing li.pdf ul {
    margin-bottom: 0;
}
ul.horizons_archive_listing p.horizon_slider em {
    font-style: normal;
    font-weight: normal;
}
ul.horizons_archive_listing p.horizon_slider em a {
    color: #777;
    background: url(../images/site/icons/arrows/arrw_s_down.gif) no-repeat right center;
    text-decoration: none;
    padding: 0 10px 0 20px;
}
ul.horizons_archive_listing p.horizon_slider em a:hover {
    color: #4c4c4c;
    text-decoration: underline;
}
/* news content sec styles */
div#content_sec div#horizons_intro {
    background-color: #636E48;
    color: #FFF;
    padding: 15px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
}
div#content_sec div#horizons_intro h2 {
    color: #FFF;
}
div#content_sec div#horizons_intro img {
    margin-bottom: 5px;
    background-color: #FFF;
    padding: 2px;
}
div#content_sec div#horizons_intro a {
    color: #FFF;
}
.pdf a {
    background: url(../images/site/icons/format/pdf.gif) no-repeat 0 0;
    padding-left: 20px;
    padding-top: 1px;
}
div#content_sec div#horizons_intro p.more {
    font-size: 11px;
}
div#content_sec div#horizons_intro p.more a {
    padding-left: 15px;
    background: url(../images/site/icons/arrows/yellow_darkgreen_bg.gif) no-repeat 0 4px;
}
div#content_sec div#publications_intro {
    padding: 15px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #edf1f5;
    font-size: 12px;
}
div#content_sec div#publications_intro ul li {
    margin-bottom: 10px;
    background: url(../images/site/icons/article.gif) no-repeat 0 0;
    padding-left: 20px;
}
div#content_sec div#publications_intro ul li a {
    font-weight: bold;
}
div#content_sec div#news_updates {
    font-size: 12px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 20px;
    background-color: #411527;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
}
div#content_sec div#news_updates h2 {
    color: #FFF;
    font-size: 12px;
    line-height: 1.4;
}
div#content_sec div#news_updates a {
    color: #FFF;
}
div#content_sec div#news_updates li {
    margin-bottom: 0.5em;
}
div#content_sec div#news_updates li#news_updates_rss a {
    background: url(../images/site/icons/rss.gif) no-repeat 0 0;
    padding-left: 22px;
    padding-bottom: 5px;
}
div#content_sec div#news_updates div#news_updates_signup h3 {
    background: url(../images/site/icons/envelope.gif) no-repeat 0 3px;
    padding-left: 22px;
    padding-bottom: 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
div#content_sec div#news_updates div#news_updates_signup p.text label {
    display: inline-block;
}
div#content_sec div#news_updates div#news_updates_signup p.text input {
    width: 225px;
    float: none;
    display: block;
}
div#content_sec div#news_updates div#news_updates_signup h3.active {
    text-decoration: none;
}

/* @end */



/* @group 14.CAREERS
---------------------------------------------------------------------- */
div#jobs_email {
    padding: 15px 15px 5px 15px;
    margin-bottom: 20px;
    background-color: #1F3D58;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
    clear: both;
}
div#jobs_email h2 {
    font-size: 12px;
    color: #FFF;
    font-weight: normal;
    cursor: pointer;
    background: url(../images/site/icons/envelope.gif) no-repeat 0 3px;
    padding-left: 22px;
    display: block;
    margin: 0;
    margin-bottom: 1em;
    text-decoration: underline;
}
div#jobs_email h2.active {
    text-decoration: none;
}
div#jobs_email a {
    color: #FFF;
}
div#jobs_email p strong {
    
}
div#jobs_email p.text input {
    width: 182px;
    border: none;
    padding: 4px;
    float: none;
}
/* careers home */
body.careers div#content_pri {
    width: 700px;
    float: right;
    position: relative;
    margin-bottom: 20px;
}
div#careers_intro {
    background-color: #7B7B7B;
    width: 700px;
    height: 335px;
    position: relative;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div#careers_intro img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div#careers_intro div#careers_intro_welcome {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 310px;
    padding: 10px;
    background: url(../images/site/trans/white.png) repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
}
div#careers_intro div#careers_intro_welcome h2 {
    border: none;
    margin-bottom: 0 !important;
    font-size: 25px;
}
div#openings_intro {
    width: 350px;
    padding: 15px;
    float: left;
    border: 1px solid #ECECEC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div#openings_intro h2 {
    border: none;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 10px;
}
div#openings_intro ul li {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px dotted #CCC;
    font-weight: bold;
}
div#openings_intro ul li span.new {
    position: absolute;
    right: 0;
    top: 1em;
}
span.new {
    background-color: #8fa75a;
    color: #FFF;
    padding: 1px 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    top: 0px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
}
div#employee_profile {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #edf1f5;
    width: 270px;
    padding: 15px;
    float: right;
    position: absolute;
    right: 0;
    font-size: 12px;
}
div#employee_profile h2 {
    border: none;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 1em;
}
div#employee_profile blockquote {
    font-size: 15px;
    font-style: italic;
}
div#content_sec div#publications_intro ul li {
    margin-bottom: 10px;
    background: url(../images/site/icons/article.gif) no-repeat 0 0;
    padding-left: 20px;
}
div#content_sec div#publications_intro ul li a {
    font-weight: bold;
}
div#vacancies_updates {
    font-size: 12px;
    padding: 15px 15px 10px 15px;
    margin: 20px 0;
    background-color: #411527;
    color: #FFF;
    clear: both;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #FFF;
}
div#vacancies_updates h2 {
    color: #FFF;
    font-size: 12px;
    line-height: 1.4;
}
div#vacancies_updates a {
    color: #FFF;
}
div#vacancies_updates li, div#vacancies_updates ul {
    margin-bottom: 0;
}
div#vacancies_updates li#vacancies_updates_rss a {
    background: url(../images/site/icons/rss.gif) no-repeat 0 0;
    display: block;
    padding-left: 22px;
    padding-bottom: 5px;
}
/* ------- Application detail page ------- */
div#application_meta {
    margin-bottom: 2em;
    font-size: 11px;
    text-transform: uppercase;
}
div#application_meta dl {
    margin-bottom: 5px;
}
div#application_meta dt {
    font-weight: bold;
}
div#application_meta dt, div#application_meta dd {
    display: inline;
}
/* Openings */
table#openings {
    width: 100%;
}
table#openings thead {
    display: none;
}
table#openings th {
    font-weight: bold;
    font-size: 14px;
    width: 450px;
}
table#openings th, table#openings td {
    border-bottom: 1px dotted #CCC;
    padding: 10px 0;
}
table#openings td.post_location {
    text-transform: uppercase;
    font-size: 10px;
    text-align: right;
}
/* Careers sub pages */
body.careers_sub div#content_pri {
    float: left;
    width: 405px;
    margin-left: 20px;
    padding: 14px;
    border: 1px solid #CCC;
}
body.careers_sub div#content_sec {
    width: 215px;
    float: right;
    background-color: #636E48;
    border: none;
    padding: 15px;
    color: #FFF;
}
body.careers_sub div#content_sec h2 {
    color: #FFF;
}
div#employee_spotlight h2 {
    margin-bottom: 1em;
    font-size: 14px;
}
div#employee_spotlight {
    font-size: 12px;
}
div#employee_spotlight img {
    background-color: #FFF;
    padding: 2px;
}
div#employee_spotlight a {
    color: #b1b7a4;
}
div#employee_spotlight a:hover,
div#employee_spotlight a:focus {
    color: #fff;
}
div#how_to_apply {
    font-size: 12px;
    background-color: #EDF1F5;
    padding: 20px 10px 10px 10px;
    margin-bottom: 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div#how_to_apply p.send_to_friend {
    font-size: 11px;
    margin-top: 20px;
}
div#how_to_apply p.send_to_friend a {
    background: url(../images/site/icons/arrows/forward.gif) no-repeat 0 2px;
    padding-left: 16px;
}
div#how_to_apply p.button {
    font-size: 13px;
}
p.button a {
    padding: 8px 10px;
    color: #FFF;
    text-decoration: none;
    background: #d6852a no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
p.button a:hover {
    background-color: #B55E12;
    color: #fff;
}
p.button.next a {
    padding-right: 20px;
    background-image: url(../images/site/icons/pointer-arrow-white-right.png);
    background-position: right 10px;
}
,
p.button.previous a {
    padding-left: 20px;
    background-image: url(../images/site/icons/pointer-arrow-white-left.png);
    background-position: left 10px;
}
/* employee spotlight listings */
body.careers_sub.spotlight div#content_pri {
    width: 670px;
}
ul#spotlight_listing {
    list-style: none;
}
ul#spotlight_listing li {
    border-bottom: 1px dotted #ccc;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    overflow: hidden;
}
ul#spotlight_listing li:last-child {
    border-bottom: none;
}
ul#spotlight_listing li h3 {
    font-size: 14px;
}
ul#spotlight_listing li.image {
    padding: 0 0 10px 180px;
}
ul#spotlight_listing li a img {
    float: left;
    margin: 5px -215px 0 0;
    position: relative;
    left: -180px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}
ul#spotlight_listing li.alt.image {
    padding: 0 180px 10px 0;
}
ul#spotlight_listing li.alt.image a img {
    float: right;
    margin: 5px 0 0 -215px;
    position: relative;
    right: -180px;
    left: auto;
}
div#application_process {
    position: relative;
    margin-top: 2em;
}
div#application_process ol#steps {
    overflow: hidden;
    background-color: #edf1f5;
    margin-bottom: 2em;
}
div#application_process ol#steps li {
    float: left;
    display: block;
    padding: 5px 10px;
}
div#application_process ol#steps li.cur {
    font-weight: bold;
    color: #000;
}
div#application_process fieldset {
    border: 1px solid #ECECEC;
    padding: 34px 14px 14px 14px;
    margin-bottom: 20px;
}
div#application_process fieldset legend {
    font-size: 16px;
    color: #000;
    background-color: #FFF;
    padding: 0 10px;
}
form#application_form,
form#freeform {
    clear: both;
}
form#application_form label,
form#freeform label,
form#tellafriend_form label {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 15px;
}
form#application_form p,
form#freeform p {
    clear: both;
}
div.form_pag {
    position: relative;
    min-height: 2em;
}
div.form_pag p.button.next {
    position: absolute;
    right: 0;
}
form#application_form p.text input,
form#application_form p.file input,
form#tellafriend_form p.text input,
form#freeform p.text input,
form#freeform p.file input {
    width: 200px;
}
form#freeform p.submit,
form#tellafriend_form p.submit,
form#tellafriend_form p.req {
    margin-left: 165px;
}
div#eq_opp_statement {
    font-size: 11px;
    width: 400px;
    margin-top: 2.5em;
}
div#eq_opp_statement h3 {
    font-size: 12px;
}
p.backto {
    margin-bottom: 30px;
}

/* @end */



/* @group 15.CONTACT
---------------------------------------------------------------------- */

body.contact div#content_pri {
    width: 190px;
    float: left;
    background-color: #edf1f5;
    font-size: 11px;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
body.contact div#content_sec {
    width: 670px;
    float: right;
    border: 1px solid #CCC;
    padding: 14px;
}

body.contact div#content_sec h2 {
    clear:both;
}
body.contact div#content_pri h2#headquarters {
    margin-top: 0;
}
body.contact div#content_pri h2 {
    margin-top: 1.5em;
    font-size: 15px;
    border: none;
    padding: 0;
    margin-bottom: 1.5em;
    font-weight: bold;
}
body.contact div#content_pri h3 {
    font-size: 11px;
    margin-bottom: 0;
}
body.contact div#content_pri div#locations {
    clear: both;
    padding-top: 15px;
}
body.contact div#content_sec h2 {
    font-size: 20px;
    margin-bottom: 1.5em;
    float: left;
}
body.contact div#content_pri div#locations img {
    position: relative;
    top: -70px;
}
div#key {
    padding: 8px 0 0 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    float: right;
}
div#key ul li {
    display: inline;
    padding-right: 15px;
}
div#key ul li img {
    display: inline;
    position: relative;
    top: 3px;
}
div#map_canvas {
    clear:both; 
}

div.directory_location {
    float: left;
    width: 320px;
    margin-right: 15px;
    margin-bottom: 1em;
}

div.directory_location.stnd {
    margin-right:0;
}

/* @end */



/* @group 16.SEARCH RESULTS
---------------------------------------------------------------------- */

table#search_results {
    border: 1px solid #d7d7d7;
    padding: 1px;
    background: #fff;
    margin-bottom: 1.5em;
    width: 100%;
    margin-top: 1.5em;
    font-size: 12px;
}
table#search_results thead th {
    background: #b6bec7;
    font-weight: bold;
    padding: 7px 15px;
    border-right: 1px solid #fff;
}
table#search_results tbody th {
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    padding: 7px 0 7px 15px;
}
table#search_results tbody td {
    border-bottom: 1px dotted #ccc;
    padding: 7px 15px;
}
table#search_results tbody tr.last td,
table#search_results tbody tr.last th {
    border: none;
}
table#search_results tbody tr.relevant_result {
    background-color: #f0fbff;
}
table#search_results tbody td.no_relevant_results {
    background-color: #feffe0;
}
table#search_results tbody td.no_relevant_results p {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}
table#search_results tbody td.relevant_results {
    background-color: #feffe0;
}
table#search_results tbody td.relevant_results p {
    text-align: center;
    font-weight: normal;
    margin-bottom: 0;
}
table#search_results em {
    background-color: #ffff97
}
/*search highlight*/
p#search_intro {
    padding: 15px 15px 10px 15px;
    font-size: 15px;
    font-weight: bold;
}
th.results_title {
    width: 30%;
}
th.results_excerpt {
    width: 40%;
}
th.results_section {
    width: 15%;
}
.results_date {
    text-align: center;
}
table#search_results tfoot td {
    padding: 10px;
}
td.results_title a.download { 
    background: url(../images/site/icons/download.gif) left no-repeat; 
    padding-left: 25px; 
    display: block; 
}

/* @end */



/* @group 17.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#site_info {
    width: 910px;
    margin: 0 auto;
    padding: 15px;
    overflow: hidden;
    font-size: 12px;
    color: #FFF;
}
div#site_info a {
    color: #FFF;
}
div#site_info a:hover, div#site_info a:focus {
    color: #FFF;
}
div#site_info ul {
    width: 500px;
    float: left;
    font-weight: bold;
    margin: 0;
}
div#site_info ul li {
    float: left;
    display: block;
    margin-right: 15px;
}
div#site_info ul li a {
    
}
div#site_info p {
    display: block;
    float: right;
    margin: 0;
}

/* @end */



/* @group 18.EMAIL SIGNUP
---------------------------------------------------------------------- */

span.error_message {
    color: #de2d41;
    font-weight: bold;
    padding-left: 5px;
    font-size: 12px;
}
form#newsletterform label.error, div#jobs_email label.error {
    color: #de2d41;
    font-weight: bold;
    font-size: 11px;
}
form#newsletter_header_form {
    width: 530px;
}
form#newsletter_header_form label.error {
    color: #de2d41;
    font-weight: bold;
    font-size: 11px;
    width: 150px;
    float: right;
}
form#newsletter_header_form {
    overflow: hidden;
}
form#freeform label.error {
    color: #de2d41;
    font-weight: bold;
    padding-left: 5px;
    text-align: left;
    font-size: 12px;
    float: none;
    display: inline;
    width: auto;
}
/* sliding panel */
div#newsletter_main {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}
div#email_panel {
    width: 100%;
    color: #CCC;
    background: #162C3F;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
}
div#email_panel h2 {
    color: #FFF;
    font-size: 14px;
    border: 0;
    margin-bottom: 1em;
    font-weight: bold;
}
div#email_panel_inner {
    width: 915px;
    margin: 0 auto;
    padding: 15px;
}
div#email_panel form label {
    display: block;
    float: left;
    width: 120px;
    text-align: right;
    padding-right: 10px;
    color: #FFF;
}
div#email_panel form p.text input {
    width: 220px;
}
div#email_panel form p.submit input {
    margin-left: 130px;
}
span.required {
    color: #d6852a;
    font-weight: bold;
}
p#newsletter_req {
    margin-left: 130px;
}
div.tab {
    position: relative;
    top: 0;
    z-index: 999;
    width: 100%;
    font-size: 12px;
}
div.tab_inner {
    margin: 0 auto;
    width: 940px;
}
div.tab ul#tab_subscribe {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 0;
    width: auto;
    color: #FFF;
    text-align: center;
}
div.tab ul#tab_subscribe li a {
    color: #FFF;
    text-decoration: none;
}
div.tab ul#tab_subscribe li a:hover {
    color: #FFF;
}
div.tab .sep {
    color: #414141
}
div.tab a {
    cursor: pointer;
    display: block;
    position: relative;
    background-color: #162C3F;
    padding: 6px 10px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
div.tab a.open {
    background: #162C3F url(../images/site/icons/envelope.gif) no-repeat 10px center;
    padding-left: 34px;
}

/* @end */



/* @group 19.SIGNUP PAGES (NO JAVASCRIPT)
---------------------------------------------------------------------- */

body.signup {
    background-color: #162c3f;
}
body.signup div#email_panel {
    display: block;
}

/* @end */



/* @group 20.SPECIALITY TEMPLATES
---------------------------------------------------------------------- */

body.error {
    width: 600px;
    margin: 100px auto;
    font-size: 12px;
}
body.error div#message {
    background-color: #FFF;
    padding: 25px;
}
body.error div#message p#logo {
    margin: 10px 0 30px 0;
}
body.error div#message h4 {
    font-size: 13px;
}
body.error div#message p.mainmessage {
    background: #D6852A;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 2em;
}
body.error div#message p.more {
    margin-top: 2em;
}
body.error div#message p.more a {
    background: url(../images/site/icons/arrows/yellow_white_bg.gif) no-repeat 0 4px;
    padding-left: 15px;
}

/* @end */

/* @group 21.NEWSLETTER SIGNUP 
---------------------------------------------------------------------- */

body.newsletter div#content_pri {
    width: 190px;
    float: left;
    background-color: #edf1f5;
    font-size: 11px;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
body.newsletter div#content_sec {
    width: 670px;
    float: right;
    border: 1px solid #CCC;
    padding: 14px;
}
body.newsletter div#content_pri h2 {
    font-size: 15px;
    border: none;
    padding: 0;
    margin-bottom: 0.5em;
    font-weight: bold;
}
body.newsletter div#content_pri h3 {
    font-size: 11px;
    margin-bottom: 0;
}
body.newsletter div#content_sec h2 {
    font-size: 20px;
    margin-bottom: 1em;
}
body.newsletter div#content_sec form {
    width: 420px;
    margin: 30px auto;
}
body.newsletter div#content_sec form p {
    display: block;
    clear: both;
}
body.newsletter div#content_sec form label {
    float: left;
    width: 110px;
    text-align: right;
    margin: 0 0 1em 0;
}
body.newsletter div#content_sec form label.error {
    float: none;
    width: 400px;
    display: inline-block;
    text-align: center;
}
body.newsletter div#content_sec form p.text input {
    float: right;
    width: 280px;
    padding: 5px;
    margin: 0 0 1em 10px;
}
body.newsletter div#content_sec form p.submit input {
    float: right;
}
body.newsletter div#content_sec p#newsletter_req {
    display: none;
}



/* @group 22.SLIDESHOWS
---------------------------------------------------------------------- */

/* SLIDESHOWS */

div.slideshow {
	display: block;
	overflow: hidden;
	clear: both;
	border: 1px solid #ccc;
	padding: 2px;
	position: relative;
	margin: 0 0 20px 0;
}
div.slideshow div.slideshow_wrapper {
	overflow: hidden;
	position: relative;
	background:url(../images/site/icons/loader.gif) no-repeat 50% 50%;
}
div.small div.slideshow_wrapper {
/*  height: 390px;*/
}
div.slideshow ul.slides,
div.slideshow ul.controlNudge,
div.slideshow ul.slideshow_controls {
	padding: 0;
	margin: 0;
	overflow: hidden;
}
div.slideshow ul.slides li,
div.slideshow ul.controlNudge li,
div.slideshow ul.slideshow_controls li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
div.slideshow ul.slides li {
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow ul.slides li div.info {
    z-index:50;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	background: url(../images/site/trans/black-75.png);
	background: rgba(0,0,0,0.75);
	color: #fff;
	font-size: 11px;
	width: 100%;
}
div.slideshow ul.slides li div.info h3,
div.slideshow ul.slides li div.info p {
	padding: 10px 10px 0 10px;
}
div.slideshow ul.slides li div.info a {
	color: #fff;
}
div.slideshow ul.slides li div.info a:hover,
div.slideshow ul.slides li div.info a:focus {
	text-decoration: none;
}
div.slideshow ul.slides li div.info h3 {
	color: #fff;
	margin: 0;
}
div.slideshow ul.slides li div.info p {
	margin: 0 0 10px 0;
}

/* CONTROLS */

div.slideshow div.control_wrapper {
	background-color: #000;
	display: block;
	padding: 10px;
	overflow: hidden;
	position: relative;
}
div.slideshow ul.slideshow_controls {
	margin: 0;
	height: 57px;
	width: 999em;
	position: relative;
	z-index: 5;
	left: 0;
}
div.slideshow ul.slideshow_controls li {
	display: inline;
}
div.slideshow ul.slideshow_controls li span.description {
	display:none;
}
div.slideshow div.with_nudge {
	margin: 0 50px;
	padding:  10px 0;
}
div.slideshow ul.slideshow_controls li a {
	float: left;
	opacity: 0.7;
	padding: 2px;
	position: relative;
	margin: 2px 4px 2px 2px;
}
div.slideshow ul.slideshow_controls li:hover a,
div.slideshow ul.slideshow_controls li.cur a{
	opacity: 1;
}
div.slideshow ul.slideshow_controls li.cur a{
	margin: 1px 3px 1px 1px;
	border: 1px solid #ce9329;
}
div.slideshow ul.slideshow_controls li span.video {
	position: absolute;
	bottom: 3px;
	right: 3px;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/site/slideshows/nav-ctrl_video.png) no-repeat 0 0;
}

/* NUDGERS */

div.slideshow div.controlNudge {
	position: absolute;
	display: block;
	bottom: 2px;
	width: 50px;
	height: 77px;
	background: #000;
	z-index: 10;

}
div.slideshow div.prev {
	left: 2px;

}
div.slideshow div.next {
	right: 2px;

}
div.slideshow div.controlNudge a {
	width: 24px;
	height: 24px;
	margin: 25px auto 0 auto;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/site/slideshows/nav-ctrls.png) no-repeat 0 0;
}
body.no-js div.controlNudge {
	display: none;
}
div.slideshow div.controlNudge a.prev {
	left: 10px;
	background-position: -24px 0;
}
div.slideshow div.controlNudge a.prev:hover,
div.slideshow div.controlNudge a.prev:focus {
	background-position: -24px -24px;	
}
div.slideshow div.controlNudge a.next {
	right: 10px;
	background-position: 0 0;
}
div.slideshow div.controlNudge a.next:hover,
div.slideshow div.controlNudge a.next:focus {
	background-position: 0 -24px;	
}

/* MEDIA PLAYERS */
div.slideshow div.media_holder a.play {
	position:absolute;
	top:45%;
	left:50%;
	width:80px;
	padding:45px 0 0 0;
	margin:-33px 0 0 -40px;
	height:20px;
	display:block;
	background:#000;
	background:rgba(0,0,0,0.85) url(../images/site/slideshows/video-play_icon.png) no-repeat 50% 15px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
div.slideshow .media_player {
	z-index:99;
	position:relative;
}

/* @end */

/* @group 23.PROJECTS MAP
---------------------------------------------------------------------- */

div#content_pri div#projects_map {
    width:670px;
    padding:20px 0 0 0;
    margin:0 auto;
    overflow:visible;
    position:relative;
    background:rgb(245, 248, 251);
    border:1px solid rgb(219, 219, 219);
    -webkit-border-radius:5px;
    -mox-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
    div#projects_map div#map_information {
        padding:10px;
        -webkit-border-radius:5px;
        -mox-border-radius:5px;
        -o-border-radius:5px;
        border-radius:5px;
        background:url(../images/site/icons/projects_map/project_info.png) repeat;
        background:rgba(17, 35, 50, 0.95);
        color:rgb(255, 255, 255);
        width:200px;
        position:absolute;
        right:10px;
        top:10px;
        z-index:8;
        font-size:11px;
    }
    div#projects_map div#map_information p {
        margin-bottom:0;
    }
    div#projects_map div#map_information p a {
        color:rgb(255, 255, 255);
    }
    div#projects_map ul {
        margin:20px 0 0 0;
        border-top:1px solid rgb(219, 219, 219);
        display:block;
        overflow:hidden;
    }
        div#projects_map ul li {
            overflow:hidden;
            position:relative;
            top:1px;
            float:left;
            display:block;
            width:166px;
            background:rgb(238, 246, 255);
            border-right:1px dashed rgb(219, 219, 219);
            border-bottom:1px dashed rgb(219, 219, 219);
            font:normal normal normal 11px/1.5em Verdana, Helvetica, Arial, sans-serif;
        }
            div#projects_map ul li:nth-child(4n+4) {
                border-right:0;
                width:169px;
            }
            div#projects_map ul li.alt {
                background:rgb(250, 252, 255);
            }
            
            div#projects_map ul li a {
                display:block;
                padding:10px;
                min-height:105px;
                text-decoration:none;
                color:rgb(0, 0, 0);
                cursor:pointer;
            }
                div#projects_map ul li a:hover,
                div#projects_map ul li a:focus {
                    background:rgb(255, 255, 255);
                }
            div#projects_map ul li h1 {
                display:block;
                padding-left:15px;
                background:url(http://www.hazenandsawyer.com/assets/images/site/icons/arrows/yellow_trans.gif) 0 5px no-repeat;
                color:rgb(10, 25, 45);
                text-decoration:underline;
                margin-bottom:5px;
            }
            div#projects_map ul li p {
                font:italic normal normal 12px/1.5em Georgia, serif;
                
            }


div#projects_map div#map_interface {
    width:510px;
    height:360px;
    margin:0 auto;
}

    div#map_tooltip {
        position:absolute;
        z-index:999;
        background:url(../images/site/icons/projects_map/tooltip_arrow.png) left center no-repeat;
        padding-left:12px;
    }
        div#map_tooltip.right {
            padding-left:0;
            padding-right:12px;
            background:url(../images/site/icons/projects_map/tooltip_arrow_right.png) right center no-repeat;
        }
            div#map_tooltip.right div img {
                position:absolute;
                top:10px;
                right:22px;
            }
    div#map_tooltip div {
        color:rgb(255, 255, 255);
        width:220px;
        background:url(../images/site/icons/projects_map/tooltip_back_ie.png) repeat;
        background:rgba(0, 0, 0, 0.80);
        padding:10px;
        -webkit-border-radius:5px;
        -mox-border-radius:5px;
        -o-border-radius:5px;
        border-radius:5px;
        font:normal normal normal 11px/1.5em Verdana, Helvetica, Arial, sans-serif;
    }
        div#map_tooltip div h1,
        div#map_tooltip div p.meta {
            font:normal normal normal 15px/1.5em Georgia, serif;
            color:rgb(175, 217, 255);
            margin-right:60px;
        }
        div#map_tooltip div p {
            margin-bottom:8px;
        }
            div#map_tooltip div p.tools {
                overflow:hidden;
                margin-bottom:0;
            }
                div#map_tooltip div p.tools a {
                    float:right;
                    display:block;
                    cursor:pointer;
                    font-size:9px;
                    text-decoration:none;
                    color:rgb(0, 0, 0);
                }
        div#map_tooltip div p.meta {
            font-style:italic;
            font-size:12px;
            color:rgb(255, 255, 255);
        }
        div#map_tooltip div img {
            position:absolute;
            top:10px;
            right:10px;
        }
        div#map_tooltip div a.button,
        div#map_tooltip div a.close {
            display:block;
            float:right;
            margin-left:5px;
            height:20px;
            width:42px;
            background:url(../images/site/icons/projects_map/more.png) top;
            text-indent:-999em;
        }
        div#map_tooltip div a.close {
            width:42px;
            background-image:url(../images/site/icons/projects_map/close_project.png);
        }
            div#map_tooltip div a.button:hover,
            div#map_tooltip div a.close:hover,
            div#map_tooltip div a.button:hover,
            div#map_tooltip div a.close:focus {
                background-position:bottom;
            }

        body.no-js div#map_tooltip {
            display:none !important;
        }
        body.no-js div#map_interface {
            height:inherit !important;
        }
            body.no-js div#map_interface p {
                text-align:center;
            }
            
/* @end */