/* style sheet for Steve Lewis Photography */
/* author: Carmen Chapronière for Red Spider Web Design */


/* reset */

* {
	margin: 0;
	padding: 0;
	}


/* basic tagged styles */

html, body {
	height: 100%;
	}

body {
	color: #333;
	background: #606888 url(grfx/gradBG.gif) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	width: 100%; 
	}

h1 {
	color: #303840;
	background: transparent;
	font: italic bold 18pt georgia, "times new roman", times, garamond, serif;
	margin: 0;
	padding: 0;
	}

h2 {
	color: #888C78;
	background: transparent;
	font: italic bold 16pt georgia, "times new roman", times, garamond, serif;
	margin: 0;
	padding: 0;
	}

p {
	color: #333;
	background: transparent;
	font: 10pt/1.5 verdana, arial, helvetica, serif;
	margin: 0;
	text-align: justify;
	padding: 0 35px 15px 0;
	}



/* divisions */

#container1 {
	color: #333;
	background: transparent url(grfx/lensQuarterBG.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	min-width: 892px;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	position: relative;
	}

	#container1 a:link, #container1 a:active, #container1 a:visited {
		color: #fff;
		background: transparent;
		}

	#container1 a:hover {
		color: #ff9;
		background: transparent;
		text-decoration: none;
		}

#container2 {
	color: #333;
	background: transparent url(grfx/headerBannerBG.gif) 0 0 repeat-x;
	padding-bottom: 5px;
	}

	#container2 p.external {
		color: #fff;
		background: transparent;
		font: 8pt verdana, arial, helvetica, sans-serif;
		text-align: center;
		padding: 30px 0 10px 0;
		width: 519px;
		}

#container3 {
	color: #333;
	background: transparent url(grfx/imageryBG.jpg) 100% 0 no-repeat;
	padding: 81px 0 50px 30px;
	}

#contentContainer1 {
	color: #333;
	background: transparent url(grfx/contentOuterBG.gif) 0 0 no-repeat;
	width: 519px;
	height: 418px;
	margin: 30px 343px 0 0;
	padding: 0;
	}

#contentContainer2 {
	color: #333;
	background: #D8E0E8 url(grfx/contentInnerBG.gif) 0 0;
	width: 501px;
	height: 400px;
	border: 2px solid #808478;
	}

#contentContainer3 {
	color: #333;
	background: transparent; /* url(grfx/peopleHeadingBG.gif) 0 0 no-repeat */
	width: 446px;
	height: 365px;
	overflow: auto;
	padding: 30px 5px 5px 50px;
	}

	#contentContainer3 h2 {	
		padding: 0 0 10px 0;
		}

	#contentContainer3 a:link, #contentContainer3 a:active, #contentContainer3 a:visited {
		color: #5860A8;
		background: transparent;
		}
	
	#contentContainer3 a:hover {
		color: #888C78;
		background: transparent;
		text-decoration: none;
		}

#footer {
	color: #ccc;
	background: transparent url(grfx/footerBG.gif) 0 0 repeat-x;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0 !important;
	left: -30px;
	bottom: 0 !important;
	bottom: -1px;
	z-index: 10;
	}
	
	#footer p {
		font: 8pt verdana, arial, helvetica, sans-serif;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 30px 0 0 0;
		}
		
/* extra divs for imagery */

#lens {
	color: #ccc;
	background: transparent url(grfx/lensCap.gif) 0 0 no-repeat;
	width: 89px;
	height: 124px;
	position: absolute;
	top: 549px;
	left: 0;
	z-index: 20;
	}
		
		
/* navigation */

#topLevelNav {
	width: 613px;
	position: absolute;
	top: 0;
	left: 30px !important;
	left: 0;
	z-index: 5;
	}

	#topLevelNav ul {
		color: #fff;
		background: transparent;
		margin: 0;
		padding: 0;
		list-style: none; 
		}

	#topLevelNav li {
		display: inline;
		font: bold 13pt "courier new", courier, prestige, "everson mono", monospace;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		}

	#topLevelNav a:link, #topLevelNav a:active, #topLevelNav a:visited {
		color: #fff;
		background: transparent;
		text-decoration: none;
		padding: 0 21px 0 21px; 
		}

	#topLevelNav a:hover {
		color: #ff9;
		background: transparent url(grfx/bigArrow.gif) 0 0 no-repeat;
		text-decoration: none;
		padding: 0 20px; 
		border-left: 1px solid #666; 
		border-right: 1px solid #666;
		}



/* classes */

h1.main {
	color: #303840;
	background: transparent url(grfx/mainHeadingBG.gif) 0 0 no-repeat;
	width: 509px;
	height: 50px;
	}

	h1.main span {
		display: none;
		}

h2.sub {
	color: #B0B090;
	background: transparent url(grfx/subHeadingBG.gif) 0 0 no-repeat;
	width: 509px;
	height: 29px;
	}

	h2.sub span {
		display: none;
		}