/*
=general
=headers
=links
=general content
=page structure
=left_column
=content_header
=content
=footer
=main_navigation
=sub_navigation
=misc
*/

/*
=general
---------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html { height: 101%; }

html, body { width: 100%; }

body {
    font-family: 'Lucida Grande', 'Lucida sans unicode', Verdana, Arial, Helvetica, sans-serif;
    font-size: 69%; /* 11px */
    color: #666;
    line-height: 155%; /* 18px */
    text-align: center;
    background-color: #F6F6F6;
}

table, tr, td, input, select, textarea, ul, ol {
    font-size: 100%;
    vertical-align: top;
}

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

/*
=headers
---------------------------------------------- */
/* =hx */
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }

/* =h1 */
h1 {
    font-size: 3em; /* 33px */
    color: #222;
    width: 100%;
    height: 25px;
    background: transparent no-repeat 0% 0%;
    text-indent: -999em;
    line-height: 25px;
    margin-bottom: 10px;
}

/* =h2 */
h2 {
    font-size: 1.635em; /* 18px */
    color: #222;
    margin-bottom: 1.25em;
    line-height: 130%;
}

/* =h3 */
h3 {
    font-size: 1.44em; /* 15px */
    color: #666;
    line-height: 140%;
    margin-bottom: 1.25em;
}

/* =h4 */
h4 {
    font-size: 1.18em; /* 13px */
    font-weight: normal;
    color: #333;
    margin-bottom: .75em;
    line-height: 140%;
}

/*
=links
---------------------------------------------- */

a img, img { border: 0; }

a {
    color: #00a6e9;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    color: #333;
}

/*
=general_content
-----------------------------------------------------*/

ul {
    list-style: none;
    margin-bottom: 2em;
}

p { margin-bottom: 1.5em; }

/*
=page structure
---------------------------------------------- */
#container { background-color: #fff; }

#wrapper {
    width: 936px;
    margin: 0 auto;
    padding-bottom: 10em;
    text-align: left;
    position: relative;
}

#left_column {
    padding-top: 185px;
    width: 215px;
    float: left;
    position: relative;
}

#right_column {
    width: 651px;
    float: right;
}

#content_header {
    width: 420px; /* 651px */
    padding: 26px 207px 15px 24px;
    height: 100px;
    min-height: 100px;
    margin-bottom: 37px;
    background: #555 url(/images/bg-content-header-green.gif) repeat-y 0% 0%;
    position: relative;
}

*>#content_header {
    height: auto;
}

#content {
    width: 100%;
    height: 200px;
    min-height: 200px;
    background: transparent repeat-y 100% 0%;
}

*>#content { height: auto; }

#footer {
    width: 100%;
    text-align: left;
    background: #f6f6f6 url(/images/bg-footer.gif) repeat-x 0% 0%;
    padding: 35px 0;
}

/*
=left_column
---------------------------------------------- */
#logo {
    position: absolute;
    top: 27px;
}

/*
=content_header
---------------------------------------------- */
#content_header span {
    position: absolute;
    top: 34px;
    right: 84px;
    width: 68px;
    height: 88px;
    background: transparent url(/images/bg-span-green.gif) no-repeat 0% 0%;
}

/*
=content
---------------------------------------------- */

#content.noimages { background: none !important; }

#content .content {
    width: 445px;
    float: left;
}

#content_img {
    width: 173px;
    float: right;
}

#content_img img {
    margin-bottom: 16px;
    width: 173px;
    position: relative;
}

#content li {
    background: transparent url(/images/bg-dot.gif) no-repeat 0% .65em;
    padding: 0 0 0 10px;
    margin-bottom: .25em;
    width: 100%;
}

/* =box */
#content .box {
    margin: 2em 0;
    padding: 1.5em 18px;
    background: #E3F4CE;
    width: 409px; /* 445px */
    color: #333;
}

#content .box a { border-bottom: none; }

#content .box ul { margin-bottom: 0; }

#content .box li { width: 399px; }

/*
=contact details
---------------------------------------------- */
.contact_details {
    width: 187px;
    float: left;
}

.contact_details h3 {
    padding-bottom: .5em;
    margin-bottom: .7em;
    border-bottom: 1px solid #C3C3C3;
}

/*
=person_listing
---------------------------------------------- */
#person_listing {
    width: 651px;
}

#person_listing h3 {
    border: none;
}

#person_listing ul {
    list-style: none;
    margin: 0 0 2em;
    padding: 0;
    width: 100%;
}

#person_listing li {
    display: inline;
    width: auto;
    background: none;
    padding: 0;
}

#person_listing li a {
    background: transparent url(/images/bg-people-listing-a.gif) no-repeat 0% 100%;
    width: 195px;
    height: 96px;
    display: block;
    position: relative;
    margin: 0 33px .8em 0;
    float: left;
    color: #666;
    border-bottom: none;
}

#person_listing li a:focus, #person_listing li a:hover, #person_listing li a:active {
    background-position: -195px 0%;
    color: #fff;
}

#person_listing li a img {
    display: block;
    height: 96px;
    width: 72px;
    float: left;
}

#person_listing li a span {
    position: absolute;
    top: 5px;
    left: 80px;
    width: 105px;
    line-height: 120%;
}

/*
=person_view
---------------------------------------------- */
#personal_details {
    width: 320px; /* 444px */
    height: 120px;
    background: transparent url(/images/bg-personal-details.gif) no-repeat 0% 100%;
    margin-bottom: 2.5em;
    position: relative;
    padding: 0 17px 0 107px;
}

#personal_details img {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 120px;
}

#personal_details h3 {
    margin: 0;
    padding: 1em 0 0;
    color: #27252B;
    border: none;
}

/*
=news_listing
---------------------------------------------- */
#news_listing {
    margin: 0;
    padding: 0;
}

#news_listing li {
    border-bottom: 1px solid #C3C3C3;
    padding: 0 0 1.5em;
    margin-bottom: 1em;
    background: none;
    width: auto;
}

#news_listing li strong {
    display: block;
    margin-bottom: .75em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.44em; /* 15px */
    font-weight: bold;
    color: #555;
    line-height: 130%;
}

#news_listing li a { border-bottom: none; }

/*
=outline_listing
---------------------------------------------- */
#outline_listing {}

#outline_listing li {
    background-color: #CDF1FF;
    position: relative;
    width: 330px; /* 444px */
    height: 103px;
    padding: 0 20px 0 94px;
    margin-bottom: 1em;
    background-image: none;
}

#outline_listing li img {
    width: 71px;
    height: 101px;
    border: 1px solid #D4D4D4;
    position: absolute;
    left: 0;
    top: 0;
}

#outline_listing li strong {
    font-size: 13px;
    display: block;
    padding: 1em 0 2em;
}

#outline_listing li a { border-bottom: none; }

#outline_listing li a.file {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

#outline_listing li span.pdf {
    background: transparent url(/images/bg-pdf.gif) no-repeat 0% 50%;
    padding: 0 5px 2px 31px;
    border-bottom: 1px solid #96C8E7;
    float: left;
}

#outline_listing li em {
    color: #777;
    font-style: normal;
}

/*
=footer
---------------------------------------------- */
#footer .content {
    width: 936px;
    margin: 0 auto;
    background: transparent url(/images/logo-footer.gif) no-repeat 100% 0%;
    height: 153px;
    min-height: 153px;
}

*>#footer .content { height: auto; }

#footer ul { font-size: .912em; /* 10px */ }

#footer li {
    background: none;
    width: auto;
    padding: 0;
}

#footer h4 {
    font-size: .912em; /* 10px */
    color: #888;
    margin-bottom: 0;
}

#footer a {
    color: #00a6e9;
}

#footer a:focus, #footer a:hover, #footer a:active { 
    color: #333;
}

/*
=main_navigation
---------------------------------------------- */
#main_navigation {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#main_navigation li {
    display: inline;
    background: none;
    padding: 0;
    width: auto;
    line-height: 120%;
}

#main_navigation a {
    border: solid #fff;
    border-width: 1px 0;
    display: block;
    background: transparent url(/images/bg-main-navigation-a.gif) no-repeat 0% 50%;
    padding: .25em 0 .25em 16px;
    color: #00A6E9;
}

#main_navigation a:focus, #main_navigation a:hover, #main_navigation a:active, #main_navigation li.current a { color: #6c9f00; }

#main_navigation li.current a {
    border-top: 1px solid #CBCBCB;
    background-image: url(/images/bg-main-navigation-current);
    border-bottom: 1px solid #F2F2F2;
    margin: 6px 0;
}

/* =nav_1 */

#main_navigation ul.nav_1 {
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: .2em;
    margin: 0;
}

#main_navigation ul.nav_1 a {
    border: none;
    background: none;
    padding: .1em 0 .1em 30px;
    color: #00A6E9;

}

#main_navigation ul.nav_1 a:focus, #main_navigation ul.nav_1 a:hover, #main_navigation ul.nav_1 a:active, #main_navigation ul.nav_1 li.current a { color: #000; }

#main_navigation ul.nav_1 li.current a { background: transparent url(/images/bg-nav-1-current.gif) no-repeat 16px .48em; }

/*
=sub_navigation
---------------------------------------------- */

#sub_navigation {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sub_navigation li {
    background: transparent url(/images/bg-dot-blue.gif) no-repeat 0% .7em;
    padding: 0 0 0 13px;
    margin-bottom: .35em;
    width: 407px; /* 420px */
}

#sub_navigation li.current { background: transparent url(/images/bg-dots-green.gif) no-repeat 0% .45em; }

#sub_navigation a {
    color: #68D4FF;
    border-bottom: none;
}

#sub_navigation a:focus, #sub_navigation a:hover, #sub_navigation a:active, #sub_navigation li.current a {
    color: #D1D1D1;
}

/*
=misc
---------------------------------------------- */

.hide {
    position: absolute;
    left: -999em;
}

a.top { }

/* self clearing floats */

.clearfix:after,
#header div.padding:after,
#content_header_img:after,
#content:after,
#people:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*
=the company
---------------------------------------------- */
#body_123.body_123 #content_header { background-image: url(/images/bg-content-header-purple-purple.gif); }
#body_123 #content_header { background-image: url(/images/bg-content-header-purple.gif); }
#body_123 #content_header h1 { background-image: url(/images/bg-h1-the-company.png); }
#body_123 #content_header h2 { color: #222; }
#body_123 .contact { color: #561e7d; }
#body_123 #content_header span { background-image: url(/images/bg-span-purple.gif); }
#body_123 #content { background-image: url(/images/bg-content-purple.gif); }
#body_123 #content .box { background-color: #dfd6e6; }

/*
=our services
---------------------------------------------- */
#body_126.body_126 #content_header { background-image: url(/images/bg-content-header-blue.gif); }
#body_126 #content_header { background-image: url(/images/bg-content-header-grey-blue.gif); }
#body_126 #content_header h1 { background-image: url(/images/bg-h1-our-services.png); }
#body_126 #content_header h2 { color: #222; }
#body_126 #content_header span { background-image: url(/images/bg-span-blue.gif); }
#body_126 #content { background-image: url(/images/bg-content-blue.gif); }
#body_126 #content .box { background-color: #CDF1FF; }

/*
=projects
---------------------------------------------- */
#body_132.body_132 #content_header { background-image: url(/images/bg-content-header-green-green.gif); }
#body_132 #content_header { background-image: url(/images/bg-content-header-grey-green.gif); }
#body_132 #content_header h1 { background-image: url(/images/bg-h1-projects.png); }
#body_132 #content_header h2 { color: #222; }
#body_132 h4 { color: #8CC63F; }
#body_132 #content_header span { background-image: url(/images/bg-span-green.gif); }
#body_132 #content { background-image: url(/images/bg-content-green.gif); }
#body_132 #content .box { background-color: #E3F4CE; }

/*
=people
---------------------------------------------- */
#body_129 #content_header { background-image: none; }
#body_129 #content_header h1 { background-image: url(/images/bg-h1-people.png); }
#body_129 #content_header h2 { color: #222; }
#body_129 #content_header span { background-image: url(/images/bg-span-grey.gif); }
#body_129 #content { background-image: none; }

/*
=news
---------------------------------------------- */
#body_133 #content_header { background-image: none; }
#body_133 #content_header h1 { background-image: url(/images/bg-h1-news.png); }
#body_133 #content_header span { background-image: url(/images/bg-span-grey.gif); }
#body_133 #content { background-image: url(/images/bg-content-grey.gif); }