body {
background-color:  #fff;
font: 75%/1.6em "Lucida Grande", Verdana, sans-serif;
margin: 0; padding: 0;
color: #fff;
}
* ul, * li { 
list-style: none; padding: 0; margin: 0; }
a:link, a:visited, a:hover {
color: #fff; text-decoration: none;
}
a.onWhite:link, a.onWhite:visited {
color: #af3fc9; text-decoration: none;
}
a.onWhite:hover {
background-color: #af3fc9; color: #fff;
}
/*---MENU LOGO (TOP SECTION)-----------------------------*/
#menuLogo {
height: 48px; width: 100%;
background: url(../images/grantLogo.png) no-repeat 24px 11px  #000;
}
p#contact {
width: 733px; height: 30px; margin:0; padding-top: 16px;
text-align: right;
}
p#contact a:link, p#contact a:visited { color: #fff; }
p#contact a:hover {color: #b549c9 }

#menuMain {
	position: relative;
	width: 100%;
	height: 24px;
	background-color: #b549c9;
	overflow: hidden;
	}

#menuMain li{
	position: absolute;
	height: 24px; top:0; left: 0;
	}

#menuMain li.home { left: 20px; width: 56px; }
#menuMain li.storyboards { left: 108px; width: 106px;}
#menuMain li.magazines { left: 245px; width: 90px;}
#menuMain li.shows { left: 366px; width: 62px;}
#menuMain li.portraits { left: 465px; width: 85px;}
#menuMain li.photos { left: 581px; width: 69px;}
#menuMain li.comics { left: 676px; width: 66px;}

#menuMain a {
	display: block;
	height: 24px;
	width: 100%;
	text-indent: -999em; overflow: hidden;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-color: #b549c9;
	}
#menuMain li.home a { background-position: 2px 8px; }
#menuMain li.storyboards a { background-position: -87px 8px;}
#menuMain li.magazines a { background-position: -224px 8px;}
#menuMain li.shows a { background-position: -345px 8px;}
#menuMain li.portraits a { background-position: -444px 8px;}
#menuMain li.photos a { background-position: -560px 8px;}
#menuMain li.comics a { background-position: -655px 8px;}
#menuMain li.current a, #menuMain li a:hover{
background-color: #80159e;
}

#menuLeft, #menuRight, #menuStoryb {
	position: absolute;
	width: 350px;
	left: 20px; top: 16px;
}
#menuRight {
	left: 384px;
	}
#menuStoryb {
	width: 950px;	
	}
p#rightMost {
	position: absolute;
	width: 226px; height: 431px;
	left: 763px; top: 54px; margin:0; padding:0;
}
#content li {
	margin-top: 8px;
	position: relative;
	width: 350px;  height: 148px;
	}
#content #menuStoryb li {
	position: absolute; left: 0; top: 0;
	width: 280px;
	}
#content #menuStoryb li.mvideos {
	left: 330px;
	}
#content #menuStoryb li.adver {
	left: 660px;
	}	
#content li span {
	display: block;
	height: 20px;
	background-color: #80159e;
	width: 90px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	}
#content li.home span { background-position: 2px 6px; width: 56px; }
#content li.storyboards span { background-position: -87px 6px; width: 106px}
#content li.magazines span { background-position: -224px 6px; width: 90px}
#content li.shows span { background-position: -345px 6px; width: 62px}
#content li.portraits span { background-position: -444px 6px; width: 85px}
#content li.photos span { background-position: -560px 6px; width: 69px}
#content li.comics span { background-position: -655px 6px; width: 66px}
#content li.movies span { background-position: -738px 6px; width: 80px}
#content li.mvideos span { background-position: -831px 6px; width: 112px}
#content li.adver span { background-position: -945px 6px; width: 112px}
#content li.shows-solo span { background-position: -1049px 6px; width: 110px}
#content li.shows-group span { background-position: -1159px 6px; width: 112px}

#content li a {
	position: absolute;
	height: 120px; width: 350px;
	top: 20px; left:0; text-indent: -999em;
	}
body#storyboards #content li a {
	height: 200px; width: 280px;
	}
body.shows-1 #content li a {
	height: 310px; width: 220px;
	}

a.am-hoverShw:link, a.am-hoverShw:visited { background: url(../images/am-hoverShw.gif) no-repeat transparent; }
a.am-hoverShw:hover { background: url(../images/am-hoverShw40.png) repeat transparent; }

#groupShowsLink { margin: -31px 0 0 0; width: 724px; line-height: 1.25em; text-align: right; position: relative; }
#groupShowsLink a { background-color: #ead5ea; padding: .3em .75em; display: inline-block; }
#groupShowsLink a:link, #groupShowsLink a:visited,  #groupShowsLink a:hover { color: black; font-size: 1.25em;}
#groupShowsLink a:hover { text-decoration: underline; }

#groupShows { margin: 1em 0 1em 50px; width: 50em; padding-left: 84px; background: url(../images/group-shows-bcgr.jpg) no-repeat 0 46px; height: 400px; }
#groupShows h2 { color: black; font-size: 1.4em;  margin-bottom: 21px; margin-left: -84px; }
#groupShows p { color: black; float: left; width: 24em; margin: 0 0 21px 0 ;}

/*---CONTENT-----------------------------*/
#content {
	position: relative;
	width: 750px;
	height: 520px;
	}
body#movies #content {
	
	height: 540px;
}	
body#home #content {	
	width: 995px;
	height: 490px;
	}
body#storyboards #content {	
	width: 960px;
	height: 300px;
	}
body.shows-1 #content {	
	width: 700px;
	height: 380px;
	padding-top: 28px;
	}
body.shows-1 #content ul {	
	position: relative; width: 700px;
	height: 380px;
	}
body.shows-1 #content li {	
	position: absolute; width: 220px;
	top:0; left: 102px;
	}
body.shows-1 #content li.shows-group {	
	left: 433px;
	}
#flash {
	position: absolute; left: 20px; top:16px;
	width: 720px;
	height: 490px;
}
body#shows #flash {
	height: 500px;
}
body#movies #flash {
	
	height: 510px;
}
p.cList {
font-size: 13px;
margin: 0 0 0 30px; padding: 0;
color: #000;
width: 720px;
}

li.current a:hover {
cursor: default;
}
a img {
border: 0;
}

:link, :visited, :focus, :active { -moz-outline: 0px solid blue; }
:link img, :visited img, :focus img, :active img { -moz-outline: 0px solid blue; }