/*
	AUTHOR:	Hot Light Studios
			webmaster@hotlightstudios.net
			http://www.hotlightstudios.net
			
*/

/* RESET'S & BASIC PAGE SETUP */

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Verdana, Helvetica, sans-serif; background: #113355; }

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; }
a { border: none;}

img {
	border: solid 1px #ffffff;
}

img.thumb {
	border: 1px solid #ffffff;
	margin: 0 5px 0px 1px;
	}

/* END RESET */

/* TOOLBOX */

.floatleft { float: left; }
.floatright {float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* STRUCTURE AND STUFF */

#nav {
	height: 30px;
	background: #052744;
	}
	#nav p.links {
		font-size: 1.1em;
		padding-top: 9px;
		text-align: center;
		color: #83a4c7; /* Light Blue */
	}
	#nav a {
		color: #989c9f; /* Grey */
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.2em;
		}
		#nav a:hover, #nav a:active {
			color: #facc6a; /* Orange */
		}
	

#page-wrap {
	width: 750px;
	margin: 0 auto;
}

div#menu {
	float: left;
	position: relative;
	left: 0px;
	top: 40px;
	width: 120px;
	}
	
div#photos {
	float: left;
	position: relative;
	margin: 0 auto;
	left: 40px;
	top: 40px;
	width: 600px;
}

/* IMAGES */

div#photo_1 {
		float: left;
		width: 600px;
		height: 451px;
		background: url(images/digital/001.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_1:hover {
			background: url(images/digital/001.jpg) bottom center;
		}
		p.roll01 {
			font-size: 1em;
			font-style: italic;
			margin-top: 461px;
			color: #83a4c7;
		}
		
div#photo_2 {
		float: left;
		width: 370px;
		height: 600px;
		background: url(images/digital/002.jpg) top left;
		border: solid 1px #ffffff;
		}
		div#photo_2:hover {
			background: url(images/digital/002.jpg) right center;
		}
		p.roll02 {
			font-size: 1em;
			font-style: italic;
			margin-top: 610px;
			color: #83a4c7;
		}
		
div#photo_3 {
		float: left;
		width: 600px;
		height: 333px;
		background: url(images/digital/003.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_3:hover {
			background: url(images/digital/003.jpg) bottom center;
		}
		p.roll03 {
			font-size: 1em;
			font-style: italic;
			margin-top: 343px;
			color: #83a4c7;
		}
		
div#photo_4 {
		float: left;
		width: 600px;
		height: 529px;
		background: url(images/digital/004.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_4:hover {
			background: url(images/digital/004.jpg) bottom center;
		}
		p.roll04 {
			font-size: 1em;
			font-style: italic;
			margin-top: 539px;
			color: #83a4c7;
		}
		
		
div#photo_5 {
		float: left;
		width: 600px;
		height: 221px;
		background: url(images/digital/005.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_5:hover {
			background: url(images/digital/005.jpg) bottom center;
		}
		p.roll05 {
			font-size: 1em;
			font-style: italic;
			margin-top: 231px;
			color: #83a4c7;
		}
		
div#photo_6 {
		float: left;
		width: 469px;
		height: 600px;
		background: url(images/digital/006.jpg) top left;
		border: solid 1px #ffffff;
		}
		div#photo_6:hover {
			background: url(images/digital/006.jpg) top right;
		}
		p.roll06 {
			font-size: 1em;
			font-style: italic;
			margin-top: 610px;
			color: #83a4c7;
		}
		
div#photo_7 {
		float: left;
		width: 600px;
		height: 257px;
		background: url(images/digital/007.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_7:hover {
			background: url(images/digital/007.jpg) bottom center;
		}
		p.roll07 {
			font-size: 1em;
			font-style: italic;
			margin-top: 267px;
			color: #83a4c7;
		}
		
div#photo_8 {
		float: left;
		width: 600px;
		height: 399px;
		background: url(images/digital/008.jpg) top left;
		border: solid 1px #ffffff;
		}
		
div#photo_9 {
		float: left;
		width: 408px;
		height: 600px;
		background: url(images/digital/009.jpg) top left;
		border: solid 1px #ffffff;
		}
		div#photo_9:hover {
			background: url(images/digital/009.jpg) top right;
		}
		p.roll09 {
			font-size: 1em;
			font-style: italic;
			margin-top: 610px;
			color: #83a4c7;
		}
		
div#photo_10 {
		float: left;
		width: 600px;
		height: 212px;
		background: url(images/digital/010.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_10:hover {
			background: url(images/digital/010.jpg) bottom center;
		}
		p.roll10 {
			font-size: 1em;
			font-style: italic;
			margin-top: 222px;
			color: #83a4c7;
		}
		
div#photo_11 {
		float: left;
		width: 600px;
		height: 506px;
		background: url(images/digital/011.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_11:hover {
			background: url(images/digital/011.jpg) bottom center;
		}
		p.roll11 {
			font-size: 1em;
			font-style: italic;
			margin-top: 516px;
			color: #83a4c7;
		}
		
div#photo_12 {
		float: left;
		width: 385px;
		height: 600px;
		background: url(images/digital/012.jpg) top left;
		border: solid 1px #ffffff;
		}
		div#photo_12:hover {
			background: url(images/digital/012.jpg) top right;
		}
		p.roll12 {
			font-size: 1em;
			font-style: italic;
			margin-top: 610px;
			color: #83a4c7;
		}
		
div#photo_13 {
		float: left;
		width: 600px;
		height: 523px;
		background: url(images/digital/013.jpg) top center;
		border: solid 1px #ffffff;
		}
		div#photo_13:hover {
			background: url(images/digital/013.jpg) bottom center;
		}
		
		p.roll13 {
			font-size: 1em;
			font-style: italic;
			margin-top: 533px;
			color: #83a4c7;
		}
		
div#photo_14 {
		float: left;
		width: 600px;
		height: 425px;
		background: url(images/digital/014.jpg) top center;
		border: solid 1px #ffffff;
		}
		p.roll14 {
			font-size: 1em;
			font-style: italic;
			margin-top: 435px;
			color: #83a4c7;
		}
		
div#photo_15 {
		float: left;
		width: 600px;
		height: 345px;
		background: url(images/digital/015.jpg) top center;
		border: solid 1px #ffffff;
		}
		
		div#photo_15:hover {
			background: url(images/digital/015.jpg) bottom center;
		}
		p.roll15 {
			font-size: 1em;
			font-style: italic;
			margin-top: 355px;
			color: #83a4c7;	
		}
		
div#photo_16 {
		float: left;
		width: 600px;
		height: 433px;
		background: url(images/digital/016.jpg) top center;
		border: solid 1px #ffffff;
		}
		p.roll16 {
			font-size: 1em;
			font-style: italic;
			margin-top: 443px;
			color: #83a4c7;	
		}
		
div#photo_17 {
		float: left;
		width: 600px;
		height: 399px;
		background: url(images/digital/017.jpg) top center;
		border: solid 1px #ffffff;
		}
		
		div#photo_17:hover {
			background: url(images/digital/017.jpg) bottom center;
		}
		p.roll17 {
			font-size: 1em;
			font-style: italic;
			margin-top: 409px;
			color: #83a4c7;	
		}
		
div#photo_18 {
		float: left;
		width: 600px;
		height: 385px;
		background: url(images/digital/018.jpg) top center;
		border: solid 1px #ffffff;
		}
		
		div#photo_18:hover {
			background: url(images/digital/018.jpg) bottom center;
		}
		p.roll18 {
			font-size: 1em;
			font-style: italic;
			margin-top: 395px;
			color: #83a4c7;	
		}
		
/* IMAGES */
		


/* END STRUCTURE */