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

body {
	font-family: Verdana, Helvetica, sans-serif;
	color: #E00000;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.header {
	width: 786px;
	height: 34px;
	margin: 8px 0px 4px 0px;
	overflow: hidden;
	border: 1px solid black;
	padding: 6px 6px 0px 6px;
	background-color: #FFFFFF;
}	

div.sitenav {
	width: 798px;
	margin: 4px 0px 4px 0px;
	height: 36px; 
	float: left;
	overflow: hidden;
	text-align: center; 
	border: 1px solid black;
	padding: 4px 0px 0px 0px;
	background-color: #FFFFFF;
}

div.shoots {
	width: 798px;
	margin: 8px 0px 4px 0px;
	padding: 4px 0px 0px 0px;
	border: 1px solid black;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
}

div.seriesindex {
	width: 798px;
	height: 36px;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 0px 0px;
	border: 1px solid black;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 140%; 
}

div.seriesindexlow {
	width: 798px;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border: 1px solid black;
	background-color: #FFFFFF;
	float: left;
	text-align: center;
	font-size: 11px;
}

div.copyright {
	width: 798px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid black;
	margin: 8px 5px 6px 0px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	font-size: 10px;
}

/* Photocontent = rules for content of IFRAME */

div.photocontent {
	width: 798px;
	height: 790px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
	overflow: visible;
}

/* Landscape orientation photos */

div.photolandscape {
        position: fixed;
	width: 768px;
	top: 0px;
	height: 512px;
	margin: 10px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
}

div.thumbslandscape {
        position: fixed;
	width: 798px;
	height: 234px;
	top: 534px;
	left: 0px;
	margin: 00px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

ol.thumbslandscape {
	width: 786px;
	height: 234px;
	margin: 6px 0px 0px 10px;
	border: 0px;
	padding: 0px;
	list-style-type: none;
}

ol.thumbslandscape li {
	width: 102px;
	height: 74px;
	margin: 0px 4px 6px 5px;
	padding: 0px;
	float: left;
	border: 0px;
	overflow: hidden;
}

ol.thumbslandscape img {
	border: 1px solid;
}

/* Portrait orientation photos */

div.thumbsportrait {
        position: fixed;
	width: 249px;
	height: 768px;
	margin: 10px 0px 0px 14px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

div.photoportrait {
        position: fixed;
	width: 512px;
	height: 768px;
	left: 270px;
	margin: 9px 0px 0px 0px;
	border: 1px solid black;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
}

ol.thumbsportrait {
	width: 249px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	overflow: hidden;
}

ol.thumbsportrait li {
	width: 68px;
	height: 105px;
	margin: 0px 15px 6px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	border: 0px;
	overflow: hidden;
}

ol.thumbsportrait img {
	border: 1px solid;
}

/* Widescreen 16:9 orientation photos */

div.photowide {
	position: fixed;
        width: 768px;
	top: 0px;
	height: 432px;
	margin: 10px 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
}
			    
div.thumbswide {
	position: fixed;
	width: 786px;
	height: 336px;
	top: 454px;
	left: 0px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
							    
ol.thumbswide {
	width: 794px;
	height: 300px;
	margin: 0px 0px 0px 4px;
	border: 0px;
	padding: 0px;
	list-style-type: none;
}
										    
ol.thumbswide li {
	width: 146px;
	height: 83px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	float: left;
	border: 0px;
	overflow: hidden;
}
														
ol.thumbswide img {
	border: 1px solid;
}

/* alternate for 4:3 ratio */

div.photolandscape2 {
        position: fixed;
	width: 683px;
	top: 0px;
	height: 512px;
	margin: 10px 0px 0px 56px;
	padding: 0px 0px 0px 0px;
	border: 1px solid purple;
}

div.thumbslandscape2 {
        position: fixed;
	width: 778px;
	height: 234px;
	top: 534px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

ol.thumbslandscape2 {
	width: 760px;
	height: 234px;
	margin: 4px 0px 0px 26px;
	border: 0px;
	padding: 0px;
	list-style-type: none;
}

ol.thumbslandscape2 li {
	width: 102px;
	height: 74px;
	margin: 0px 3px 4px 3px;
	padding: 0px;
	float: left;
	border: 0px;
	overflow: hidden;
}

ol.thumbslandscape2 img {
	border: 1px solid;
}

div.thumbsportrait2 {
        position: fixed;
	width: 249px;
	height: 768px;
	margin: 10px 0px 0px 14px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

div.photoportrait2 {
        position: fixed;
	width: 512px;
	height: 683px;
	left: 270px;
	margin: 9px 0px 0px 0px;
	border: 1px solid black;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
}

ol.thumbsportrait2 {
	width: 249px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	overflow: hidden;
}

ol.thumbsportrait2 li {
	width: 68px;
	height: 102px;
	margin: 0px 15px 9px 0px;
	padding: 0px;
	float: left;
	border: 0px;
	overflow: hidden;
}

ol.thumbsportrait2 img {
	border: 1px solid;
}

/* Fonts colors and headings */

a:link {
	color: #E00000;
}

a:active {
	color: #FFFF00;
}

a:hover {
	color: #FF00FF;
}

a:visited {
	color: #000000;
}

p	{
	margin: 1em;
	padding: 0
}

h3 	{
	font-size: 15px;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
	color: black;
}

h4	{
	font-size: 10px;
	font-weight: lighter;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

h5	{
	font-size: 10px;
	font-weight: lighter;
	color: #6F8CE9;
	padding: 0px 40px;
}