html, body {
    margin: 0;
    padding: 0;
    background: #0b7abc url('../images/body-bg.png') 0 0 repeat-x;
}

body {
    font: normal 12px/20px "Gill Sans", "Helvetica Neue", Calibri, Arial, Helvetica, "Trebuchet MS", sans-serif;
}

#container {
    background: url('../images/container-bg.jpg') 50% 0 no-repeat;
}


#header, #content, #allYourBase {
    width: 960px;
    text-align: center;
    margin: 0 auto;
}

.hr hr {
    display: none !important;
}

.hr {
    height: 1px;
    background: #a9cbdf;
    margin: 5px 0;
    color: #FFF;
    border: none;
    clear: both;
}

body, a {
    color: #666;
    text-decoration: none;
}

a {
    color: #0b7abc;
}

a:hover {
    color: #e65200;
}

p {
    margin: 0 0 8px 0;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    REQUIRED CSS FOR STICKY FOOTER 2009
   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 
html, body, #container {
    height: 100%;
}

body > #container {
    height: auto;
    min-height: 100%;
}

#allYourBase {
    position: relative;
	margin-top: -46px; /* negative value of footer height */
	height: 46px;
	clear: both;
    display: block;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    HEAD
   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#activebar-container {
    zoom: 1;
    padding: 4px 0 !important;
}

#activebar-container .icon {
    margin-left: 4px !important;
}

#header {
    padding-top: 179px;
    height: 83px;
}

#logo {
    width: 255px;
    height: 52px;
    margin: 0 0 0 -20px;
    _margin: 0; /* IE6 */
    float: left;
}

#logo a {
    background: url('../images/logo.png') 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -36731px;
    outline: none;
}

#logo a:hover {
    background: url('../images/logo.png') 0 -52px no-repeat;
}

#tagline {
    display: none;
}

.primary_navigation {
    margin: 6px 0 0 0;
    padding: 0;
    width: 705px; /* #header minus #logo */
    _width: 685px; /* IE6 ^ take margin off #logo */
    list-style: none;
    height: 52px; /* same as #logo */
    overflow: hidden;
    float: left;
}

.primary_navigation li {
    float: right;
    height: 52px;
    margin: 0 0 0 20px;
}

.primary_navigation li a {
    display: block;
    height: 100%;
    outline: none;
    text-decoration: none;
    text-indent: -25662px;
}

.primary_navigation li a {
   background: url('../images/csg-4b210456c2d60.png') no-repeat top left;
}

#design-development a, #design-developmentactive a {
    background-position: 0 0;
    width: 151px;
}

#design-development a:hover, #design-developmentactive a {
    background-position: 0 -102px;
}
/*
#expert-support-services a, #expert-support-servicesactive a {
    background: url('../images/nav-2.png') 0 0 no-repeat;
    width: 167px;
}

#expert-support-services a:hover, #expert-support-servicesactive a {
    background: url('../images/nav-2b.png') 0 0 no-repeat;
}
*/
#manifesto a, #manifestoactive a {
    background-position: 0 -408px;
    width: 167px;
}

#manifesto a:hover, #manifestoactive a {
    background-position: 0 -510px;
}

#weblog a, #weblogactive a {
    background-position: 0 -612px;
    width: 97px;
}

#weblog a:hover, #weblogactive a {
    background-position: 0 -714px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    CONTENT
   :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#allYourBase {
    background: url('../images/allYourBase.png') 0 5px no-repeat;
    text-indent: -43672px;
    _display: none;
}

#allYourBase span {
    display: none;
}


#allYourBaseSpacer {
    padding: 0 0 56px 0;
    _padding: 0 0 10px 0;
}

#content {
    text-align: left;
    background: url('../images/content-bg.png') 0 0 repeat;
    _background: #085583;
    margin: 10px auto 0 auto;
    overflow: hidden;
}


#content2 {
    margin: 10px;
    _width: auto; 
    _display: inline; /* IE6 double margin bug */
    float: left;
    
}

#primary {
    width: 600px;
    background: #FFF;
    padding: 30px 50px;
    _padding: 30px 0 30px 50px; /* what? IE6 is mental */
    _display: inline; /* avoiding IE6 double margin bug */
    float: left;
}


.anythingSlider, .anythingSlider .wrapper {
    height: 100px !important;
}

.anythingSlider {
    margin: -30px 0 0 -50px !important;
}


#grr-first-child {
    clear: both;
    overflow: hidden;
}

#grr-first-child p:first-child {
    font-weight: bold;
    font-size: 14px;
    background: #dcecf6;
    padding: 10px;
    border-bottom: 1px solid #a9cbdf;
}

#primary h1, #primary h2, #contact-us, #finding-us {
    padding: 0;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    background: #e85e00 url('../images/heading-bg.png') 100% 0 no-repeat;
    text-indent: 20px;
    margin: -29px 0 40px -49px;
    width: 698px;
}

#contact-us, #finding-us {
    margin: 0 0  10px -10px;
    font-size: 14px;
    line-height: 28px;
    width: 239px;
    display: none;
}

#secondary {
    width: 240px; /* #content2 minus #primary, #content2 is #content minus margins (20px) */
    float: left;
}

#footer {
    width: 700px; /* same as #primary */
    text-align: center;
    background: #FFF;
    margin: 0;
    padding: 10px 0;
    color: #0b7abc;
    font-size: 10px;
    border-bottom: 1px solid #01395b;
    clear: both;
}

#copyright {
    margin: 0;
    padding: 0;
}

.secondary_navigation, .sidebar {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    border: 1px solid #FFF;
    width: 239px; /* #secondary minus border */
    border-left: none;
    background: #f18900;
    margin-bottom: 10px;
}


.secondary_navigation li {
    width: 200px; /* #secondary minus .secondary_navigation border */
    margin-left: 20px;
    background: url('../images/secondary_navigation-border.png') 0 100% repeat-x;
}

.secondary_navigation .last {
    background: none;
}


.secondary_navigation li a {
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 10px 0;
}

#page_details, #extra_content {
    width: 220px;
    background: #FFF;
    color: #0b7abc;
    margin: 0 0 10px 0;
    padding: 10px;
    overflow: hidden;
}

#click-web {
    background: url('../images/laptop.png') 0 40% no-repeat;
    padding: 0 0 0 20px;
    display: block;
    margin: 0;
}

#click-email {
    background: url('../images/mail.png') 0 40% no-repeat;
    padding: 0 0 0 20px;
    display: block;
    margin: 0;
}

#click-phone {
    background: url('../images/phone.png') 0 40% no-repeat;
    padding: 0 0 0 20px;
    display: block;
    margin: 0;
}

#portfolioSidebar {
    width: 120px;
    float: right;
}

.portfolioMainbar {
    width: 460px;
    float: left;
}

#yearList, #yearListLabel, #portfolioTagListLabel, #portfolioTagList {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #FFF;
}

#yearListContainer, #portfolioTagListContainer {
    padding: 0 10px 10px 10px;
}

#yearListContainer {
    border-bottom: 1px solid #FFF;
}

#yearList li, #portfolioTagList li {
    background: #FFF;
    margin: 3px 0;
    display: inline-block;
}

#yearList li a, #portfolioTagList li a {
    text-decoration: none;
    color: #262626;
    padding: 0 3px;
    display: block;
    border: 1px solid #FFF;
}


#yearList li.selected, #portfolioTagList li.selected {
    font-weight: bold;
}

#yearList li.selected a, #portfolioTagList li.selected a {
    background: #e85e00;
    color: #FFF;
    border: 1px solid #FFF;
} 

#yearList li a:hover, #portfolioTagList li a:hover {
    background: #0b7abc;
    color: #FFF;
}


.firstQuote {
    font-family: georgia;
    float: left;
    height: 45px;
    margin-top: -20px;
    padding-top: 30px;
    margin-bottom: -50px;
    font-size: 400%;
    color: #ddd;
}

.lastQuote {
    font-family: georgia;
    float: right;
    height: 25px;
    margin-top: 0px;
    padding-top: 30px;
    font-size: 400%;
    color: #ddd;
}


.portfolioImage {
    width: 180px;
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #ddd;
}

.firstPortfolioImage {
    float: right;
    width: 380px;
}

.portfolioYear {
    color: #999;
    float: left;
    clear: both;
    width: 10%;
}

.portfolioIndex {
    float: right;
    width: 90%;
    margin-bottom: 5px;
}

.portfolioIndex h3 {
    padding: 0 0 3px 0;
    margin: 0;
    border-bottom: 1px solid #dfdfdf;
}

#title-profiles {
    display: none;
}

#primary .standardButton {
    clear: both;
    margin: 10px 5px 10px 0;
}