/* MAIN STRUCTURAL STUFF */

*
{
	margin:0;
	padding:0;
}

p,h1
{
margin: 0 0 1em 0;
}

html,body{
	height:100%;
	background:#000;
	font: 11px tahoma, vardana, sans-serif;
	color:#fff;	
	overflow: auto;
}

body{
	text-align:center;
	min-width:800px
}

#vert-hoz{
position:absolute;
padding-top:20px;
left:50%;
top:50%;
margin-left:-400px;/* half elements width*/	
margin-top:-274px;/* half elements height + the 20px padding above */
width:800px;
height:507px;
/* overflow:auto;/* allow content to  inside element */
text-align:left
}

#content
{
display:none;
position:relative;
margin:12px 0 15px 0
}
/* SLIGHTLY LESS IMPORTANT STRUCTURAL STUFF */

#logo
{
margin:  0 auto 10px auto

}

#logo, #logo a
{
width:115px;
height:65px;
display: block;
background-image:url('../images/maitland_logo.gif');
background-repeat:no-repeat
} 

#logo a:hover
{
background-position: 0 -65px
}

#logo a span
{
display:none
}

.ticker-tape
{
height:24px;
background-color: #7f3589;
/* see ie6_style.css */
margin: 3px 0 3px 0;
padding: 0 10px 0 10px
}

.ticker-tape p
{
line-height:2
}

#footer
{
margin-top:6px;
}

.footer-text
{
/* see ie6style.css */
margin-top:5px
}

.footer-left
{
float:left
}

.footer-right
{
float:right
}

/* STRUCTURAL STUFF FOR THE VARYING CONTENT WITHIN EACH PAGE */

#main-left
{
float: left;
}

#main-right
{
float: right;
}

#main-single
{

}

/* the class .content-js is added to #content if js is enabled (/js/main.js). The height of the site is not constrained if js is disabled. */
.scroll-pane, .content-js
{
height:318px; /* Height of the main 'content' container */
}


.full-image
{
width:225px;
height:318px;
background-repeat:no-repeat
}

/* HOME */

.main-left-home
{
width: 424px
}


.full-image-home
{
 background-image:url('../images/home_animation/home_1.gif')
}

/* ABOUT US */

.main-single-aboutus
{

}

.main-left-aboutus
{
width: 334px
}

.main-right-aboutus
{
margin-left:10px;
width: 324px
}

.copy-aboutus
{
margin-top:5px
}

/* ACTORS - AUDIO TALENT */

.main-left-folio
{
width: 404px
}

ul.gridview
{
list-style: none;
padding: 0;
}

ul.gridview li
{
float:left;
margin:0 12px 0 0;
width:123px;
height:159px;
}

ul.gridview li img
{
background-color:#333333;
}

ul.gridview li p
{
line-height:1.5
}

ul.gridview li.with-scroll-bar
{
margin-right: 9px
}

ul.gridview li.first
{
clear: both;
}

ul.gridview li.last
{
margin:0;
}

ul.gridview p
{
margin-bottom:4px;
}

/* NEWS */

.main-single-news .scroll-pane
{
height:273px;
}

ul.news-excerpts
{

list-style:none;
padding-left:0
}

/* CONTACT US */

.main-left-contactus
{
width:350px
}

/* TITLES */
#title
{
margin-bottom:5px;
}

#title h1
{
display:none;
}

.title-home, .title-aboutus, .title-news, .title-contactus
{
height: 36px;
}

.title-home
{
width:439px;
background-image:url('../images/title_home.gif')
}

.title-aboutus
{
width:247px;
background-image:url('../images/title_aboutus.gif')
}

.title-news
{
width:247px;
background-image:url('../images/title_news.gif')
}

.title-contactus
{
width:247px;
background-image:url('../images/title_contactus.gif')
}


/* NAVIGATION */

#navigation
{
/* see ie_stryle.css */
margin: 6px 0 6px 0
}


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

#navigation li
{
float: left;
/*margin: 0 0.15em;*/
} 

#navigation li, #navigation li a
{
height: 20px;
float: left;
display: block
} 

#navigation li a span
{
display:none;
}

#navigation li#aboutus, #navigation li#actors, #navigation li#actresses, #navigation li#concert-artists, #navigation li#audio-talent, #navigation li#news
{
margin-left:19px;
padding-right:37px;

/* Overridden in ie_style.css */
}

#navigation li#aboutus, #navigation li#actors, #navigation li#actresses, #navigation li#concert-artists, #navigation li#audio-talent, #navigation li#news, #navigation li#contactus,
#navigation li#aboutus a, #navigation li#actors a, #navigation li#actresses a, #navigation li#concert-artists a, #navigation li#audio-talent a, #navigation li#news a, #navigation li#contactus a
{
background-image:url('../images/main_navigation.gif');
background-repeat:no-repeat
}

#navigation li#aboutus, #navigation li#aboutus a
{
width:56px;
background-position:1px -20px
}

#navigation li#aboutus, #navigation li#aboutus a:hover,  #navigation li#aboutus a.active
{
background-position:1px 0
}

#navigation li#actors, #navigation li#actors a
{
width:45px;
background-position:-92px -20px
}

#navigation li#actors, #navigation li#actors a:hover, #navigation li#actors a.active
{
background-position:-92px 0
}

#navigation li#actresses, #navigation li#actresses a
{
width:60px;
background-position:-174px -20px
}

#navigation li#actresses, #navigation li#actresses a:hover, #navigation li#actresses a.active
{
background-position:-174px 0
}


#navigation li#concert-artists, #navigation li#concert-artists a
{
width:100px;
background-position:-271px -20px
}

#navigation li#concert-artists, #navigation li#concert-artists a:hover, #navigation li#concert-artists a.active
{
background-position:-271px 0
}

#navigation li#audio-talent, #navigation li#audio-talent a
{
width:79px;
background-position:-408px -20px
}


#navigation li#audio-talent, #navigation li#audio-talent a:hover, #navigation li#audio-talent a.active
{
background-position:-408px 0
}


#navigation li#news, #navigation li#news a
{
width:32px;
background-position:-524px -20px
}

#navigation li#news, #navigation li#news a:hover, #navigation li#news a.active
{
background-position:-524px 0
}

#navigation li#contactus, #navigation li#contactus a
{
width:73px;
background-position:-593px -20px
}

#navigation li#contactus, #navigation li#contactus a:hover, #navigation li#contactus a.active
{
background-position:-593px 0
}

/* ADDITIONAL GRAPHIC FRIPPARY */

a:link {text-decoration: none; color: #fff}
a:visited {text-decoration: none; color: #fff}
a:active {}
a:hover {text-decoration: none; color:#7f3589}
.ticker-tape a:hover {text-decoration: underline; color:#fff}

.dotted-line
{
height: 1px;
background-image:url('../images/dotted_line.gif');
background-repeat:repeat-x;
}

.quote-copy
{
font-style:italic;
}

.bold
{
font-weight:bold;
}

.purple
{
color:#7f3589;
}

h1.standard
{
font-size:24px;
font-weight:bold;
color:#7f3589;
margin-bottom:0px;
}

.h-block
{
margin-bottom:24px;
}

.h-block a:link {text-decoration: underline; color: #fff}
.h-block a:visited {text-decoration: underline; color: #fff}
.h-block a:active {}
.h-block a:hover {text-decoration: underline; color:#7f3589}

a.purple:link {text-decoration: underline; color: #7f3589}
a.purple:visited {text-decoration: underline; color: #7f3589}
a.purple:hover {text-decoration: underline; color:#fff}

/* The back-link in the ticker-tape is only visible if js is enabled. ('/js/main.js')*/
p.back-link
{
display:none
}

#audio-player
{
width:225px;
height:135px
}

#audio-player .no-flash
{
background-image:url('../images/no_flash.gif');
width:225px;
height:135px
}

#audio-player .no-flash a
{
display:block;
width:100%;
height:100%
}

.group:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
 
.group {
	display: inline-block
}
 
html[xmlns] .group {
	display: block;
}