body {
    font-family:"Georgia", "Times New Roman", "Times", serif;
    font-size:100%;
    background-color:#170C03;
    background:#170C03 scroll 0 19px url('/media/site/img/header/header-horizontal-line.gif') repeat-x; 
}

object, embed {
    background: black;
}

h3, h4 {
    font-size:1.5em;
    font-family:"Helvetica Neue", "Helvetica", sans-serif;
    color:#FFF;
}

p, .default-body-text {
    font-family:"Georgia", "Times New Roman", "Times", serif;
    font-size:0.875em;
    color:#B1A393;
    background:transparent !important;
    text-shadow: 0 0 0 #000;
}

a, .default-link {
    color:#FD6500;
    font-size:0.8em;
}

a:hover {
    color:white;
    text-decoration:none;
}

.dynamic-content strong {
    font-weight:normal;
    color:white;
}

#header {
    background: transparent repeat-x scroll 0% 100% url('/media/site/img/header/header-bottom-shadow.gif');
}

#header #logo {
    text-indent:-999999px;
    background: transparent no-repeat scroll 0 0 url('/media/site/img/header/valve-logo-with-glow.gif');
    width:364px;
    height:170px;
    display:block;
    float:left;
}

#header-rhs {
    float:right;
    text-align:right;
    padding-right:10px;
    padding-top:30px;
}

#header-rhs h1 a {
    text-indent:-9999px;
    width:398px;
    height:53px;
    text-align:left;  
    background: transparent no-repeat scroll 0 0 url('/media/site/img/header/top-rendered-copy.gif');
    display:block;
    font: 0/0 Arial;
    vertical-align:bottom;
    text-decoration:none;
    overflow:hidden;
}

#header-rhs h2 {
    font-family:"Helvetica Neue", "Helvetica", sans-serif;
    font-size:1.0em;
    color:#8d7d6b;
    font-weight:lighter;
    letter-spacing:0.5px;
    margin-top:5px;
    margin-bottom:10px;
}

#header-rhs p {
    font-family:"Verdana", sans-serif;
    font-size:0.6em;
    line-height:1.25em;
    color:#635648;
    font-weight:normal;
}

#top-navigation {
    clear:both;
    overflow:hidden;
    width:100%;
}

#top-navigation div {
    float:right;
    height:39px;
}

#top-navigation div a {
    display:block;
    text-indent:-9999px !important;
    width:100%;
    height:100%;
}

#top-navigation a.last {
    margin-right:0px;
}

#top-navigation #nav-home {
    width:82px;
}
#top-navigation #nav-home a {
    background:no-repeat url('/media/site/img/header/nav-home.gif');
}
#top-navigation #nav-we-are {
    width:91px;
}
#top-navigation #nav-we-are a {
    background:no-repeat url('/media/site/img/header/nav-we-are.gif');
}
#top-navigation #nav-we-do {
    width:83px;
}
#top-navigation #nav-we-do a {
    background:no-repeat url('/media/site/img/header/nav-we-do.gif');
}
#top-navigation #nav-we-have-done {
    width:125px;
}
#top-navigation #nav-we-have-done a {
    background:no-repeat url('/media/site/img/header/nav-weve-done.gif');
}
#top-navigation #nav-we-are-here {
    width:111px;
}
#top-navigation #nav-we-are-here a {
    background:no-repeat url('/media/site/img/header/nav-were-here.gif');
}
#top-navigation #nav-we-say {
	width: 89px;
}

#top-navigation #nav-we-say a {
    background:no-repeat url('/media/site/img/header/nav-we-say.gif');
}



#top-navigation.nav-we-have-done #nav-we-have-done a,
#top-navigation.nav-we-do #nav-we-do a,
#top-navigation.nav-we-are #nav-we-are a,
#top-navigation.nav-home #nav-home a,
#top-navigation.nav-we-are-here #nav-we-are-here a,
#top-navigation.nav-we-say #nav-we-say a,
#top-navigation a:hover {
    background-position:0% -40px !important;
}

#content {
    border-top:1px solid #2f210e;
    width:100%;
    overflow:hidden;
}

#main-content,
#page-content, 
#dynamic-content,
#behavior-fill-zone {
    width:100%;
    overflow:hidden;
}

.dynamic-content {
    display:none;
}

.dynamic-content.active {
    display:block;
}

#dynamic-content #dynamic-navigation {
    background:transparent repeat-x url('/media/site/img/content/dynamic-nav-bg.gif');
    width:100%;
    overflow:hidden;
    padding-left:20px;
}

#dynamic-navigation div {
    width:120px; 
    height:62px;
    float:left;
}

#dynamic-navigation div a {
    text-indent:-9999px;
    display:block;
    width:100%;
    height:100%;
}

#dynamic-navigation #dyn-innovate, 
#dynamic-navigation #dyn-evaluate {
    width:132px;
}

#dynamic-navigation #dyn-evaluate a {
    background:no-repeat url('/media/site/img/content/dyn-evaluate.gif');
}
#dynamic-navigation #dyn-innovate a {
    background:no-repeat url('/media/site/img/content/dyn-innovate.gif');
}
#dynamic-navigation #dyn-design a {
    background:no-repeat url('/media/site/img/content/dyn-design.gif');
}
#dynamic-navigation #dyn-extend a {
    background:no-repeat url('/media/site/img/content/dyn-extend.gif');
}
#dynamic-navigation #dyn-evolve a {
    background:no-repeat url('/media/site/img/content/dyn-evolve.gif');
}

.dyn-title {
    width:100%;
    overflow:hidden;
    margin-bottom:25px;
}

.dyn-title-emblem,
.dyn-title-text {
    float:left;
    overflow:hidden;
    position:relative;
    display:inline-block;
    height:52px;
}

.dyn-title-emblem {
    width:52px;
}

.dyn-title-text {
    width:255px;
}

.dyn-title-emblem img,
.dyn-title-text img {
    position:absolute;
}


.evolve .dyn-title-emblem img {
    top:0px;
    left:0px;
}

.evaluate .dyn-title-text img {
    top:0px;
    left:0px;
}

.innovate .dyn-title-emblem img {
    top:-52px;
    left:0px;
}

.innovate .dyn-title-text img {
    top:0px;
    left:-235px;
}

.design .dyn-title-text {
    width:465px;
}

.design .dyn-title-emblem img {
    top:0px;
    left:-104px;
}

.design .dyn-title-text img {
    top:-104px;
    left:0px;
}

.extend .dyn-title-emblem img {
    top:0px;
    left:-52px;
}

.extend .dyn-title-text img {
    top:-52px;
    left:0px;
}

.evaluate .dyn-title-emblem img {
    top:-52px;
    left:-52px;
}

.evolve .dyn-title-text img {
    top:-52px;
    left:-235px;
}

#dynamic-navigation #dyn-evolve a.active,
#dynamic-navigation #dyn-extend a.active,
#dynamic-navigation #dyn-design a.active,
#dynamic-navigation #dyn-innovate a.active,
#dynamic-navigation #dyn-evaluate a.active,
body #dynamic-navigation div a:hover {
    background-position:0px -62px !important;
}


#behavior-fill-zone {
    padding-left:40px;
    padding-top:20px;
    padding-bottom:20px;
    line-height:1.1em;
    float:left;
    width:580px;
}

#form-location,
#form-were-here {
    display:block;
    background:#0e0702;
    float:right;
    padding:10px 25px;
    width:250px;
    font-family:"Verdana", sans-serif;
    font-size:0.8em;
    line-height:1.5em;
    margin-bottom:30px;
}

#form-were-here {
    padding-top:15px;
    padding-bottom:20px;
    padding-left: 25px;
    padding-right: 25px;
}
.link-grid-title {
    font-size:1.3em;
    color:white;
    font-family:"Helvetica Neue", "Helvetica", sans-serif;
    letter-spacing:0.5px;
    font-weight:normal;
    margin-top:14px;
}

.link-grid {
    margin-top:10px;
}

.link-grid tbody tr td {
    padding-bottom:7px;
    font-family:"Arial", sans-serif;
    font-size:0.9em;
    vertical-align:center;
}

.link-grid tbody tr td.first {
    padding-right:30px;
}

.dynamic-content a {
    font-family:"Arial", sans-serif;
}

.link-grid a {
    text-decoration:none;
    font-size:0.7em;
}

#page-we-do #page-content .link-grid span,
#page-we-do #page-content .link-grid a {
    color:#FD6500;
    text-decoration:none;
    font-size:0.7em;
}

.link-grid a:hover {
    color:white;
}

#bottom-catch {
    background:transparent repeat-x scroll 0 100% url('/media/site/img/header/header-bottom-shadow.gif');
    width:100%;
    height:143px;
    border-top:1px solid #2F210E;
    overflow:hidden;
    padding:30px;
    padding-bottom:0px;
}

#bottom-catch .catch-lhs,
#bottom-catch .catch-middle,
#bottom-catch .catch-rhs{
    float:left;
    position:relative;
    margin-bottom:10px;
    padding-right:35px;
    background:transparent scroll 95% 0% no-repeat url('/media/site/img/content/bottom-catch-upright.gif');
}

.subfeature-morelink {
    width:91px;
    height:38px;
    position:absolute;
    background:transparent scroll 0 -38px no-repeat url('/media/site/img/content/more-link.gif');
}

.subfeature-morelink:hover {
    background-position:0px 0px;
}

#bottom-catch .mailfield {
    float:none;
    display:block;
    z-index:100;
    margin:0;
    padding:0;
    left:0px;
} 

#bottom-catch div.mailfield input {
    width:120px;
    font-size:0.7em;
    display:block;
}

#bottom-catch .sign-up-form-fields {
    float:left;
    width:140px;
    margin-right:10px:
}
#form-sign-up .explanation,
label {
    display:block;
    font-family: "Verdana", sans-serif;
    font-size:0.8em;
    color:#B1A393;
    line-height:1.1em;
    margin-bottom:7px;
}

.drop-input {
    width:100%;
    position:relative;
}

form .drop-input input {
    background:#2F2317 no-repeat scroll 99% 2px url('/media/site/img/content/down-arrow.gif');
    color:#B1A393;
}

.formfield.question input,
.formfield.email input,
.formfield.name input,
#bottom-catch .mailfield input,
textarea {
    font-family:"Verdana", sans-serif;
    font-size:1.0em;
    background:#2F2317;
    border:1px solid #493726;
    overflow:auto;
    color:#B1A393;
    width:100%;
    margin:0;
    padding:2px;
    margin-bottom:10px;
    height:16px;
}

textarea {
    height:120px;
}

.submit-button {
    background:no-repeat scroll 0px -38px url('/media/site/img/content/send-button.png');
    display:block;
    text-indent:-9999px;
    border:none;
    cursor:pointer;
    width:91px;
    height:38px;
    margin-top:12px;
    margin-right:12px;
    float:left;
}

.submit-button:hover {
    background-position:0px 0px;
}

.submit-button.sign-up {
    margin:0px;
}

#footer {
    width:100%;
    overflow:hidden;
    vertical-align:top;
    background:#24180E;
    border-top:2px solid #291C10;
}

#footer p {
    font-size:8.5pt;
    color:#B1A393;
    font-family:"Verdana", sans-serif;
    line-height:1.3em;
    display:inline-block;
    margin-top:15px;
}

#footer span {
    font-weight:bold;
    color:#FF6100;
}

#footer a.logo {
    margin-left:17%;
    float:left;
}

#footer img {
    display:block;
}

#bottom-navigation {
    width:100%;
    overflow:hidden;
    border-top:1px solid #2F210E;
}

#bottom-info {
    width:18%;
    background: no-repeat scroll 75px 25px url('/media/site/img/footer/valve-emblem.png');
    float:left;
    height:220px;
    position:relative;
}

#bottom-info p {
    position:absolute;
    font-size:0.7em;
    line-height:1.4em;
    width:120px;
    font-family:"Verdana","Arial",sans-serif;
    text-align:right;
    right:25px;
    top:110px;

}

#bottom-services {
    float:left;
    background:no-repeat scroll 0 0 url('/media/site/img/footer/footer-lines.png');
    width:82%;
    height:222px;
}

#bottom-services div.headers {
    width:100%;
    position:relative;
}

#bottom-services h4 {
    position:absolute;
    font-size:9pt; 
    color:white;
    font-family:"Arial", sans-serif;    
    top:24px;
    text-transform:uppercase;
    font-weight:lighter;
}

#bottom-services div.links {
    margin-left:20px;
    width:100%;
    overflow:hidden;
}

#bottom-services ul {
    margin:0;
    padding:0;
    margin-left:16px;
    margin-top:65px;
    margin-bottom:15px;
    float:left;
}

#bottom-services ul#links-third-column li {
    width:165px;
}
#bottom-services ul li {
    list-style-image:url('/media/site/img/footer/navigation-arrows.gif');
    list-style-position:inside;
    margin-bottom:2px;
}

#bottom-services #jump-services {
    left:28px;
}
#bottom-services #helpful-downloads {
    left:532px;
}

#bottom-services ul li a {
    text-transform:uppercase;
    font-size:7pt;
    font-family:"Arial", "Verdana", sans-serif;
    text-decoration:none;
}

.header-img {
    margin-left:20px;
    margin-top:20px;
}

.side-img {
    width:360px;
    float:right;
    margin:20px 0px;
}

.side-text {
    width:500px;
    float:left;
    margin:20px 25px;
    margin-bottom:30px;
    line-height:1.2em;
}

.footer-img {
    margin-top:30px;
}

#bottom-services ul#helpful-downloads-list li {
    width:220px;
}

#footer .termslinks {
    margin-left:320px;
    margin-top:30px;
}

#form-were-here-submit {
    width:100%;
    overflow:hidden;
}

.results-panel {
    text-align:center;
    color:#B1A393;
    font-weight:bold;
    font-family:"Arial", sans-serif;
    font-size:13px;
    width:100%;
}

.required-text {
    font-family:"Verdana", "Helvetica", sans-serif;
    font-size:0.8em;
    margin-top:22px;
}

#footer .termslinks a {
    color:#b1a393;
    text-decoration:none;
}

#footer .termslinks a:hover {
    color:white;
    text-decoration:underline;
}

#more-link {
    float:right;
    margin-top:30px;
    margin-bottom:30px;
    margin-right:80px;
}

#more-link a {
    display:block;
    width:202px;
    height:53px;
    text-indent:-9999px;
    background:no-repeat scroll 0% 0% url('/media/site/img/content/btn-find-out-more.png');
}

#more-link a:hover {
    background-position:0px -53px;
}

#form-sign-up .results-panel {
    width:200px;
    float:left;
    margin-top:20px;
    margin-left:20px;
    line-height:1.2em;
}

.whats-this {
    font-size:0.95em;
    font-family:"Verdana", sans-serif;
}

#form-sign-up .whats-this {
    font-size:0.6em;
    padding-top:42px;
    display:block;
}

.explanation {
    padding-top:3px;
    width:100%;
}

#form-sign-up .explanation {
    font-size:0.7em;
    display:inline-block;
    width:80px;
    position:relative;
    top:-12px;
}

#form-sign-up input {
    margin-bottom:3px !important;
}