#hpbottomcontent /*container for nav links,address,and copyright notice at bottom of all pages (below site navigation links*/{
clear:both;
margin-top:1400px; /*increase this dimension to make room for content above footer links (ie: when this content overlaps bottom links*/
position:absolute;
text-align:left;
top:800px;

}




a:link{
color: rgb(50, 63, 171);
font-family:Verdana,Geneva,sans-serif;
text-decoration:none;
}
a:visited{
color: rgb(36, 143, 219);
text-decoration:none;
}
a:active,a:hover,#hpimagecaption a:hover,#hpimagecaption a:active{
text-decoration:underline;
}


h1 /*Level 1 heading style*/{
color: rgb(193, 43, 43);
font-family:Georgia,serif;
font-size:xx-large;
font-weight:500;
letter-spacing:.1ex;/*white-space:nowrap;*/
margin:15px 0px 10px 0px;
text-align:left;
}
h2 /*Level 2 heading style*/{
color: rgb(0, 0, 0);
font-size:small;
font-weight:600;
margin:2em 0px 2px 0px;
text-align:left;
}
html,body{
background: rgb(255, 255, 255);
color:rgb(0,0,0);
font-family:Verdana,geneva,arial,sans-serif;
font-size:small;
height:100%;
padding:5px 10px 10px 10px;
text-align:center;
}
li{
list-style:square outside;
margin:5px;
padding:0px;
}
p.hpimagecaption,.hpimagecaption a:link,.hpimagecaption a:visited{
font-size: small;
margin-top:5px;
}
table.techdetails /*formatting for technical details table*/{
margin:0px;
width:550px;
}
td 	 /*default style for all content inside table cells*/{
background-color:transparent;
border-width:0px;
font-family:verdana,geneva,sans-serif;
font-size:small;
vertical-align:top;
}

td.techdetailsitem /*item name (ie:camera or f/stop) in technical details table)*/{
border-bottom-color:rgb(255,255,255);
border-bottom-style:solid;
border-bottom-width:1px;
font-size:x-small;
font-weight:bold;
padding:7px 10px 0px 0px;
vertical-align:bottom;
white-space:nowrap;
}
td.techdetailsvalue /*value of item (ie:Canon 20D or f/8.0) in technical details table)*/{
border-bottom-color:rgb(255,255,255);
border-bottom-style:solid;
border-bottom-width:1px;
font-size:x-small;
padding:7px 25px 0px 0px;
vertical-align:bottom;
white-space:nowrap;
}



.backnext,.backnext a:link{
border:1px solid;
font-size:x-small;
margin:10px 1px 15px 0px;
padding:0.2em;
}

.backnextgreyed{
	border:1px solid;
	font-size:x-small;
	margin:10px 1px 15px 0px;
	padding:0.2em;
	color: #CCCCCC;
}

.gallerylink,.gallerylink a:link{
border:1px solid;
font-size:x-small;
margin:15px 45px 15px 1px;
padding:0.2em;
}

.purchase,.purchase a:link{
border:1px solid;
font-size:x-small;
margin:15px 15px 1px 0px;
padding:.2em;
}

.bold{
font-weight:bold;
}
.bottomcontent /*container for nav links,address,and copyright notice at bottom of all pages (below site navigation links*/{
clear:both;
margin-top:50px;
text-align:left;
}
.bottomnav,bottomnav a:link{
font-size:xx-small;
white-space:nowrap;
width:100%;
word-spacing:1.5em;
}
.button /*formatting for button on contact page form*/{
background-color: rgb(225, 225, 225);
color: rgb(0, 0, 0);
font:900 x-small/90% verdana,arial,geneva,sans-serif;
text-align:center;
vertical-align:middle;
}
.contactuslabel{
width:530px;
}
.footer /*address and copyright notice at bottom of all pages (below site navigation links*/{
color: rgb (0 0 0) /*(142, 154, 171)*/;
font-size:xx-small;
margin-top:20px;
border-bottom: rgb(225, 225, 225) solid 1px;
width: 750px;
}

.footertext /*small text above affiliation graphics (below site navigation links*/{
color: rgb(142, 154, 171);
font-size:xx-small;
margin-top:20px;
margin-botton: 5px;
}

.gallerypagebg /* grey background for gallery pages*/{
background: rgb(241, 241, 241);
margin:0px;
}
.gallerysectiondivider /* horizontal section divider bars on portfolio gallery page */{
border-top: rgb(105, 141, 46) 1px solid;
color: rgb(193, 43, 43);
font-weight:900;
letter-spacing:.5em;
margin:5px 5px -18px 0px;
padding:1px 0px 1px 0px;
width:570px;
}
.gallerytableposition   /*aligns gallery tables for thumbnailscontent*/{
margin:10px 0px 30px 0px;
}
.gallerythumb,.gallerythumb a:link, .gallerythumb a:visited
/*positions gallery thumnails*/
{
color: rgb(0, 0, 0);
margin:2px;
padding:0px;
border: 0px;
}
.gallerythumb a:hover, .galleryimg a:hover
 {
color:rgb(0, 0, 0);
margin:0px;
padding:0px;
border: 2px;
text-decoration: none;
}
.galleryimg 
{
border: 0px;
}

.pagecontainer{
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:left;
width:750px;
}
.portfoliolink{
background: rgb(252, 248, 239);
font-size:x-small;
margin:10px 0px 30px 0px;
overflow:visible;
padding:15px 0px 10px 10px;
white-space:nowrap;
width:15px;
}


.techlink,.techlink a:link /* technical details and gallery view links */{
margin:25px 0px 1px;
}

.textfield /*formatting for message text field on contact page form*/{
color:rgb(0,0,0);/*black*/
font:11pt Verdana,geneva,sans-serif;
}

.topnav, .topnav a:link /*  Top horizontal navigation bar */
{
	font-size:xx-small;
	border-bottom: rgb(225, 225, 225) solid 1px;
	white-space: nowrap;
	margin:0px 0px 10px 0px;
	padding:2px 0px 2px 0px;
	text-align:left;
	/*width:99%;*/
	
	
}

#hpcategorylink /*  left side nav links on home page */{
font-size:13px;/*border-left:rgb(255,153,51) 1px solid;background:rgb(250,250,240);*/
letter-spacing:.30ex;
line-height:.35em;
margin-top:30px;
overflow:visible;
padding:8px 0px 8px 0px;
white-space:nowrap;
width:40px;
}


#hpimage  /*provides top and bottom margins for photo*/{
height:auto;
margin:30px auto 30px auto;
text-align:left;
}

	
	
#hpleftcontainer{
left:0px;
overflow:hidden;
position:absolute;
top:0px;
width:115px;
}
#hpmaincontainer{
left:0px;
margin:5px 0px 10px 0px;
position:relative;
top:0px;
width:100%;
}
#hprightcontainer{
height:auto;
left:150px;
overflow:visible;
position:absolute;
text-align:right;
top:0px;
width:600px;
}


#hptitlecontainer /*container for page title*/{
/*border: rgb(105, 141, 46) (grass green) rgb(225, 225, 225) 1px solid;*/
left:0px;
padding:10px 20px 0px 0px;
position:relative;
top:0px;
width:100%;

}

#hpphone /*  phone number on home page */{
	font: 12px 500 Verdana, Geneva, sans-serif;
	letter-spacing: 0.1em;
	overflow:visible;
	padding: 0px;
	position: absolute;
	white-space:nowrap;
	color: #666666;
	float: right;
	margin: 0px 0px 0px 125px;
	display: inline;

	
	
}



td.hpphonenumber /*phone #s on home page)*/{
	padding: 0px 0px 0px 0px;
	vertical-align:bottom;
	white-space:nowrap;
	font: 12px 500 Verdana, Geneva, sans-serif;
	border-width: 0px;
	letter-spacing: 0.1em;
}



#hpsmallimgcontainer {
	padding: 20px 0px 10px 0px;
	width: 100%;
	bottom: 0px;

}

#hprightimagecaption  /* positions captions to right of Romero book on home page  */{
	font-size:x-small;
	text-align: left;
	position: absolute;
	width: 485px;
	bottom: 50px;
	left: 110px;

	}
	


#hpimagecaption{
	font-size:10pt;
}

#image /* aligns photo  */{
margin:20px 0px 0px 0px;
}

#imagecaption /* captions directly beneath photos  */{
margin:5px 0px 5px 0px;
width:400px;
}

#keywords /*keywords text formatting*/
{
color: rgb(142, 154, 171);
font-size:x-small;
margin:25px 0px 25px 0px;
width:600px;
}

#imagecaptionplace /* second line (location) of captions directly beneath photos  */{
color: rgb(142, 154, 171);
font-size:x-small;
margin:5px 0px 25px 0px;
width:600px;
}

#titlebottom1 /*homepage "communications" bottom title line style*/{
color: rgb(0,0,0);
font-size:14px;
font-weight:300;
letter-spacing:18px;
line-height:20px;
margin:0px 0px 0px 22px;
word-spacing:5em;
}

#titlebottom2 /*homepage bottom title "writing" word style*/{
color: rgb(0,0,0);
font-size:14px;
font-weight:100;
letter-spacing:5px;
line-height:20px;
margin:0px 0px 0px 102px;
}

#titlebottom3 /*homepage bottom title "photography" word style*/{
color:rgb/*(193,43,43)*/ (0, 0, 0);
font-size:14px;
font-weight:900;
letter-spacing:5px;
line-height:20px;
margin:0px;
}

#titletop /*homepage top title "ironstring" line style*/{
color: rgb(193, 43, 43);
font-family:Georgia,serif;
font-size:90px;
font-weight:400;
line-height:1.40ex;
margin:0px 0px 0px 22px;
}

#wordwrap /* allows for wrapping of notes field in photo technical details table */{
white-space:normal;
}

td.portfolio {
	padding: 10px 0px 5px 0px;
}

#clientimagecaption /*positions and formats photo captions on client page*/
{
font-size:x-small;
margin-top:3px;
display: block;
width: 400px;
font-weight: 500;
}

#clientphoto /*positions photos on client page*/
{
align:left;
margin: 5px 0 7px 0;
display:block;
}

#clientbullet /*positions and decorates bullet items on client page*/
{
	margin: 3.75em 0 0;
	list-style: none outside;
	font-size: small;
	font-weight: 900;
}
.redfont {
	color: #BC3F12;
}