body {font-family: arial; margin: 0; padding: 0 0 30px 0; background: black;}
img {border: 0;}

#container {width: 900px; height: 720px; margin: 0 auto; background: black;}
#header {width: 900px; height: 172px; background: url(../img/homepage_header_background.jpg) no-repeat 240px 0;}
#header img {margin: 54px 0 0 57px; padding: 0;}

#main {height: 474px; width: 900px;}


#content {width: 465px; height: 474px; border-right: solid 1px #1a1a1a; border-bottom: solid 1px #262626; float: left; background: url(../img/homepage_main_background.jpg);}
#content #content_background {width: 465px; height: 474px; float: left; background: url(../img/homepage_content_background.jpg) no-repeat right 0;}

#content #submenu {background: black; width: 360px; height: 60px; margin: 19px 19px 14px 19px; padding: 2px 0 0 0; list-style: none;}
#content #submenu li {padding: 0px 8px 0px 8px;  float: left; background: url(../img/submenu_devider.jpg) no-repeat right 6px;}
#content #submenu li.last { background: none;}
#content #submenu li a {color: #6f6f6f; font-size: 12px; text-decoration: none; white-space: nowrap; }
#content #submenu li a:hover {color: #f38020; }
#content #submenu li a.active {color: #f38020; }
#content #submenu li img {float: left; padding: 0; margin: 0; }

#content h1 {color: #cccccc; font-size: 11px; padding: 0 0 0 0; margin: 0 19px 14px 19px;}
#content p {color: #cccccc; font-size: 11px; padding: 0 0 0 0; margin: 0 19px 14px 19px;}
#content p a {color: #f38020; text-decoration: none; }
#content .visual {margin: 0 19px 19px 19px; }

#menu {width: 240px; height: 451px; float: left; background: black; margin: 0; padding: 24px 0 0 0; list-style: none;}
#menu li {padding: 4px 0 4px 0; margin: 0 0 0 56px; width: 184px; display: inline; float: left;}
#menu li.news { padding: 20px 0 0 0;}
#menu li.anim { padding: 125px 0 0 0;}

#menu li a {float: left; color: black; padding: 0; margin: 0; font-size: 1px; width: 115px; height: 10px; display: block;}

#menu li a.home {background: url(../img/menu_home.jpg) no-repeat 0 0;}
#menu li a.artists {background: url(../img/menu_artist.jpg) no-repeat 0 0;}
#menu li a.media {background: url(../img/menu_media.jpg) no-repeat 0 0;}
#menu li a.commitee {width: 118px; background: url(../img/menu_commitee.jpg) no-repeat 0 0; height: 28px;}
#menu li a.investors {background: url(../img/menu_investors.jpg) no-repeat 0 0;}
#menu li a.downloads {background: url(../img/menu_downloads.jpg) no-repeat 0 0;}
#menu li a.contact {background: url(../img/menu_contact.jpg) no-repeat 0 0;}

#menu li a.home:hover {background: url(../img/menu_home.jpg) no-repeat 0 -10px;}
#menu li a.artists:hover {background: url(../img/menu_artist.jpg) no-repeat 0 -10px;}
#menu li a.media:hover {background: url(../img/menu_media.jpg) no-repeat 0 -10px;}
#menu li a.commitee:hover {width: 118px; background: url(../img/menu_commitee.jpg) no-repeat 0 -28px;}
#menu li a.investors:hover {background: url(../img/menu_investors.jpg) no-repeat 0 -10px;}
#menu li a.downloads:hover {background: url(../img/menu_downloads.jpg) no-repeat 0 -10px;}
#menu li a.contact:hover {background: url(../img/menu_contact.jpg) no-repeat 0 -10px;}

#menu li a.home_active {background: url(../img/menu_home.jpg) no-repeat 0 -10px;}
#menu li a.artists_active {background: url(../img/menu_artist.jpg) no-repeat 0 -10px;}
#menu li a.media_active {background: url(../img/menu_media.jpg) no-repeat 0 -10px;}
#menu li a.commitee_active {width: 118px; background: url(../img/menu_commitee.jpg) no-repeat 0 -28px; height: 28px;}
#menu li a.investors_active {background: url(../img/menu_investors.jpg) no-repeat 0 -10px;}
#menu li a.downloads_active {background: url(../img/menu_downloads.jpg) no-repeat 0 -10px;}
#menu li a.contact_active {background: url(../img/menu_contact.jpg) no-repeat 0 -10px;}

#newsbox {}
#newsbox span {color: #b7d58f; font-size: 14px; font-weight: bold; border-top: solid 1px black; width: 430px; display: block; text-align: right;  margin: 4px 0 4px 0;}
#newsbox h2 {color: #231f20; font-size: 19px;  width: 430px; margin: 0 0 0 0;}
#newsbox p {color: #231f20; font-size: 14px;  width: 430px; margin: 0 0 0 0;}
#newsbox a {text-decoration: underline; color: #231f20; font-size: 14px;}


#sidebar {font-weight: bold; padding: 180px 0 0 30px; color: #4b4b4b; font-size: 11px; background: url(../img/homepage_sidebar_background.jpg) no-repeat right 0; width: 164px; height: 295px; float: left;}
#sidebar em {color: #f38020; font-style: normal;} 
#sidebar strong {font-weight: bold; font-style: normal; color: #333333;}
#sidebar strong a {font-weight: bold; font-style: normal; color: #333333;}



#footer {background: black; width: 900px; height: 9px; clear: both; padding: 30px 0 0 57px;}
#footer a {font-size: 10px; color:  #6f6f6f; text-decoration: none;}

#sidebar .visual {margin: 200px 19px 19px 19px; }


#media { padding: 8px; }
#media img {float: left; width: 80px; height: 57px; padding: 12px; }