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

/*MASTER STYLES*/
img, div, a, input { behavior: url(../css/iepngfix.htc) }

body {background: url(../images/tiled_bg.gif) repeat; font-family: Helvetica, Verdana, Sans-serif; font-size: 12px; color: #FFF; text-align: center; margin: 0px;}

a {color: #ffde00; text-decoration: none;}
a:hover {text-decoration: underline;}
h3 {color: #ffde00;}

#wrapper {width: 800px; height: 680px; background: url(../images/shadow_edges.png) no-repeat; margin-left: auto; margin-right: auto; text-align: left; padding: 0px 101px 106px 85px;}

#logo_container {background: url(../images/ae_logo.gif) no-repeat; height: 37; width: 199px; margin-left: 11px; margin-top: 42px; float:left;}
#logo_container p { visibility:hidden;}

#logo_containerH {background: url(../images/ae_logo.gif) no-repeat; height: 37; width: 199px; margin-left: 11px; margin-top: 42px; float:left;}
#logo_containerH p { visibility:hidden;}

#main_container {width: 778px; height: 578px; border: #FFF solid 11px; background: #232021; }

#transfer {width: 118px; height: 28px; z-index: 200; position: relative; top: 0px; float: right; margin-right: 10px;}
#transfer a {width: 118px; height: 28px; background: no-repeat url(../images/transferBtn.gif) 0 0; display: block;}
#transfer a:hover {background-position: 0 -28px;}

/*HOMEPAGE NAVIGATION*/
div#home_nav {float:right; width: 231px; height:578px; display: inline;}
div.home_image {background: url(../images/home_image.gif); width: 100%; height: 100%;}
div.home_image div.content_area {width: 332px; height: 100%; margin-left: 446px; padding-top: 36px;}
div.home_image div.content_area div.featured_content {width: 282px; height: 288px; padding-left: 22px;}
div.home_image div.content_area div.featured_content a.featured_heading {width: 154px; height: 13px; background: url(../images/featured_work.gif); display: block; margin-left: -22px;}
div.home_image div.content_area div.featured_content a.vid {display: block; width: 100%; height: 60px; margin-top: 18px; clear: both;}
div.home_image div.content_area div.featured_content a.vid img {float: left; border: solid 3px white; margin-right: 10px;}
div.home_image div.content_area div.featured_content a.vid p {float: left; color: white}
div.home_image div.content_area div.news_content {width: 282px; height: 205px; font-size: 11px; padding-left: 22px; margin-top: 13px;}
div.home_image div.content_area div.news_content a.news_heading {width: 124px; height: 13px; background: url(../images/recent_news.gif); display: block; margin-left: -22px;}
div.home_image div.content_area div.news_content p {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}
div.home_image div.content_area div.news_content p.title {font-weight: bold; color: #ffe119;}
div.home_image div.content_area div.news_content p.date {font-size: 10px; color: #999;}
div.home_image div.content_area div.news_content p.desc {color: #ccc;}
div.home_image div.content_area a.section_link {float: right; color: #ffe119; font-size: 10px; margin-top: 10px;}
div#home_nav a { display: block; width: 231px; height: 20px;}

div#home_nav a.about {background: url(../images/nav_home_about.gif) 0 0 no-repeat; margin-top:77px;}
div#home_nav a:hover.about {background-position: 0 -20px;}
div#home_nav a.radio {background: url(../images/nav_home_radio.gif) 0px 0 no-repeat; margin-top:65px;}
div#home_nav a:hover.radio {background-position: 0 -20px;}
div#home_nav a.tv {background: url(../images/nav_home_tv.gif) 0px 0 no-repeat; margin-top:25px;}
div#home_nav a:hover.tv {background-position: 0 -20px;}
div#home_nav a.music {background: url(../images/nav_home_music.gif) 0px 0 no-repeat; margin-top:27px;}
div#home_nav a:hover.music {background-position: 0 -20px;}
div#home_nav a.news {background: url(../images/nav_home_news.gif) 0px 0 no-repeat; margin-top:87px;}
div#home_nav a:hover.news {background-position: 0 -20px;}
div#home_nav a.contact {background: url(../images/nav_home_contact.gif) 0px 0 no-repeat; margin-top:59px;}
div#home_nav a:hover.contact {background-position: 0 -20px;}
div#home_nav a:selected.contact {background-position: 0 -20px;}
/*div#home_nav a.client {background: url(../images/nav_home_client.gif) 0px 0 no-repeat; margin-top:75px;}
div#home_nav a:hover.client {background-position: 0 -20px;}*/

#home_engine {float: left; width: 547px; height: 578px; display: inline;}

/*SUBPAGE NAVIGATION*/
div#nav {position: relative; top: 14px; margin-right: 10px; padding-left: 5px; float: right; width: 546px; height: 35px; background: url(../images/nav2_bg.gif) repeat-x #000; border: #000 solid 1px; display: inline;}

div#nav a {height: 10px; margin: 15px 22px;  display: inline; float: left;}

div#nav a.about {background: url(../images/nav2_about.gif) 0 0 no-repeat; width: 58px;}
div#nav a:hover.about {background-position: 0 -10px;}
div#nav a.about_select {background: url(../images/nav2_about.gif) 0 -10px no-repeat; width: 58px;}
div#nav a.radio {background: url(../images/nav2_radio.gif) 0 0 no-repeat; width: 37px;}
div#nav a:hover.radio {background-position: 0 -10px;}
div#nav a.radio_select {background: url(../images/nav2_radio.gif) 0 -10px no-repeat; width: 37px;}
div#nav a.tv {background: url(../images/nav2_tv.gif) 0 0 no-repeat; width: 58px;}
div#nav a:hover.tv {background-position: 0 -10px;}
div#nav a.tv_select {background: url(../images/nav2_tv.gif) 0 -10px no-repeat; width: 58px;}
div#nav a.music {background: url(../images/nav2_music.gif) 0 0 no-repeat; width: 33px;}
div#nav a:hover.music {background-position: 0 -10px;}
div#nav a.music_select {background: url(../images/nav2_music.gif) 0 -10px no-repeat; width: 33px;}
div#nav a.news {background: url(../images/nav2_news.gif) 0 0 no-repeat; width: 29px;}
div#nav a:hover.news {background-position: 0 -10px;}
div#nav a.news_select {background: url(../images/nav2_news.gif) 0 -10px no-repeat; width: 29px;}
div#nav a.contact {background: url(../images/nav2_contact.gif) 0 0 no-repeat; width: 55px;}
div#nav a:hover.contact {background-position: 0 -10px;}
div#nav a.contact_select {background: url(../images/nav2_contact.gif) 0 -10px no-repeat; width: 55px;}
div#nav a.selected {background-position: 0 -10px;}
/*div#nav a.client {background: url(../images/nav2_client.gif) 0 0 no-repeat; width: 92px;}
div#nav a:hover.client {background-position: 0 -10px;}
div#nav a.client_select {background: url(../images/nav2_client.gif) 0 -10 no-repeat; width: 92px;}*/

/*ABOUT SECTION STYLES*/
div#about_header {width:509px; height: 53px; float:left; display: inline;}

div#about_nav {width: auto; padding: 21px; padding-top: 11px;}

div#about_nav a {float:left; height: 10px; display: inline; margin-top: 11px;}

/*div#about_nav a.history {background: url(../images/subnav_about_history.gif) 0 0 no-repeat;}
div#about_nav a:hover.history {background-position: 0 -10px;}
div#about_nav a.history_select {background: url(../images/subnav_about_history.gif) 0 -10px no-repeat;}*/
div#about_nav a.people {background: url(../images/subnav_about_people.gif) 0 0 no-repeat; width: 52px;}
div#about_nav a:hover.people {background-position: 0 -10px;}
div#about_nav a.people_select {background: url(../images/subnav_about_people.gif) 0 -10px no-repeat; width: 52px;}
div#about_nav a.studios {background: url(../images/subnav_about_studios.gif) 0 0 no-repeat; margin-left: 44px; width: 52px;}
div#about_nav a:hover.studios {background-position: 0 -10px;}
div#about_nav a.studios_select {background: url(../images/subnav_about_studios.gif) 0 -10px no-repeat; margin-left: 44px; width: 52px;}
div#about_nav a.dialup {background: url(../images/subnav_about_dialup.gif) 0 0 no-repeat; margin-left: 44px; width: 85px;}
div#about_nav a:hover.dialup {background-position: 0 -10px;}
div#about_nav a.dialup_select {background: url(../images/subnav_about_dialup.gif) 0 -10px no-repeat; margin-left: 44px; width: 85px;}
/*div#about_nav a.offices {background: url(../images/subnav_about_offices.gif) 0 0 no-repeat; margin-left: 44px;}
div#about_nav a:hover.offices {background-position: 0 -10px;}
div#about_nav a.offices_select {background: url(../images/subnav_about_offices.gif) 0 -10px no-repeat; margin-left: 44px;}*/

div#about_engine { width: 269px; height: 578px; float: right; display: inline;}

div#about_history_content {width: 450px; height: 396px; margin-top: 96px; margin-left: 48px; overflow: auto; line-height: 1.5em;}

div#about_people_content {width: 450px; height: 440px; margin-top: 60px; margin-left: 48px; overflow-x: hidden; overflow-y: auto;}

div.person {width: 101px; height: 113px; margin: 5px; float: left; display: inline;}
div.person a {display: block; width: 97px; height: 97px; border: #FFF solid 2px; margin-bottom: 6px;}
div.person a:hover {border: #FFDE00 solid 2px;}
div.person p {margin-top: 0; font-size: 9px;}

div#about_studios_content {width: 450px; height: 440px; margin-top: 70px; margin-left: 48px; overflow-x: hidden; overflow-y: auto;}

div.studio {width: 101px; height: 113px; margin: 5px; float: left; display: inline;}
div.studio a {display: block; width: 97px; height: 97px; border: #FFF solid 2px; margin-bottom: 4px;}
div.studio a:hover {border: #FFDE00 solid 2px;}
div.studio p {margin-top: 0; font-size: 9px;}

div.studios_header_nyc {width: 448px; height: 17px; background: no-repeat url(../images/studios_nyc_header.gif);}
div.studios_header_phx {width: 448px; height: 17px; background: no-repeat url(../images/studios_phx_header.gif);}

div#about_offices_content {width: 450px; height: 396px; margin-top: 96px; margin-left: 48px; overflow: auto;}
/*MODAL STYLES*/
img#modal_close { margin-left: -12px; margin-top: -12px; }
div.modal_image { float: right; margin-right: -14px; margin-left: 14px; margin-top: -60px; border: #FFF solid 2px; }
div.studio_popup_img {width: 564px; height: auto; margin-right: -12px; margin-left: -12px; margin-top: -19px;}
div.studio_popup_info {width: 560px; background: #FFF; padding: 5px; color:#000; margin-right: -12px; margin-left: -12px; margin-bottom: -12px;}
img#studio_close {position:relative; margin-left: -12px; margin-top: -12px; z-index: 3000;}

/*RADIO SECTION STYLES*/
div#radio_engine {float: left; width: 587px; height: 525px; display: inline;}
div#radio_header {width: 778px; height: 53px; background: url(../images/radio_header.gif) no-repeat; clear: both;}
div#radio_flash {float: left; width: 191px; height: 525px;}

/*TV SECTION STYLES*/
div#tv_engine {float: left; width: 229px; height: 578px; display: inline;}
div#tv_header {float: left; width: 549px; height: 53px; background: url(../images/tv_header.gif) no-repeat; display: inline;}

/*MUSIC SECTION STYLES*/
div#music_header {float: left; width: 549px; height: 53px; background: url(../images/music_header.gif) no-repeat; display: inline;}
div#music_flash {float: left; width: 549px; height: 525px;}

/*NEWS SECTION STYLES*/
div#news_engine {float: left; width: 229px; height: 578px;}
div#news_header {float: left; width: 549px; height: 53px; background: url(../images/news_header.gif) no-repeat; display: inline; margin-bottom: 40px;}
div#news_content {float: left; width: 521px; height:485px; overflow: auto;}

div.news_item {height: auto; font-size: 11px; padding: 0 12px;}
div.news_item p {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}
div.news_item p.title {float: left; color: #ffe119;}
div.news_item p.date {float: left; font-size: 10px; color: #999; margin-left: 20px;}
div.news_item p.desc {color: #ccc; margin-top: 10px;}
div.news_item a.link {}
div.dotted_line {background: url(../images/dotted_line.gif) repeat-x; width: 100%; height: 1px; margin: 12px 0;}
div.pagination-box {width: 521px; height: 38px; background: #1b191a; vertical-align: middle;}
div.pagination-box p {float: right; margin-right: 20px;}
div.news_intro { padding: 20px;}

/*CONTACT SECTION STYLES*/
div#contact_engine {float: right; width: 619px; height: 578px; display: inline; background: url(../images/contact_engine_backup.gif) no-repeat;}
div#contact_header {float: left; width: 158px; height: 53px; background: url(../images/contact_header.gif) no-repeat; display: inline;}
div#contact_content {width: auto; height: 511px; position:relative}

div.locations {margin-left: 27px; position:absolute; bottom:-60px;}
div.location {margin-bottom: 28px;}
div.location p {font-size: 11px; margin-left: 8px; margin-bottom: -5px}
div.location h2 {font-size: 12px;}

div.nyc_map {margin-top: 130px; margin-left: 170px; position: relative; z-index: 2;}
div.phx_map {margin-top: 40px; margin-left: 170px; position: relative; z-index: 2}
div.nyc_map a {width: 418px; height:191px; display: block; background: url(../images/ny_map.gif) no-repeat;}
div.phx_map a {width: 418px; height:191px; display: block; background: url(../images/phx_map.gif) no-repeat;}

/*CLIENT SECTION STYLES*/
div#client_engine {float: left; width: 517px; height: 578px; display: inline;}

div#client_header {float: left; width: 261px; height: 53px; background: url(../images/client_header.gif) no-repeat; display: inline;}
div#client_login {width: 100%; height: 100%; font-size: .8em;}
div#client_login p {margin-bottom: -.2em;}
div#client_login form {margin-top: 80px; margin-right: 48px;}

/*FOOTER STYLES*/
div#ftr { width: 100%; height: 41px; margin-top: 16px; color: #666; font-size: 11px;}
div#ftr a { color: #666; text-decoration: none; }
div#ftr a:hover { text-decoration: underline; }
div.ftr_content {float: right; margin-top: 4px; margin-right: 9px; width: 395px;}
div.ftr_content p {float: left; margin-right: 10px;}
div.ftr_content a.linkdin {width: 24px; height: 24px; background: url(../images/social_linkdin.gif); float: right; margin-right: 10px; margin-top: 4px;}
div.ftr_content a.twitter {width: 24px; height: 24px; background: url(../images/social_twitter.gif); float: right; margin-right: 10px; margin-top: 4px;}
div.ftr_content a.facebook {width: 24px; height: 24px; background: url(../images/social_facebook.gif); float: right; margin-right: 10px; margin-top: 4px;}
img.ftr_image { float: right; }