/* Overrides */
body{
	background-color:#FAF7F1; color:#000000; font-family:Arial, Helvetica, sans-serif;
	text-align:center; padding-bottom:20px;
	
}
h3{margin:0; padding:0; font-size:12px;}

/*Wrappers*/
#wrapper-main{
	margin:0 auto 0 auto; width:800px; height:619px; position:relative; 
	background-image:url(../images/global/background.png); background-repeat:no-repeat; background-position:0 0;

}
#videobox1{position:relative; margin:20px; text-align:center;}


/*Links*/
.reellink{color:#FF0000; text-decoration:none;}
.reellink:hover{
	color:#000;
	text-decoration:underline;
	font-size: 11px;
}
#homelink{position:absolute; top:264px; left:371px; width:93px; height:90px; z-index:3000;}

/*Link Rollovers*/
#editing{
	width:127px;
	height:38px;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:500px;
	left:28px;
	z-index:1000;
}
#editing:hover{background-position:0px -38px;}
#on-editing{
	width:127px; height:38px; 
	position:absolute; top:500px; left:28px; z-index:1000;
}

#scoring{
	width:67px;
	height:34px;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:380px;
	left:22px;
	z-index:1000;
}
#scoring:hover{background-position:0px -34px;}
#on-scoring{
	width:67px; height:34px; 
	position:absolute; top:380px; left:22px; z-index:1000;
}

#musicvideos{
	width:58px; height:35px; 
	position:absolute; top:207px; left:19px; z-index:1000;
}
#musicvideos:hover{background-position:0px -35px;}
#on-musicvideos{
	width:58px;
	height:35px;
	background-repeat:no-repeat;
	background-position:0 -35px;
	position:absolute;
	top:207px;
	left:19px;
	z-index:1000;
}

#about{
	width:53px;
	height:23px;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:111px;
	left:34px;
	z-index:1000;
}
#about:hover{background-position:0px -25px;}
#on-about{
	width:53px; height:25px; 
	position:absolute; top:111px; left:34px; z-index:1000;
}

#contact{
	width:70px;
	height:19px;
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:569px;
	left:148px;
	z-index:1000;
}
#contact:hover{background-position:0px -19px;}
#on-contact{
	width:70px; height:19px;
	position:absolute; top:569px; left:148px; z-index:1000;
}


/*Background Rollover*/
#roll-pic{
	background-repeat:no-repeat;
	z-index:900;
	width:800px;
	height:619px;
	position:absolute;
	visibility: visible;
}
.empty-pic{background-image:none;}
.about-pic{background-image:url(../images/home/about.jpg);}
.editing-pic{background-image:url(../images/home/editing.jpg);}
.musicscore-pic{background-image:url(../images/home/scoring.jpg);}
.cinematography-pic{background-image:url(../images/home/cinematography.jpg);}
.contact-pic{background-image:url(../images/home/contact.jpg);}

/*Text Boxes*/
#about-box{
	text-align:right;
	font-size:11px;
	z-index:2000;
	position:absolute;
	top:262px;
	left:392px;
}
#contact-box{
	text-align:left; font-size:12px; z-index:2000;
	position:absolute; top:422px; left:324px;
}
#musicvid-box{
	text-align:left;
	font-size:12px;
	z-index:2000;
	position:absolute;
	top:333px;
	left:292px;
	width:239px;
}
#musicscore-box{
	display: none;
	text-align:left; font-size:12px;
	position:absolute; top:255px; left:230px; width:375px;
}
#musicscore2-box{
	z-index:2000;
	display: block;
	overflow: auto;
	height: 250px;
	text-align:right; font-size:11px;
	position:absolute; top:182px; right:250px; width:400px;
	padding: 0 20px;;
}
.viddesc{
	text-align:center;
	font-size:11px;
	z-index:2000;
	position:absolute;
	top:60px;
	left:165px;
	visibility: visible;
	font-weight: normal;
	width: 159px;
}
.msviddesc{
	text-align:center; font-size:12px; z-index:2000;
	position:absolute; top:150px; left:270px; width:280px;
}
.msviddesc2{
	text-align:center; font-size:12px; z-index:2000;
	position:absolute; top:137px; left:270px; width:280px;
}
.msarrow {
	padding-top: 5px;
	padding-right: 10px;
}
#Dreel {
	font-size: 0.75em;
	z-index: 3000;
	position: absolute;
	top: 180px;
	left: 305px;
}
#Ereel {
	font-size: 0.75em;
	z-index: 3000;
	position: absolute;
	top: 180px;
	left: 375px;
}
#player {
	z-index: 3000;
	position: absolute;
	top: 212px;
	left: 259px;
	width: 306px;
	height: 209px; /* change size of player */
}
#playing {
	z-index: 3000;
	position: absolute;
	top: 225px;
	left: 285px;
	width: 252px;
	height: 109px
}
#frame {
	left: 252px;
	top: 204px;
	z-index: 1000;
	position: absolute;
}
#editcircle-box{
	text-align:center;
	font-size:12px;
	z-index:2000;
	position:absolute;
	top:252px;
	left:245px;
	width:342px;
}
#cinecircle-box{
	text-align:center;
	font-size:12px;
	z-index:2000;
	position:absolute;
	top:251px;
	left:229px;
	width:382px;
}
#text-box{
	z-index:900;
	display: block;
	overflow: auto;
	height: 320px;
	text-align:right; font-size:11px;
	position:absolute; top:162px; left:145px; width:420px;
	padding: 0 20px;
}
#editreel{
	text-align:center;
	font-size:12px;
	z-index:2000;
	position:absolute;
	top:108px;
	left:365px;
	width:110px;
}
#dpreel{
	text-align:center;
	font-size:12px;
	z-index:2000;
	position:absolute;
	top:436px;
	left:375px;
	width:90px;
	font-style: italic;
}
span.popnote{
	font-style:italic;
	font-size:11px;
	position: absolute;
	left: -1px;
	top: 109px;
	width: 100px;
}
span.boldunder{font-weight:bold; text-decoration:underline;}
span.bold{font-weight:bold;}
span.under{text-decoration:underline;}

/*Editing Page*/
#editcircle{
	width:80px; height:92px; 
	background-image:url(../images/editing/editcircle.gif); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:108px; left:538px; z-index:1000;
}
#editcircle:hover{background-position:0px -92px;}
#on-editcircle{
	width:80px; height:92px; 
	background-image:url(../images/editing/editcircle.gif); background-repeat:no-repeat; background-position:0 -92px;
	position:absolute; top:108px; left:538px; z-index:1000;
}
#cinecircle{
	width:83px; height:89px; 
	background-image:url(../images/editing/cinecircle2.gif); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:403px; left:544px; z-index:1000;
}
#cinecircle:hover{background-position:0px -89px;}
#on-cinecircle{
	width:83px; height:89px;
	background-image:url(../images/editing/cinecircle2.gif); background-repeat:no-repeat; background-position:0 -89px;
	position:absolute; top:403px; left:544px; z-index:1000;
}
#editfilm{
	width:152px; height:57px; 
	background-image:url(../images/editing/editfilm.gif); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:45px; right:136px;  z-index:1000;
}
#editfilm:hover{background-position:0px -57px;}
#on-editfilm{
	width:152px; height:57px; 
	background-image:url(../images/editing/editfilm.gif); background-repeat:no-repeat; background-position:0 -57px;
	position:absolute; top:45px; right:136px; z-index:1000;
}
#filmography{
	width:119px; height:53px; 
	background-image:url(../images/editing/filmography.gif); background-repeat:no-repeat; background-position:0 0;
	position:absolute; bottom:63px; right:141px; z-index:1000;
}
#filmography:hover{background-position:0px -53px;}
#on-filmography{
	width:119px; height:53px; 
	background-image:url(../images/editing/filmography.gif); background-repeat:no-repeat; background-position:0 -53px;
	position:absolute; bottom:63px; right:141px; z-index:1000;
}
#filmarrow{position:absolute; top:62px; left:509px;}
#editfilmarrow{position:absolute; top:502px; left:546px;}

/*Music Videos Page*/
div.videospacer{height:7px;}
#circle1{
	width:80px;
	height:76px;
	background-image:url(../images/musicvideos/circle1a.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:127px;
	left:541px;
	z-index:1000;
}
#circle1:hover{background-position:0px -76px;}
#on-circle1{
	width:80px; height:76px; 
	background-image:url(../images/musicvideos/circle1a.gif); background-repeat:no-repeat; background-position:0 -76px;
	position:absolute; top:127px; left:541px; z-index:1000;
}
#circle2{
	width:78px;
	height:77px;
	background-image:url(../images/musicvideos/circle2a.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:272px;
	left:593px;
	z-index:1000;
}
#circle2:hover{background-position:0px -77px;}
#on-circle2{
	width:78px; height:77px; 
	background-image:url(../images/musicvideos/circle2a.jpg); background-repeat:no-repeat; background-position:0 -77px;
	position:absolute; top:272px; left:593px; z-index:1000;
}
#circle3{
	width:77px;
	height:79px;
	background-image:url(../images/musicvideos/circle3.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:414px;
	left:548px;
	z-index:1000;
}
#circle3:hover{background-position:0px -79px;}
#on-circle3{
	width:77px; height:79px; 
	background-image:url(../images/musicvideos/circle3.gif); background-repeat:no-repeat; background-position:0 -79px;
	position:absolute; top:414px; left:548px; z-index:1000;
}
#vid1{display:none;}
#vid2{display:none;}
#vid3{display:none;}

/*Music Scoring Page*/
#musicography{
	width:140px; height:67px;
	background-image:url(../images/musicscoring/musicography.gif); background-repeat:no-repeat; background-position:0 0;
	position:absolute; bottom:84px; right:118px; z-index:1000;
}
#musicography:hover{background-position:0px -69px;}
#on-musicography{
	width:140px; height:67px;
	background-image:url(../images/musicscoring/musicography.gif); background-repeat:no-repeat; background-position:0 -69px;
	position:absolute;  bottom:84px; right:118px; z-index:1000;
}
#mscircle1{
	width:79px; height:79px; 
	background-image:url(../images/musicscoring/giant.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:200px; left:588px; z-index:1000;
}
#mscircle1:hover{background-position:0px -78px;}
#on-mscircle1{
	width:79px; height:78px; 
	background-image:url(../images/musicscoring/giant.png); background-repeat:no-repeat; background-position:0 -79px;
	position:absolute; top:200px; left:588px; z-index:1000;
}
#mscircle2{
	width:82px; height:81px;  
	background-image:url(../images/musicscoring/hof.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:314px; left:588px; z-index:1000;
}
#mscircle2:hover{background-position:0px -78px;}
#on-mscircle2{
	width:82px; height:81px; 
	background-image:url(../images/musicscoring/hof.png); background-repeat:no-repeat; background-position:0 -78px;
	position:absolute; top:314px; left:588px; z-index:1000;
}
#mscircle3{
	width:78px; height:77px; 
	background-image:url(../images/musicscoring/circle3.gif); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:420px; left:540px; z-index:2000;
}
#mscircle3:hover{background-position:0px -74px;}
#on-mscircle3{
	width:78px; height:77px; 
	background-image:url(../images/musicscoring/circle3.gif); background-repeat:no-repeat; background-position:0 -74px;
	position:absolute; top:420px; left:540px; z-index:2000;
}
#mscircle4{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/rexona.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:483px; left:448px; z-index:1000;
}
#mscircle4:hover{background-position:0px -78px;}
#on-mscircle4{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/rexona.png); background-repeat:no-repeat; background-position:0 -78px;
	position:absolute; top:483px; left:448px; z-index:1000;
}
#mscircle5{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/beach_pillows.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:497px; left:336px; z-index:1000;
}
#mscircle5:hover{background-position:0px -78.8px;}
#on-mscircle5{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/beach_pillows.png); background-repeat:no-repeat; background-position:0 -78.8px;
	position:absolute; top:497px; left:336px; z-index:1000;
}
#mscircle6{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/tony-hawk.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:446px; left:225px; z-index:1000;
}
#mscircle6:hover{background-position:0px -78.6px;}
#on-mscircle6{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/tony-hawk.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:446px; left:225px; z-index:1000;
}
#mscircle7{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/razorfish.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:351px; left:153px; z-index:1000;
}
#mscircle7:hover{background-position:0px -78.6px;}
#on-mscircle7{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/razorfish.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:351px; left:153px; z-index:1000;
}
#mscircle8{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/rocketboom.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:235px; left:150px; z-index:1000;
}
#mscircle8:hover{background-position:0px -78px;}
#on-mscircle8{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/rocketboom.png); background-repeat:no-repeat; background-position:0 -78px;
	position:absolute; top:235px; left:150px; z-index:1000;
}
#mscircle9{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/apple.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:134px; left:200px; z-index:1000;
}
#mscircle9:hover{background-position:0px -78.6px;}
#on-mscircle9{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/apple.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:134px; left:200px; z-index:1000;
}
#mscircle10{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/icono_faveru.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:66px; left:293px; z-index:1000;
}
#mscircle10:hover{background-position:0px -78.6px;}
#on-mscircle10{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/icono_faveru.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:66px; left:293px; z-index:1000;
}
#mscircle11{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/cameron.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:57px; left:417px; z-index:1000;
}
#mscircle11:hover{background-position:0px -78.6px;}
#on-mscircle11{
	width:77px; height:77px; 
	background-image:url(../images/musicscoring/cameron.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:57px; left:417px; z-index:1000;
}
#mscircle12{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/deadwood.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:106px; left:520px; z-index:1000;
}
#mscircle12:hover{background-position:0px -78.6px;}
#on-mscircle12{
	width:76px; height:77px; 
	background-image:url(../images/musicscoring/deadwood.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:106px; left:520px; z-index:1000;
}


#msvid1{display:none;}
#msvid2{display:none;}
#msvid3{display:none;}
#msvid4{display:none;}
#msvid5{display:none;}
#msvid6{display:none;}
#msvid7{display:none;}
#msvid8{display:none;}
#msvid9{display:none;}
#msvid10{display:none;}
#msvid11{display:none;}
#msvid12{display:none;}
.playButton {
	left: 395px;
	top: 294px;
	position: absolute;
	z-index:2000;
}

#mscircle13{
	width:76px; height:77px; 
	background-image:url(../images/editing/editing-sprite.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:276px; left:373px; z-index:1000;
}
#mscircle13:hover{background-position:0px -79.6px;}
#on-mscircle13{
	width:88px; height:77px; 
	background-image:url(../images/editing/editing-sprite.png); background-repeat:no-repeat; background-position:0 -78.6px;
	position:absolute; top:276px; left:373px; z-index:1000;
}

#mscircle14{
	width:88px; height:77px; 
	background-image:url(../images/cine-sprite.png); background-repeat:no-repeat; background-position:0 0;
	position:absolute; top:276px; left:360px; z-index:1000;
}
#mscircle14:hover{background-position:-1px -77px;}
#on-mscircle14{
	width:76px; height:77px; 
	background-image:url(../images/cine-sprite.png); background-repeat:no-repeat; background-position:0 -77px;
	position:absolute; top:276px; left:360px; z-index:1000;
}