﻿body {
    
    padding: 0px 0px; 
    margin:0px 0px;
    background-color:black;    
    text-align:center;

}
a img{border:none;}


#nav
{
    position:absolute;
    top:0px;
    left:15px;
        
    height:36px;
    padding:0px;
    margin:0px;
    z-index:1;

}
a img{border:none;}
#nav a {display:block; height:0px; padding-top:36px; color:#000; overflow:hidden;}
#nav ul {margin:0px; padding:0px; list-style-type:none;}
#nav li {float:left; margin-right:25px;}
#nav li.list1 {background:transparent url('images/home_nav.png' );width:57px;}
#nav li.list1 a{width: 57px;}
#nav li.list2 {background:transparent url('images/media_nav.png' );width:61px;}
#nav li.list2 a{width: 61px;}
#nav li.list3 {background:transparent url('images/audio_nav.png' );width:62px}
#nav li.list3 a{width: 62px;}
#nav li.list4 {background:transparent url('images/blog_nav.png' );width:50px;}
#nav li.list4 a{width: 50px;}
#nav li.list5 {background:transparent url('images/whoweare_nav.png' );width:116px;}
#nav li.list5 a{width: 116px;}
#nav li.list6 {background:transparent url('images/showcase_nav.png' );width:102px;}
#nav li.list6 a{width: 102px;}
#nav li.list7 {background:transparent url('images/contact_nav.png' );width:79px;}
#nav li.list7 a{width: 79px;}

#nav a#item1 {background:transparent url('images/homeGlow_nav.png') -130px -36px no-repeat;}
#nav a#item2 {background:transparent url('images/mediaGlow_nav.png') -130px -36px no-repeat;}
#nav a#item3 {background:transparent url('images/audioGlow_nav.png') -130px -36px no-repeat;}
#nav a#item4 {background:transparent url('images/blogGlow_nav.png') -130px -36px no-repeat;}
#nav a#item5 {background:transparent url('images/whoweareGlow_nav.png') -130px -36px no-repeat;}
#nav a#item6 {background:transparent url('images/showcaseGlow_nav.png') -130px -36px no-repeat;}
#nav a#item7 {background:transparent url('images/contactGlow_nav.png') -130px -36px no-repeat;}
#nav a#item1:hover {background-position:0 0; z-index:50;}
#nav a#item2:hover {background-position:0 0; z-index:50;}
#nav a#item3:hover {background-position:0 0; z-index:50;}
#nav a#item4:hover {background-position:0 0; z-index:50;}
#nav a#item5:hover {background-position:0 0; z-index:50;}
#nav a#item6:hover {background-position:0 0; z-index:50;}
#nav a#item7:hover {background-position:0 0; z-index:50;}
#forgotPasswordPageWrapper
{
    position:relative;
    margin:0px auto;
    width:900px;
    overflow:hidden;
}
#forgotPasswordHeader_logo
{
        
    margin:15px auto 0px auto;
    width:348px;
    height:37px;
    background-image:url('images/hdmLogo.png');
}
#forgotPasswordContainer
{
    
    margin:25px auto 0px auto;
    width:300px;
    height:150px;
}
#header
{
    
    position:relative;
    margin:0px auto;        
    width:900px;
}
#mainWrapper
{
    margin:0px auto;
    width:1042px;
    text-align:center;
    
    
    
}
#wrapper1
{
    
    margin:0px auto 0 auto;
    padding:0px;
    width:1041px;
    background-image:url('images/leftborderfade.png');
    background-position:left top;
    background-repeat:repeat-y;
    overflow:hidden;
    text-align:left;
    
}
#wrapper2
{
    
    margin:118px auto 0px auto;   
    width:1041px; 
    padding:0px;
    background-image:url('images/rightborderfade.png');
    background-position:right top;
    background-repeat:repeat-y;
    text-align:center; 
    overflow:hidden;
   
   

}
#container
{  
    margin:0px auto 0px auto;
    padding: 0px;
    width: 900px;
  
    
    
}
 #mainContent
 {
    position:relative;
    margin:0px auto;
    width:900px;
    background-color:White;
    

 }
#logo
{
    position: absolute;
    top: 23px;
    left:15px;
    width: 347px;
    height: 37px;
    z-index:1;  
    text-align: left;
    background-image:url('images/hdm_logo.png');    
}
#locale
{
    position: absolute;
    top: 26px;
    left:400px;
    font-family: Geneva, Times New Roman;    
    text-align: right;
    width: 500px;
    font-size:14px;
    z-index:1;
}

#headBackground
{
    position:absolute;
    top:0px;
    left:0px;   
    padding: 0px;
    margin: 0px;
    height: 82px;
    width: 100%;
    background-image: url( 'images/main_header_background.jpg' );
    background-repeat: repeat-x;
}


#navBar
{
    position: absolute;
    top: 82px;
    left: 0px;
    height: 36px;
    width: 100%;
    background-image: url( 'images/nav_background.jpg' );
    background-repeat: repeat-x;
    text-align:center;
}
#navWrapper
{
    position:relative;
    margin:0px auto;
    width:900px;
}

/*FOOTER*/
#footercontainer
{
    position:relative;
    margin:0px auto;
    padding:0px;
    width:1040px;
    clear:both;    
    
    
     
}

#footer 
{
    float:left;
    margin:0px auto 0px auto;
    width:900px;
    height: 70px;    
    z-index:1;
    font-size:12px;
    background-color:White; 
    background-image:url('images/footerbackground.png');
    background-position:bottom left;
    background-repeat:repeat-x; 
    
}
#footer a
{
    color:Black;
    text-decoration:none;
}
#footer a:hover
{
    color:#565656;
    text-decoration: underline;
}
#footerLeftContent
{
     margin:10px 0px 0px 26px;
     padding:0px;
     float:left;   
}
#footerRightContent
{
    margin:10px 0px 0px 0px;
    padding:0px;   
    float:right; 
    
   
}
.footerlinkmargin
{
    margin:0px 11px
}
#footerRightContent ul
{
    margin: 0px;
    list-style-type: none;
}
#footerRightContent li
{
    float:right;
}
#bordercornerleft
{
    padding:0px;
    margin:0px;
    width:70px;
    height:93px;
    background-image:url('images/leftcornerborderfade.png');
    
    background-repeat:no-repeat;
    border:none;
    float:left;
     
    
}
#bordercornerright
{
    padding:0px;
    margin:0px;
    float:right;
    width:70px;
    height:93px;
    
    background-image:url('images/rightcornerborderfade.png');
    border:none;
    background-repeat:no-repeat;

}
#borderleft
{
    position:absolute;
    top:0px;
    left:0px;
    width:70px;
    height:627px;
    background-image:url('images/leftborderfade.png');
    background-repeat:repeat-y;
}
#borderright
{
    position:absolute;
    top:0px;
    left:970px;
    width:70px;
    height:627px;
    background-image:url('images/rightborderfade.png');
    background-repeat:repeat-y;

}
/*About us and Serices page*/
#aboutMainContainer
{
    position:relative;
    margin:0px;
    padding:0px;
    width:900px;
    background-color:White;
    text-align:left;
}
#aboutTextContainer
{
    margin:25px 25px;
    padding:12px 0px;
    width:500px;
    color:Black;
    text-align:left;
  
}
#aboutTextContainer a 
{
    color:Black;
}
#servicesMainContainer
{
    position:relative;
    margin:0px;
    padding:0px;
    width:900px;
    overflow:hidden;
    text-align:left;
    background-color:Black;
}
#servicesTextContainer
{
    margin:25px 25px;
    padding:12px 0px;
    width:900px;
    color:white;
    text-align:left;
}
#servicesTextContainer a
{
    color:white;
}
#servicesListContainer
{
    position:relative;
    margin:30px 0px 0px 0px;
    width:875px;
    color:White;    
}
.serviceList
{
    margin:0px 0px 40px 0px;
    width:205px;
    float:left;
    text-align:left;
}
.serviceListheader
{
    color:#666666; 
    font-family:Geneva, Myriad Pro; 
    font-size:16px;
}
.serviceList ul{  margin:0px; padding:0px;}
.serviceList li
{
    list-style-type: none; margin:0px; padding:0px;
}
.aboutServicesHeads
{
    font-family:GillSans Light, Gill Sans MT; font-size:36px;
}
#aboutServicesFooter
{
    margin:2px 0px 0px 0px;
    width:900px;
    height:5px;
    background-color:Black;
}

 