p
{
  font-family:"Helvetica", Avenir, san-serif;
  font-size:12px;
  color: #ffffff;
  line-height: 150%
}

ul
{
  list-style-type: none;
  margin:0;
  padding:0;
  border:0;
}

img {
  margin:0;
  padding:0;
  border:0;
}

h2
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
}

li
{
  list-style-type: none;
  margin:0;
  padding:0;
  border:0;
}


#sidebar {
position: absolute;
 top:25px;
 left:0;
 width:250px;
}

#sidebar_divider {
  padding-top:25px;
  padding-bottom:15px;
}

#main_divider {
  padding-top:5px;
  padding-bottom:7px;
}

#main_space {
  padding:25px;
}




#content {
position: absolute;
top: 0px;
left: 250px;
right: 0px;
height: 100%;
background-image: url("bg.png");
background-repeat: repeat;
background-position: top left; 

}



#work {
position: absolute;
top: 22px;
left: 30px;
width: 225px;
margin:0;
padding:0;
border:0;
}

#work2 {
position: absolute;
top: 22px;
left: 280px;
width: 225px;
margin:0;
padding:0;
border:0;
}

#work3 {
position: absolute;
top: 22px;
left: 530px;
width: 225px;
margin:0;
padding:0;
border:0;
}

#work_large {
position: absolute;
top: 25px;
left: 30px;
width: 700px;
}

#dl_link {
float: right;
top: 0;
left: 0;
margin:0;
padding:0;
border:0;
}

.shadow {
-moz-box-shadow: 0px 0px 2px 2px #222222;
-webkit-box-shadow: 0px 0px 2px 2px #222222;
box-shadow: 0px 0px 2px 2px #222222;
}

.shadow2 {
-moz-box-shadow: 0px 0px 1px 1px #333333;
-webkit-box-shadow: 0px 0px 1px 1px #333333;
box-shadow: 0px 0px 1px 1px #333333;
}











.prettyGalleryContainer {
	clear: both;
	float: left;
	margin:0;
	padding: 0;
	height: 550px;
	
	-moz-box-shadow: 0px 0px 0px 0px #222222;
	-webkit-box-shadow: 0px 0px 1px 1px #222222;
	box-shadow: 0px 0px 1px 1px #222222;

	

}
	
	.prettyGalleryContainer a:focus { outline: none; }

	.prettyGalleryContainer img { border: 0;
	margin:0;
	padding: 0;
	}

	.prettyGalleryContainer ul {
		margin: 0;
		padding: 0;
		
	}

		.prettyGalleryContainer ul li {
			display: block;
			float: left;
			margin:0;
	        padding: 0;
		}
		
			.prettyGalleryContainer ul li a,
			.prettyGalleryContainer ul li a img { display: block; 
			margin:0;
	        padding: 0;
			}

	.prettyGalleryBackground {
		background: url(images/prettyGallery/content_background.png) top left repeat;
		padding: 0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin: 0 0 0px 0;
		height: 550px;
		
			
	}

	.pp_alignleft { float: left; }
	.pp_alignright { float: right; }
	.pp_aligncenter { margin: 0 auto; }
		

	.pg_paging li { 
			background: url(projects/comps/overlaynav/image_count.png);
	        color: #ffffff;
			font-family: "helvetica", san-serif;
			font-size: 12px;
			position: absolute;	
		    bottom: 65px;
	        width: 70px;
	        height: 30px;
	        text-indent: 20px;
	        line-height: 30px;
	        
	        -moz-box-shadow: 0px 0px 1px 1px #232323;
			-webkit-box-shadow: 0px 0px 1px 1px #232323;
			box-shadow: 0px 0px 1px 1px #232323;
	        
		   }
		   
	.pg_paging .pg_prev {
		background: url(projects/comps/overlaynav/previousall.png) ;
	    display: block;
		float: right;
		position: absolute;
		left: 0px;
		bottom: 25px;
	    width: 119px;
	    height: 30px;
	    top margin: 25px;
		text-indent: -10000px;
	
	}
		.pg_paging .pg_prev:hover { background-position: 0% 30px; }
	
	.pg_paging .pg_next {
	    background: url(projects/comps/overlaynav/nextall.png);
        display: block;
		float: right;
        position: absolute;
        right: 0px;
        bottom: 25px;
        width: 80px;
        height: 30px;
        text-indent: -10000px;
	}
		.pg_paging .pg_next:hover { background-position: 0% 30px; }
		
	
		
	
	

    
	
	
	
	.pg_pages {
	color: #ffffff;
		background: url(images/prettyGallery/pagingBackgroundLeft.png) top left no-repeat;
		float: left;
		padding-left: 8px;
	}
	
		.pg_pages ul {
		color: #ffffff;
			background: url(images/prettyGallery/pagingBackgroundRight.png) top right no-repeat;
			float: left;
			height: 15px;
			padding-right: 9px;
		}
			.pg_pages ul li { line-height: 15px; }
			
			.pg_pages ul li.selected { font-weight: bold; }
		
		.pg_pages a {
			color: #ffffff;
			font-family: san-serif;
			font-size: 18px;
			text-decoration: none;
			padding: 0px;
			display: block;
	
		}
			.pg_pages a:hover { color: #c4c4c4; }
			
		.pg_pages a.circle {
			color: #ffffff;
			display: block;
			background: url(projects/comps/overlaynav/image_count.png) top left no-repeat;
			height: 8px;
			margin: 00px 0px 0 0px;
			padding: 0;
			text-indent: -10000px;
			width: 8px;
		}
			.pg_pages a.circle:hover,
			.pg_pages .selected a.circle { background-position: top left; }