/* AATW CSS */
/* © 2006-2008 Funky Dinosaur Ltd /*
/* Elements © Elliot Paynter - Ignition Design 2007 - www.ignited.co.uk */

html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

body {
background: #202021 url(http://www.aatw.com/content/construct/back.jpg) repeat-x;
}

html,body,p,div,img,h1,h2,h3,h4,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}

#doublewrapper {
margin-right: auto;
margin-left: auto;
width:954px;
}

#contentWrapper {
background-image:url(http://www.aatw.com/content/construct/home_banner.jpg);
background-repeat:no-repeat;
height: 101px;
top: 115px;
}

#headerspacer {
width: 954px;
height: 15px;
}

#header {
width: 954px; 
height: 101px; 
top: 0px; 
left: 0px;
background-image:url(http://www.aatw.com/content/construct/home_banner.jpg);
background-repeat:no-repeat;
}

/**************************************
 *          Navbar                    *
 **************************************/

#navbar {
width: 954px; 
height: 40px; 
background-image:url(http://www.aatw.com/content/construct/navbar.jpg);
background-repeat:no-repeat;
}


.navigation {
padding-left: 10px;
font-size:12px;
font-family: "lucida grande", Arial, Helvetica, sans-serif;
color: #fff;
line-height: 37px;
text-transform:uppercase;
}

.navigation a {
text-decoration: none;
color: #fff;
font-weight: bold;
}

.navigation a:visited {
color: #fff;   
}

.navigation a:hover {
color: #E93A00;
}

/**************************************
 *       Main Page Layout             *
 **************************************/

#mainpagetop {
width: 954px; 
height: 11px; 
background-image:url(http://www.aatw.com/content/construct/main_content_top.jpg);
background-repeat:no-repeat;     
}

#mainpage {
width: 954px; 
background-color: #000000;
}

#mainpagebottom {
width: 954px; 
height: 13px; 
background-image:url(http://www.aatw.com/content/construct/main_content_bottom.jpg);
background-repeat:no-repeat;     
}

/**************************************
 *       Body & Nav Containers        *
 **************************************/

#body_container {
float: left;
width: 703px;
margin-left: 10px;
padding: 0px;
display: inline;
}

#nav_container {
float: left;
clear: right;
width: 231px;
margin-top: 20px;
margin-left: 10px;
padding: 0px;
display: inline;
}

/**************************************
 *       Main Page Body               *
 **************************************/

#body_top {
width: 703px; 
height: 20px; 
background-image:url(http://www.aatw.com/content/construct/main_body_top.jpg);
background-repeat:no-repeat;
margin: 0px;
}

#body_main {
width: 703px;
background: #A5AB9D url(http://www.aatw.com/content/construct/main_body_body.jpg) repeat-x;
margin: 0px;
}

#body_bottom {
width: 703px; 
height: 16px; 
background-image:url(http://www.aatw.com/content/construct/main_body_bottom.jpg);
background-repeat:no-repeat;
margin: 0px;
}

#body_top_white {
width: 703px; 
height: 20px; 
background-image:url(http://www.aatw.com/content/construct/main_body_top_white.jpg);
background-repeat:no-repeat;
margin: 0px;
}

#body_main_white {
width: 703px;
background: #FFFFFF;
margin: 0px;
}

#body_bottom_white {
width: 703px; 
height: 16px; 
background-image:url(http://www.aatw.com/content/construct/main_body_bottom_white.jpg);
background-repeat:no-repeat;
margin: 0px;
}

#body_picture {
border: 1px solid #89ae3a;    
padding: 5px;
margin-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
float: right;
}

.maintext {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; padding: 0px 10px 0px 10px; margin: 0px;}
.maintext a {color: #FFFFFF; text-decoration: none; font-weight: bold;}
.maintext a:visited {color: #FFFFFF; text-decoration: none;}
.maintext a:hover {text-decoration: underline;}
.maintext h1 {font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 18px; font-weight: bold; line-height: 22px; padding-left: 0px;}
.maintext h2 {font-family:Arial, Helvetica, sans-serif; color: #676765; font-size: 11px; line-height: 15px; margin-bottom: 5px;}
.maintext h2 a {font-family:Arial, Helvetica, sans-serif;color: #F38234;text-decoration: none;}
.maintext h2 a:hover {text-decoration: underline;}
.maintext h2 a:visited {color: #F38234;}
.maintext h3 {font-family:Arial, Helvetica, sans-serif; color: #fabe00; font-size: 16px; line-height: 18px;}

.maintextwhite {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; padding: 0px 10px 0px 10px; margin: 0px;}
.maintextwhite a {color: #0076a3; text-decoration: none; font-weight: bold;}
.maintextwhite a:visited {color: #0076a3; text-decoration: none;}
.maintextwhite a:hover {text-decoration: underline;}
.maintextwhite h1 {font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 18px; font-weight: bold; line-height: 22px; padding-left: 0px;}
.maintextwhite h2 {font-family:Arial, Helvetica, sans-serif; color: #676765; font-size: 11px; line-height: 15px; margin-bottom: 5px;}
.maintextwhite h2 a {font-family:Arial, Helvetica, sans-serif;color: #F38234;text-decoration: none;}
.maintextwhite h2 a:hover {text-decoration: underline;}
.maintextwhite h2 a:visited {color: #F38234;}
.maintextwhite h3 {font-family:Arial, Helvetica, sans-serif; color: #fabe00; font-size: 16px; line-height: 18px;}


/**************************************
 *       New Release Bar              *
 **************************************/

#newrelease_top {
width: 703px; 
height: 17px; 
background-image:url(http://www.aatw.com/content/construct/new_releases_top.jpg);
background-repeat:no-repeat;
margin: 0px;

}

#newrelease_body {
width: 703px;
background: #A5AB9D url(http://www.aatw.com/content/construct/new_releases_body.jpg) repeat-x;
margin: 0px;
padding: 0px;
}

#newrelease_bottom {
width: 703px; 
height: 17px; 
background-image:url(http://www.aatw.com/content/construct/new_releases_bottom.jpg);
background-repeat:no-repeat;
margin: 0px;

}

#newreleasescont {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
line-height: 18px;
padding: 0px;
margin-left: 10px;
}

.newrelease_wrapper {
float: left;
margin-right: 10px;
width: 114px;
display: inline;
}

.newrelease_spacer {
float: left;
width: 10px;
display: inline;
}

.newrelease_image {
border: 1px solid #cccccc;
padding: 6px;
margin: 0px;
}

.newrelease_text {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
line-height: 15px;
text-align: center;
}

.newrelease_text a {
text-decoration: none;
color: #FFFFFF;
}

.newrelease_text a:hover {
text-decoration: underline;  
}

/**************************************
 *       Sidebar Navigation            *
 **************************************/

.sidenav h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
        font-weight: bold;
	line-height: 22px;
	padding-left: 0px;    
}

.sidenav h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: #C14801;
	font-size: 12px;
        font-weight: bold;
	line-height: 15px;
        margin-bottom: 5px;
}

.sidebarlist {
width: 214px;
padding-left: 0px;
font-family: Arial;
line-height: 24px;
font-size: 12px;
color: #666666;
}

.sidebarlist ul {
list-style: none;
margin: 0;
padding: 0;
border: none;    
}

.sidebarlist li {
width: 214px;
height: 24px;
margin: 0px;
border: 0;
padding-top: 1px;
}

.sidebarlist li a {
display: block;
text-decoration: none;
width: 214px;
height: 24px;
font-weight: bold;
line-height: 24px;
color: #d7d7d7;
text-indent: 3px;
}



.sidebarlist li a:hover {
background-image:url(http://www.aatw.com/content/construct/sidebarlistback.jpg);
background-repeat:no-repeat;
font-weight: bold;
color: #333333;
}

.sidebarlist li a:visted {
display: block;
text-decoration: none;
width: 214px;
height: 24px;
line-height: 24px;
font-weight: bold;
color: #666666;    
}

/**************************************
 *            Media Lists            *
 **************************************/

#mediatitle {
text-indent: 3px;
font-family: Arial, Helvetica, sans-serif
line-height: 24px;
font-size: 12px;
font-weight: bold;
color: #333333;    
}

#medialist {
font-family: Arial, Helvetica, sans-serif
line-height: 24px;
font-size: 12px;
color: #333333;         
}

#medialist ul {
float: left;
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
border: none;
width: 180px;
margin-right: 10px;
}

#medialist li {
display: block;
list-style: none;
width: 180px;
height: 24px;
margin-bottom: 1px;
margin-right: 10px;
border: 0;
background-color: #b8bbb0;
}

#medialist li a {
display: block;
text-decoration: none;
height: 24px;
width: 180px;
font-weight: bold;
line-height: 24px;
color: #666666;
text-indent: 3px;
background-color: #B8BBB0;
}

#medialist li a:hover {
background-color: #CDD0C9;
font-weight: bold;
}

/**************************************
 *         Artist Listing             *
 **************************************/
#artistthumbwrapper
{
float: left;
text-align: center;
width: 120px;
margin-right: 10px;
margin-bottom: 30px;
font-family: Arial, Helvetica, sans-serif
line-height: 24px;
font-size: 11px;
font-weight: bold;
color: #333333;    

}

#artistthumbwrapper a {
font-size: 11px;
font-weight: bold;
color: #333333;    
text-decoration: none;
}

#artistthumbwrapper a:hover {
text-decoration: underline;
}

img.artistthumbimage
{
border: 1px solid #cccccc;   
}

/**************************************
 *         Gallery Listing             *
 **************************************/
#gallerythumbwrapper
{
float: left;
text-align: center;
width: 160px;
height: 160px;
margin-right: 10px;
margin-bottom: 55px;
font-family: Arial, Helvetica, sans-serif
line-height: 24px;
font-size: 11px;
font-weight: bold;
color: #333333;    
}

#gallerythumbwrapper a {
font-size: 11px;
font-weight: bold;
color: #333333;    
text-decoration: none;
}

#gallerythumbwrapper a:hover {
text-decoration: underline;
}

img.gallerythumbimage
{
border: 1px solid #cccccc;   
}



/**************************************
 *       Div Scroller CSS             *
 **************************************/

#dropcontentsubject{
width: 701px !important; /* the width firefox will use */
width: 703px; /* the width IE will use */
}

.dropcontent{
width: 701px !important; /* the width firefox will use */
width: 703px; /* the width IE will use */
height: 180px;
overflow: hidden;
display:block;
}

#dropcontentsubjectside{
width: 218px !important; /* the width firefox will use */
width: 218px; /* the width IE will use */
}

.dropcontentside{
width: 218px !important; /* the width firefox will use */
width: 218px; /* the width IE will use */

overflow: hidden;
display:block;
}

/**************************************
 *       Media Back Box             *
 **************************************/

.media_back_box {
width: 680px;
height: 365px;
margin-bottom: 10px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
background-image:url(http://www.aatw.com/content/construct/media_back_box.jpg);
background-repeat:no-repeat;

font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
}

.media_back_box A {
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

.media_back_box A:visited {
color: #FFFFFF;    
}

.media_back_box A:hover {
text-decoration: underline;
color: #FFFFFF;
}


.media_back_box h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
        font-weight: bold;
	line-height: 22px;
	padding-left: 0px;    
}

.media_back_box h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: #C2C2C2;
	font-size: 11px;
	line-height: 15px;
        margin-bottom: 5px;
}


.media_back_box h2 a {
	font-family:Arial, Helvetica, sans-serif;
	color: #C2C2C2;
        text-decoration: none;
}

.media_back_box h2 a:hover {
        text-decoration: underline;
}

.media_back_box h3 {
    	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
}


.video_list {
float: left;
width:160px;
margin-right: 10px;
margin-bottom: 15px;    
position: relative;
}

.video_list H2 {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
line-height: 15px;
margin-bottom: 5px;    
}

.video_list a {
font-family:Arial, Helvetica, sans-serif;
color: #676765;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.video_list a:hover {
text-decoration: underline;    
}