html {
    background:#43474C url('/images/background.jpg') repeat top left;
}
body {
    height:600px;
    background:transparent url('/images/background_gradient.jpg') repeat-x top left;
    color:#666666;
}
a,
a:visited {
    color:#444444;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
em {
    font-style:normal;
}
#header {
    height:157px;
    padding:0 0 0 0;
    background:#3A3E42 url('/images/header_background.gif') repeat top left;
}
#header h1 {
    padding:47px 0 0 30px;
}
#header h1 a {
    width:302px;
    height:42px;
    margin:0 0 0 0;
    display:block;
    text-indent:-9999px;
    background:transparent url('/images/title.gif') no-repeat top left;
}
#header h1 span {
    width:279px;
    height:19px;
    margin:-5px 0 0 12px;
    display:block;
    text-indent:-9999px;
    background:transparent url('/images/strapline.gif') no-repeat top left;
}
#header img {
    float:right;
    margin:43px 40px 0 0;
}
#welcome {
    height:200px;
    background:#8A9A3B url('/images/welcome_background.jpg') no-repeat top left;
    color:#33363a;
}
#welcome h2 {
    font-size:24px;
    padding:34px 0 10px 40px;
    font-weight:normal;
}
#welcome p.left,
#welcome p.right {
    width:270px;
    float:left;
    display:inline;
    margin:0 0 0 40px;
    font-size:14px;
    line-height:1.4em;
}
#content {
    background:#E1E3E4 url('/images/content_background.gif') repeat top left;
    padding:19px 0 20px 0;
}
#content h2 {
    width:116px;
    height:15px;
    margin:0 0 15px 40px;
    display:block;
    text-indent:-9999px;
    background:transparent url('/images/featured_work.gif') no-repeat top left;
}
#content div.left {
    width:199px;
    margin:0 0 0 32px;
    float:left;
    display:inline;
}
#content div.middle {
    width:199px;
    margin:0 0 0 1px;
    float:left;
    display:inline;
}
#content div.right {
    width:196px;
    margin:0 32px 0 1px;
    float:left;
    display:inline;
}
#content div.divider {
    background:transparent url('/images/about_divider.gif') repeat-y center right;
}
#content div.casestudy {
    height:225px;
}
#content div.casestudy a em,
#content div.casestudy a:visited em {
    display:none;
}
#content div.casestudy a:hover em {
    width:195px;
    height:115px;
    text-decoration:none;
    display:block;
    position:absolute;
    background:transparent url('/images/casestudy_hover.png') no-repeat 7px 7px;
}
#content div.content img {
    width:195px;
    height:115px;
}
#content div.casestudy h3 {
    margin:10px 8px 4px 8px;
    font-weight:normal;
}
#content div.casestudy p {
    margin:0 8px;
}
#about {
    background:#E1E3E4 url('/images/content_background.gif') repeat top left;
    font-size:12px;
}
#about div.shadow {
    width:622px;
    height:7px;
    margin:0 19px;
    background:transparent url('/images/about_shadow.gif') no-repeat top left;
}
#about div.divider {
    width:20px;
    height:115px;
    margin:52px 0 0 0;
    float:left;
    display:inline;
    background:transparent url('/images/about_divider.gif') repeat-y center center;
}
#about #purpose {
    width:380px;
    margin:0 0 0 40px;
    float:left;
    display:inline;
}
#about #purpose h2 {
    width:205px;
    height:19px;
    margin:14px 0 0 0;
    display:block;
    text-indent:-9999px;
    background:transparent url('/images/about_purpose_title.gif') no-repeat top left;
}
#about #purpose ul {
    margin:18px 0 30px 0;
}
#about #purpose ul li {
    height:32px;
    clear:both;
}
#about #purpose ul li.cms {
    background:transparent url('/images/icon_cms.jpg') no-repeat left center;
}
#about #purpose ul li.install {
    background:transparent url('/images/icon_install.jpg') no-repeat left center;
}
#about #purpose ul li.help {
    background:transparent url('/images/icon_help.jpg') no-repeat left center;
}
#about #purpose ul li p {
    width:338px;
    float:left;
    display:inline;
    padding:2px 0 0 42px;
}
#about #purpose ul li div.divider {
    width:380px;
    height:1px;
    clear:both;
    font-size:0;
    line-height:0;
    margin:7px 0 7px 0;
    background:transparent url('/images/about_purpose_divider.gif') repeat-x top left;
}
#about #contact {
    width:180px;
    margin:0 0 0 0;
    float:left;
    display:inline;
}
#about #contact h2 {
    width:100px;
    height:15px;
    margin:14px 0 0 0;
    display:block;
    text-indent:-9999px;
    background:transparent url('/images/about_contact_title.gif') no-repeat top left;
}
#about #contact ul {
    margin:24px 0 0 0;
}
#about #contact ul li {
    margin:0 0 17px 0;
}
#about #contact ul li h3 {
    font-weight:normal;
}
#footer {
    height:100px;
    background:#4F5559 url('/images/footer_background.gif') repeat top left;
    color:#989C9F;
}
#footer p {
    font-size:10px;
    padding:30px 65px 0 140px;
    background:transparent url('/images/footer_logo.gif') no-repeat 50px 32px;
}
div.shadow {
    width:660px;
    height:9px;
    font-size:0px;
    margin:0 auto;
    background:transparent url('/images/footer_shadow.png') no-repeat top left;
}
.hold {
    width:660px;
    margin:0 auto;
}
.clear:after {
    content:"."; 
    display:block; 
    clear:both; 
    visibility:hidden; 
    line-height:0; 
    height:0;
}
.clear {
    display:inline-block;
}
html[xmlns] .clear {
    display:block;
}
* html .clear {
    height:1%;
}