html, body{
	height: 100%;}

* {
	margin:0px;
	padding:0px;
	border:none; }

#lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;}

#lightbox img{ 
	width: auto; 
	height: auto;}

#lightbox a img{ 
	border: none; }

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; }

#imageContainer{ 
	padding: 10px; }

#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; }

#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; }

#imageContainer>#hoverNav{ 
	left: 0;}

#hoverNav a{ 
	outline: none;}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block; }
	
#prevLink { 
	left: 0; 
	float: left;}

#nextLink { 
	right: 0; 
	float: right;}


#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; }

#imageData{	
	padding:0 10px; 
	color: #333333; }

#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; }
		
#imageData #caption{ 
	font-weight: bold;	}

#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; }

#banner {
	padding-top:50px;}

#container{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#333333; 
	background-color:#FFFFFF; 
	width:800px; 
	padding-left:120px; 
	margin:auto; 
	height:auto !important;
	margin:0 auto;
	min-height:100%;
	position:relative;}
	
#blog { 
	padding-top:20px; 
	width:665px; 
	line-height:18px; 
	color:#333333;}	

#title{ 
	padding-top:30px;}


#about{ 
	width:665px; }

#photos {
	border:none;}

#engagement {
	border:none;
	margin-bottom:3px;
	background-image:url(images/engagement.png);
	display:block;
	width:665px;
	height:74px;}
	
#engagement:hover {
	background-image:url(images/engagementhover.png); }	
		
#petportraits {
	border:none;
	margin-bottom:3px;
	background-image:url(images/petportraits.png);
	display:block;
	width:665px;
	height:74px;}
	
#petportraits:hover {
	background-image:url(images/petportraitshover.png); }		
	
#portraits {
	border:none;
	margin-bottom:3px;
	background-image:url(images/portraits.png);
	display:block;
	width:665px;
	height:74px;}
	
#portraits:hover {
	background-image:url(images/portraitshover.png);}		
	
#weddings {
	border:none;
	margin-bottom:3px;
	background-image:url(images/weddings.png);
	display:block;
	width:665px;
	height:74px;}
	
#weddings:hover {
	background-image:url(images/weddingshover.png); }	
	
#blogbanner {
	border:none;
	background-image:url(images/blogbanner.png);
	display:block;
	width:665px;
	height:74px;}
	
#blogbanner:hover {
	background-image:url(images/blogbanner-hover.png); }

#left { 
	float:left; 
	width:240px; }

#self { 
	padding-bottom:5px; 
	padding-top:15px; }
	
#blogimage {
	width:665px; }

h1 {
	font-size:14px; 
	color:#333333;  }

h2 { 
	font-size:10px; 
	color:#333333;
	width:665px; 
	}

h3 {
	font-style:italic; }
	
#heading {
	font-size:13px;
	color:#336699;
	font-style:italic; }
	
#bio { 
	padding-bottom:15px; }

div.wrap{
	min-height:10%;
	height:auto;
	height:100%;
	margin: 0 auto -20px auto;}

div.nudge{ 
	height:20px; 
	clear:both;}

#footer{ 
	width:665px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	height:20px; 
	color:#333333;  
	padding-bottom:50px;
	clear:both;
	position:relative; }

#footer a{ 
	text-decoration:none; 
	color:#333333; }

#footer a:hover{
	color:#CC0066; }
	
#link {
	text-decoration:none;
	font-weight:bold;
	color: #333333;}

#link:hover{
	color:#CC0066; }