html, body, #container {
    height: 100%;
}

body {
    text-align: center;
margin:0;
padding:0;
}

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

img {
    border: none;
}

hr {
display:none;
}

table#projects{
left:-10px;
padding-top:10px;
position:relative;
}
#main {
    padding-bottom: 300px;
    text-align: left;
}
 /* must be same height as the footer */
#footer {
    position: relative;
margin:0;
padding:0;
    margin-top: -300px; /* negative value of footer height */

    clear: both;
    background: url(/resources/images/footer.png) top left repeat-x;
    background-color: #000;
}

/* 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 */
.clr {
    clear: both;
    height:0;
overflow:hidden;
}

div#contentBase div.dynamicDiv div{margin:0; width:700px; padding:0;}
div#contentBase div.dynamicDiv div div{margin:0px; padding:0px;}
div div#slidingSection div#top-scroller{margin:0;}
.col_1 {
    width: 900px;
}

.col_1b {
    width: 680px;
    margin-left: 10px;
    margin-right: 10px;
}

.col_2 {
    float: left;
    width: 440px;
    margin-left: 10px;
    margin-right: 10px;
}

.prefix_2 {
    padding-left: 420px;
}

.col_3 {
    float: left;
    width: 280px;
    margin-left: 15px;
    margin-right: 15px;
}

.col_4 {
    float: left;
    width: 190px;
    margin-left: 10px;
    margin-right: 10px;
}

.alpha {
    margin-left: 0px;
}

.omega {
    margin-right: 0px;
}

#top_bar {
    background: #000;
    height: 5px;
    width: 100%;
}

/*NAVIGATION*/
#navheader {
    width: 900px;
    height: 118px;
    background: url(/resources/images/dh_logo.png) top left no-repeat;
margin:0;
padding:0;    
padding-bottom: 30px;
}

#logo {
    float: left;
}

div#leftNav{width:190px;padding-right:10px;float:left;}
div#contentBase{width:700px;float:left; margin:0; padding:0;}
img#dh_image_nav {
    padding-top: 45px;
    float: right;
}

div#main_nav {
    padding-top: 51px;
    float: right;
}

#main_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display:inline;
}
#main_nav ul li ul{display:none;}
#main_nav ul li {
    float: left;
    display: inline;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.4em;
    padding-left: 20px;
}

#main_nav ul li.link {
    padding-top: 6px;
}



#main_nav.last-child{
    padding-right: 0px;
}

#main_nav a {
    color: #707070;
    text-decoration: none;
}

#main_nav ul li a:hover span, #main_nav ul li a:hover.last span, #main_nav ul li a:hover span.main_navHighlight {
    color: #007ABC;
    text-decoration: none;
}

#main_nav ul li a span.main_navHighlight{
    color: #FF9900;
}

.hidden {
    display: none;
}

#top_content, #mid_content, #footer_content {
    width: 900px;
    margin: 0 auto;
padding:0;
    text-align: left;
}

#top_content {
    /*padding-bottom: 20px;*/
}

#flash_content {
    height: 400px;
}

#sliding_content {
    height: 400px;
}

#black {
    background: #000;
    color: #FFF;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

#clients {
    padding-top: 30px;
}

.client_logo {
    float: left;
}

#footer .info {
    padding-top: 15px;
    padding-bottom: 40px;
}

#footer_content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer_content ul li {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#footer a {
    color: #afafaf;
    text-decoration: none;
}

#footer a:hover, #footer a:hover.last {
    color: #FF9900;
    text-decoration: underline;
}

#social_icons {
    float: right;
margin:0;
padding:0;
padding-right:10px;
}

#social_icons ul {
    margin: 0;
    padding: 0;
}

#social_icons ul li {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    border-right: #444 1px solid;
    margin: 0;
}

#social_icons ul li.first {
    float: left;
    padding-left: 0;
}

#social_icons ul li.last {
    float: left;
    padding-right: 0;
    border-right: none;
}

#site_map {
    float: left;
    font-size: 11px;
    text-transform: uppercase;
margin:0;
padding:0;
}

#site_map a {
    color: #afafaf;
    text-decoration: none;
}

#site_map a:hover, #site_map a:hover {
    color: #FF9900;
    text-decoration: underline;
}

.client_tile {
    padding-bottom: 20px;
    border: 1px solid #CCC;
}

.clr {
    clear: both;
}

.clr .spacer {
    padding: 10px 0 10px 0;
}


#subMenu
{
margin-left:0px;
margin-top:0px;
overflow:hidden;
padding:0;
width:100%;
z-index:50;
}
#subMenu li
{
        width:100%;
	padding-bottom: 0px;
	padding-top: 0px;
	z-index: 50;
        margin:0px;
}
#subMenu ul
{
display:list-item;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
width:80%;
z-index:50;
}
#subMenu ul li a
{
       	/*border-bottom:1px solid #DCDDDE;
        border-top:1px solid #FFFFFF;*/
	font: 13px Georgia, serif;
	margin: 0;
	padding-bottom:5px;
        padding-top: 5px; 
        padding-left: 0;
	text-align: left;
	z-index: 50;
}
#subMenu a
{

color:#636363;
display:block;
font-size:14px;
font-weight:bold;
position:relative;
width:100%;
	text-decoration: none;
	z-index: 50;
}
#subMenu .subMenuHighlight li
{

margin:0;
color:#fff;
	z-index: 50;

}
#subMenu .subMenuHighlight a
{

color:#FF9900;
	z-index: 50;
}
#subMenu a:hover
{
        color:#007AD3;
	z-index: 50;
}

#subMenu .subMenuHighlight a span
{

color:#FF9900;
	z-index: 50;
}
#subMenu a:hover span
{
        color:#007AD3;
	z-index: 50;
}
#subMenu li
{
       width:100%;
	position: relative;
	z-index: 50;
}
div#subMenu ul ul
{
	display: none;
	z-index: 50;
}
.pad_bottom {
padding:0;
padding-bottom:20px;
}
.hr {
height:21px;
background: url(/resources/images/hr.gif) top left repeat-x;
}
.hr_footer {
height:21px;
background: url(/resources/images/footer_hr.gif) top left repeat-x;
}

.hr_header{
height:21px;
background: url(/resources/images/hr.gif) top left repeat-x;
background-position: 0px -10px;
}

#twitter_feed {
padding-top:20px;
width:175px;
}

#tweets {
font-family: Georgia, Times, serif;
}

#tweets li {
list-style:none;
}

img.bio_left {
float:left;
padding:10px;
margin-right:20px;
width:220px;
height:320px;
background-color:#FFF;
}

img.bio_right {
float:right;
margin-left:20px;
padding:10px;
width:220px;
height:320px;
background-color:#FFF;
}

img.article_left {
float:left;
margin:0 20px 20px 0;
}

img.article_right {
float:right;
margin:0 0 20px 20px;
}

#twitter_box {
width:30px;
height:30px;
float:right;
}

/*Crossroads Content*/

#crossroads {
height:469px;
background: url(/resources/images/crossroads_bg.jpg) top left no-repeat;
position:relative;
z-index:1;
}

h1.crossroadsh1 {
font-family:Georgia, Times, sans_serif;
letter-spacing:-1px;
font-weight:normal;
font-size:28px;
}

#vidcontainer {
width:640px;
height:385px;
margin:0;
padding:0;
position:absolute;
top:0;
right:0;
background:#000;
display:none;

box-shadow: 10px 10px 5px #333;
-webkit-box-shadow: 10px 10px 5px #333;
-moz-box-shadow: 10px 10px 5px #333;
}