/*Style sheet for Sara Perks*/
body {background-color: #000; margin-left:50%;  font-size:62%; font-family:Arial;}
body.FrontPages		{background-color: #000; margin-left:50%;  font-size:62%; font-family:Arial; background-image:url(Images/header-tile.gif); background-repeat:repeat-x;}
.IndexBodyFront{position:absolute; z-index:0; top:164px; left:0px; width:100%; height:3300px; background-image:url(Images/index-backing02.jpg);}		
.IndexBody{position:absolute; z-index:0; top:0px; left:0px; width:100%; height:34640px; background-image:url(Images/index-backing02.jpg);}		

h1{font-size:1.6em; color:#000; margin:0px; padding:0px;}
h2{font-size:1.2em; color:#fff;}
h3{font-size:1em; color:#fff;}
h4{font-size:1em; color:#bdf; margin-bottom:0px;}
h5{font-size:1em; color:#888; margin-bottom:0px;}
a {color:#bdf; font-weight:bold; text-decoration:underline;}
a:hover{color:#fff;}
.Black{color:#000;}
.Grey{color:#aaa;}
.Italic{font-style:italic;}
.Spacer1{width:100%; height:10px; font-size:2px; clear:both;}
.Bold {font-weight:bold;}
p.ParaNoTop{margin-top:0px;}

.Main		{z-index:2; position:absolute; top:0px; margin-left:-490px; background-color:Transparent; height:1400px; width:980px; color: #fff; font-size:1.1em; font-weight: normal; overflow:auto; }
.MainCV		{z-index:2; position:absolute; top:0px; margin-left:-490px; background-color:Transparent; height:3100px; width:980px; color: #fff; font-size:1.1em; font-weight: normal; overflow:auto;}
.MainReviews		{z-index:2; position:absolute; top:0px; margin-left:-490px; background-color:Transparent; height:3600px; width:980px; color: #fff; font-size:1.1em; font-weight: normal; overflow:auto;}
.MainLarge		{z-index:2; position:absolute; top:0px; margin-left:-490px; background-color:Transparent; height:2000px; width:980px; color: #fff; font-size:1.1em; font-weight: normal; overflow:auto;}

.SaraPerksFront{position:absolute; top:0px; left:0px; z-index:5; width:300px; height:164px;}
.LadderManFront{position:absolute; top:164px; left:0px; z-index:5; width:170px; height:966px;} 
.SaraPerks{position:absolute; top:0px; left:0px; z-index:20; width:170px; height:40px;}
.LadderMan{display:none; position:absolute; top:164px; left:0px; z-index:5; width:170px; height:966px;} 

.Menu{position:absolute; z-index:30; top:40px; left:0px; width:100px; height:80px;font-size:1.2em; background-color:Transparent;}
.MenuFront{position:absolute; z-index:30; top:200px; left:150px; width:100px; height:200px;font-size:1.2em; background-color:Transparent;}
/*for when the menu sits within a large thumbnail gallery  */
.MenuGalleryLarge{position:absolute; z-index:10; top:10px; left:0px; width:100px; height:120px;font-size:1.2em; background-color:Transparent;}

.ThumbSetTitle{font-weight:bold; color:#bdf; font-size:1.3em;}

.ItemHolder{}
a.MenuLink{display:block; color:#fff; text-decoration:none; margin-bottom:10px;}
a.MenuLink:hover{color:#ccc;}
a.OptionLink{display:block; color:#bdf; text-decoration:none; padding-bottom:5px;}
a.OptionLink:hover{color:#eee;}




.PageRightHeader{position:absolute; width:640px; height:20px; top:0px; left:250px; text-align:center;}
.PageRightHeader .HeaderPortfolio{position:relative; top:0px; left:-70px; font-size:1.2em; color:#fff;}
.PageRightHeader .HeaderPortfolio h1{color:#ccc;}

.PageRightHeader2{position:absolute; width:640px; height:164px; top:0px; left:300px; background-image:url(Images/header-tile.gif); background-repeat:repeat-x; text-align:center;}
.PageRightHeader2 .Header{position:relative; top:92px; left:-10px; font-size:1.2em;}
.PageRightHeader2 .HeaderPortfolio{position:relative; top:92px; left:-70px; font-size:1.2em;}
.PageRightHeader2 .HeaderLeft{position:relative; top:92px; left:-280px; font-size:1.2em;}
.PageRightHeader2 .HeaderLeft2{position:relative; top:92px; left:-180px; font-size:1.2em;}
.PortfolioThumblist{position:absolute; z-index:5; width:710px; height:1800px; top:170px; left:230px; font-size:1.1em; background-color:Transparent;}

.PortfolioThumb{float:left; margin:20px 10px 0px 0px; width:345px;}
.PortfolioThumbImg{float:left; border:solid 1px #fff; width:150px; height:100px;}
.PortfolioText{float:left; padding-left:5px; width:185px; height:100px;}
.ThumbHeader{font-weight:bold; color:#bdf;}
.BottomFix{width:100%; height:10px; font-size:2px; clear:both;}
.BottomFixLarge{width:100%; height:30px; font-size:2px; clear:both;}
	
	.Credits{position:relative; top:0px; left:250px; width:500px; text-align:center; font-size:1.3em;}
	.Credits span{font-weight:bold; color:#bdf;}
	.Credits p {font-size:0.95em;}

  
  
	
	
	.Link1{position:relative; z-index:5; top:5px; left:0px; width:150px; height:15px;}
	.PortfolioLink1{position:absolute; z-index:10; top:0px; left:15px; width:150px; height:15px;}
	.PortfolioLink1 a{color:#fff; text-decoration:none;}
	.PortfolioLink1 a:hover{color:#000; font-weight:bold; text-decoration:none;}
	.LinkBacking1{position:absolute; z-index:5; top:2px; left:0px; width:150px; height:15px;}
	.LinkBacking1 img{width:12px; height:15px;}
	
	.Link2{position:relative; z-index:5; top:10px; left:0px; width:150px; height:15px;}
	.PortfolioLink2{position:absolute; z-index:10; top:0px; left:15px; width:150px; height:15px;}
	.PortfolioLink2 a{color:#fff; text-decoration:none;}
	.PortfolioLink2 a:hover{color:#000; font-weight:bold; text-decoration:none;}
	.LinkBacking2{position:absolute; z-index:5; top:2px; left:0px; width:150px; height:15px;}
	.LinkBacking2 img{width:12px; height:15px;}	
	
	
	.PageContent{position:absolute; z-index:10; top:190px; left:280px; padding:0px 20px 10px 20px; width:500px; font-size:1.2em;}
	.PageContentReviews{position:absolute; z-index:10; top:190px; left:300px; width:580px; font-size:1.2em; padding:0px 20px 10px 20px; background-color:#444;}
	.PageContentIndex{position:absolute; z-index:10; top:190px; left:280px; padding:0px 20px 10px 20px; width:330px; font-size:1.2em;}
	.PageContentContact{position:absolute; z-index:10; top:190px; left:280px; padding:0px 20px 10px 20px; width:500px; font-size:1.2em; line-height:1.4em;}



	.PageContentCV{position:absolute; z-index:10; top:250px; left:0px; padding:0px 20px 10px 20px; width:900px; font-size:1.1em;}
  table.CV{margin-top:20px; background-color:#444; padding:0px 5px 10px 5px; text-align:left;}  
	table.CV th{color:#000; text-align:left;}
	table.CV td{border-bottom:solid 1px #666; line-height:1.6em;}
	
	
	.PageContentBiog{position:absolute; top:200px; left:300px; padding:0px 20px 10px 20px; width:600px; background-color:#444; font-size:1.2em;}
	
	
	.GalleryHolder{position:absolute; top:30px; left:0px; z-index:20; width:980px; height:1300px; background-color:Transparent;}
	
	.ThumbnailViewer{position:absolute; z-index:20; top:90px; left:0px; width:164px; background-color:Transparent;}
	.ThumbnailViewerLarge{position:absolute; z-index:20; top:140px; left:0px; width:164px; background-color:Transparent;}
	.Thumbnail img {width:80px; height:80px;}
  .ThumbnailLargeImageHolder{position:absolute; top:80px; left:170px; width:794px; height:800px; text-align:center; background-color:Transparent;}
  .ThumbnailLargeImageHolder2{position:absolute; top:600px; left:170px; width:794px; height:800px; text-align:center; background-color:Transparent; display:none;}
	.ThumbnailLargeImage{border:solid 2px #eee;}
	.ThumbnailLargeImage2{border:solid 0px #eee; margin-top:20px;}





	.SlideshowViewer{position:relative; z-index:2; top:5px; left:110px; width:800px; height:800px;}
  .SlideshowImage{border:solid 2px #eee;}
	.SlideshowViewer img {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
	.SlideshowViewer .active{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
	
  .SlideOffset1B{margin-left:70px;}
  .SlideOffset1{margin-left:90px;}  
  .SlideOffset1A{margin-left:120px;}  
  .SlideOffset2{margin-left:150px;}  
  .SlideOffset3{margin-left:180px;}  


.DisplayNone{display:none;}
	
/*SLIDESHOW CLASSES*/
#slideshow{}
#slideshow img{position:absolute; top:0px; left:0px; z-index:8; opacity:0.0;}
#slideshow img.active{z-index:10; opacity:1.0;}
#slideshow img.last-active{z-index:9;}

/*END SLIDESHOW CLASSES*/