* 								{ padding:0; margin:0; }
body							{ background:#000 url('img/bg.jpg'); font-family:verdana; font-size:0.9em; }

.left							{ float:left; }
.clear							{ clear:both; }

.pageWrapper					{ width:1000px; margin:auto; padding:65px 0 0 0; height:750px; }
.topLayout						{ background:url('img/layout.png'); height:233px; width:700px; }
.leftLayout						{ background:url('img/layout.png') 0px -233px; height:495px; width:189px; float:left; }

.menu ul						{ margin:0; padding:0; }
.menu ul li						{ margin:0; padding:0; list-style:none; width:104px; }


.mButton .bio					{ background:url('img/menu.png'); height:43px; }
.mButton .bio:hover,
.mButton.mButtonSelected .bio	{ background:url('img/menuOverlay.png'); height:43px; cursor:pointer; }

.mButton .reel					{ background:url('img/menu.png') 0px -43px; height:34px; }
.mButton .reel:hover,
.mButton.mButtonSelected .reel 	{ background:url('img/menuOverlay.png') 0px -43px; height:34px; cursor:pointer; }

.mButton .resume				{ background:url('img/menu.png') 0px -77px; height:25px; }
.mButton .resume:hover,
.mButton.mButtonSelected .resume{ background:url('img/menuOverlay.png') 0px -77px; height:25px; cursor:pointer; }

.mButton .films					{ background:url('img/menu.png') 0px -102px; height:31px; }
.mButton .films:hover,
.mButton.mButtonSelected .films	{ background:url('img/menuOverlay.png') 0px -102px; height:31px; cursor:pointer; }

.mButton .photos				{ background:url('img/menu.png') 0px -133px; height:34px; }
.mButton .photos:hover,
.mButton.mButtonSelected .photos{ background:url('img/menuOverlay.png') 0px -133px; height:34px; cursor:pointer; }

.mButton .blog					{ background:url('img/menu.png') 0px -167px; height:37px; }
.mButton .blog:hover,
.mButton.mButtonSelected .blog	{ background:url('img/menuOverlay.png') 0px -167px; height:37px; cursor:pointer; }

.mButton .links					{ background:url('img/menu.png') 0px -204px; height:23px; }
.mButton .links:hover,
.mButton.mButtonSelected .links	{ background:url('img/menuOverlay.png') 0px -204px; height:23px; cursor:pointer; }

.mButton .contact				{ background:url('img/menu.png') 0px -227px; height:37px; }
.mButton .contact:hover,
.mButton.mButtonSelected .contact{ background:url('img/menuOverlay.png') 0px -227px; height:37px; cursor:pointer; }

.bottom							{ background:url('img/layout.png') -189px -496px; height:262px; width:104px;  }

.content						{ width:689px; height:559px; }
#img0Large, #img1Large, #img2Large, #img3Large, #img4Large, #img5Large, #img6Large, #img7Large { display:none; }

#img3Large div a div			{ background:url(img/film.png) #f9f0e9; }
#img4Large div a div			{ background:url(img/photos.png) #f9f0e9; }
#img6Large div a div			{ background:url(img/links.png) #f9f0e9; }


/*this is what we want the div to look like when it is not showing*/

/*make invisible*/
div.loading-invisible			{ display:none; }

/*this is what we want the div to look like when it IS showing*/

/*make visible*/
div.loading-visible				{ display:block;
									/*position it 200px down the screen*/
								position:absolute; padding-top:45px; left:0; width:100%; height:900px; text-align:center;
			
									/*in supporting browsers, make it a little transparent*/
								background:#000;
									
									/*opacity:.75;*/
								border-top:1px solid #ddd; border-bottom:1px solid #ddd; }