@charset "UTF-8";
/* CSS Document */

body, li, ul, ol, p, h1, h2, h3, h4, a, img, div {margin: 0; padding: 0;}

body {background-image: url(../graphics/panel.jpg); background-attachment: fixed; text-align: center; font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif; color: #000; font-size: 72%;}

h1 {font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;}
h2 {font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif; font-size:24px; letter-spacing:-1px; line-height:28px; padding:20px;}
h3 {font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif; font-size: 1.4em; text-align: left;}

p {font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 1.1em;}

#container {width: 820px; margin: 0 auto;}

#banner {margin-top: 1.5em; border-bottom: solid 1px #000000; height: 101px; padding-bottom: 13px;}

#topnav {float: left; width: 670px; margin-top: 89px; text-align: left; font-weight:700;}
#topnav li {display: inline; list-style-type: none; font-size: 1.2em;}
#topnav li a {margin: 0px 24px 0 0; padding: 0 13px 5px 0; min-height: 101px; padding-right: 13px; text-decoration: none; color: #000000; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in;}
#topnav li a:hover {border-bottom: solid 4px #b3382d; color: #b3382d; -webkit-transition-timing-function: ease-out;}

#logo {float: right;}
#logo .displace {position: absolute; left: -5000px;}
#logo a.rollover {width: 140px; height: 115px; display: block; background-image: url(../graphics/jdub-logo-composite.png); background-repeat:no-repeat;}
#logo a.rollover:hover {background-position : 0 -115px;}

#content a {text-decoration: none; border-bottom: dashed 2px #b3382d; color: #b3382d; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in;}
#content .wh-screen a, #services #content .wh-services-screen a {border-bottom: none;}
#content a:hover {color: #002c43; border-bottom: none; -webkit-transition-timing-function: ease-out;}

div#heading {height: 65px; padding-bottom: 65px; background-repeat: no-repeat; background-position:top left; border-bottom: dashed 2px #000000;}
#heading h1 {visibility: hidden;}

/* Home Page */

#home #content .wh-screen {height: 360px; width: 800px; background-color: #ffffff; border: solid 1px #999; border-bottom: none;  margin: 0 auto; margin-top: 30px;}
#home #content .wh-screen img {border: none; margin: 0px 0px 0px -5px; display: inline;}
#home #content .wh-screen-bottom {height: 30px; background-image:url(../graphics/bottom-shadow.png); background-position: top; background-repeat: no-repeat; border-bottom: dashed 2px #000000;}


/* About Us Page */

#about-us #content .wh-screen {height: 240px; width: 800px; background-color: #ffffff; border: solid 1px #999; border-bottom: none;  margin: 0 auto; margin-top: 30px;}
#about-us #content .wh-screen img {border: none; margin: 10px 10px 10px 10px; display: inline; float: right;}
#about-us #content .wh-screen-bottom {height: 30px; background-image:url(../graphics/bottom-shadow.png); background-position: top; background-repeat: no-repeat; border-bottom: dashed 2px #000000;}

/* Selected Works Page */

#content .wh-screen {height: 239px; width: 800px; background-color: #ffffff; border: solid 1px #999; border-bottom: none;  margin: 0 auto; margin-top: 30px;}
#content .wh-screen h3 {margin-top: .6em;}
#content .wh-screen img {float: left; border: solid 1px #999; margin: 10px 10px 10px 10px; display: inline;}
#content .wh-screen .wh-screen-desc {margin: 0 1.1em 1.1em 1.1em;}
#content .wh-screen-bottom {height: 30px; background-image:url(../graphics/bottom-shadow.png); background-position: top; background-repeat: no-repeat; border-bottom: dashed 2px #000000;}
#content .wh-screen li.view-button {list-style-type: none;}
#content .wh-screen .view-button a {padding: 5px 5px 5px 5px; margin: 10px 0 10px 548px;  text-align: right; width: 150px; background-color: #000000; display: block; font-size: .9em; line-height:12px; text-decoration: none; color: #ffffff; display: block; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-in;}
#content .wh-screen .view-button a:hover {background-color: #b3382d; -webkit-transition-timing-function: ease-out;}
#content .wh-screen-bottom-last {border-bottom: none;}

/* Services Page - Big Boxes */

#services-rows #content .wh-screen {text-align: left; height: 120px; width: 800px; background-color: #ffffff; border: solid 1px #999; border-bottom: none;  margin: 0 auto; margin-top: 30px; }
#services-rows #content .wh-screen .wh-sm {float: left; width: 234px; margin: 0 11px 0 11px; padding: 5px;}
#services-rows #content .wh-screen-bottom {height: 30px; background-image:url(../graphics/bottom-shadow.png); background-position: top; background-repeat: no-repeat; border-bottom: none;}
#services-rows #content .wh-screen h4 {font-size: 1.3em; font-weight: 700;}
#services-rows #content .wh-screen p {line-height: 1.2em; font-size: 1em; border-top: solid 1px #999; padding-top: 3px; margin-top: 3px;}

/* Services Page - One Big Box */

#services #content .wh-services-screen {text-align: left; width: 800px; background-color: #ffffff; border: solid 1px #999; border-bottom: none;  margin: 0 auto; margin-top: 30px; padding-bottom: 15px;}
#services #content .wh-services-row {margin:0 auto; text-align: left; width: 100%; padding-bottom: 96px; padding-top: 12px;}
#services #content .wh-services-row .wh-sm {float: left; width: 234px; margin: 0 11px 0 11px; padding: 5px;}
#services #content .wh-screen-bottom {height: 30px; background-image: url(../graphics/bottom-shadow.png); background-position: top; background-repeat: no-repeat; border-bottom: dashed 2px #000000;}
#services #content .wh-services-row h4 {font-size: 1.3em; font-weight: 700;}
#services #content .wh-services-row p {line-height: 1.2em; font-size: 1em; border-top: solid 1px #999; padding-top: 3px; margin-top: 3px;}

/* Small white boxes */

#wh-row-3 .services-row {margin:0 auto; text-align: left; width: 100%; padding-bottom: 136px; padding-top: 12px;}
#wh-row-3 .services-row .wh-sm-wrap {float: left; width: 251px; margin: 0 11px 0 11px;}
#wh-row-3 .services-row .wh-sm {height: 105px; background-color: #ffffff; border: solid 1px #999; border-bottom: none; padding: 8px;}
#wh-row-3 .services-row h4 {font-size: 1.3em; font-weight: 700;}
#wh-row-3 .services-row p {line-height: 1.2em; font-size: 1em; border-top: solid 1px #999; padding-top: 3px; margin-top: 3px;}
#wh-row-3 .wh-sm-bottom {background-image:url(../graphics/bottom-shadow-small.png); background-position: top; background-repeat: no-repeat; height: 21px; padding-top: 0px;}


/* Footer */
#footer2 {
background:url(../graphics/footer2-noise.gif) repeat scroll 0 0 transparent;
}
#footer2 .wrapper {
background:url(../graphics/footer-bg.gif) repeat-x scroll center top transparent;
}
#footer2 .candy {
margin:0 auto;
padding:30px 0 35px;
width:960px;
}
#footer2 .left {
float:left;
margin:15px 0 0 10px;
width:430px;
}
#footer2 .right {
float:right;
margin:30px 10px 0 0;
}
#footer2 .right {
float:right;
margin:30px 10px 0 0;
}