body {
background: #ebebeb url(../images/mastheadSlice.gif) repeat-x 0 0;
font: normal 100% helvetica,arial;
margin: 0;
padding: 0;
text-align: center;
}

h1 {
background: transparent url(../images/peteHillPhotographyLogo.gif) no-repeat 0 0;
color: #fff;
font-size: 1em;
height: 52px;
line-height: 52px;
margin: 15px 0 0 0;
overflow: hidden;
padding: 0;
text-indent: 183px;
width: 183px;
}
h1 a{
display: block;
height: 52px;
text-decoration: none;
width: 183px;
}
a, a:link, a:visited {
text-decoration: none;
}
a:active, a:hover {
text-decoration: underline;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin: 0;
padding: 0;
}
#masthead, #mainContent, #footer
{
clear: both;
margin: 0 auto;
}
#masthead {
width: 730px;
}
#masthead a#contact {
color: #5ba4e0;
display: block;
float: left;
font-weight: bold;
margin: 20px 0 0 405px;
}
#mainContent {
padding-top: 50px;
width: 1020px;
}
#masthead h1, #masthead ul, #masthead li{
float: left;
}

ul.photos li {	
background: #ebebeb url(../images/imageBackground.gif) no-repeat 0 0;
float: left;
height: 182px;
line-height: 182px;
margin: 0 4px;
overflow: hidden;
position: relative;
text-indent: 247px;
width: 247px;
}
#corporatePhotography, #industrialPhotography,
#editorialPhotographyInsider, #editorialPhotographyGp,
#photo1, #photo4 {
top: 75px; 	
}
#corporatePhotography, #industrialPhotography {
top: 95px;
}
#architecturePhotography, #constructionPhotography,
#editorialPhotographyPoleWake, #editorialPhotographyVictInn,
#photo5, #photo8 {
top: -75px;  	
}
#architecturePhotography, #constructionPhotography {
top: -95px;
}
#stock #photo1,
#stock #photo4 {
top: 95px;
}
#stock #photo5,
#stock #photo8 {
top: -95px;
}
ul.photos {
clear:both;
height: 182px;
overflow: visible;
}
ul#nav {
clear: both;
font-size: 83%;
font-weight: bold;
padding-bottom: 60px;
text-align: center;
}
ul#nav li {
float: left;
padding: 2px 10px;
}
li#corporateNav {
	margin-left: 370px;
}
li#architectureNav {
	margin-left: 330px;
}
li#corporateNav,
li#architectureNav {
padding-left: 0;
}
li#industrialNav,
li#constructionNav {
padding-right: 0;
}
ul#nav li a {
color: #154c79;
text-decoration: underline;
}
ul#nav li a:active, ul#nav li a:hover {
color: #5ba4e0;
text-decoration: underline;
}
#mainContent p a {
color: #154c79;
text-decoration: underline;
}
#mainContent p a:active, #mainContent p a:hover {
color: #5ba4e0;
}
#mainContent p {
clear:both;
font-size: 0.9em;
margin: 0 auto;
padding: 6px 0;
text-align: center;
width: 413px;
}
#mainContent p.firstPara {
padding-top: 25px;
}
#mainContent p.lastPara {
padding-bottom: 25px;
}
#mainContent p.lastParaRos {
padding-bottom: 51px;
}
#mainContent p.firstRecentPara {
padding-top: 25px;
}
#mainContent p.lastRecentPara {
padding-bottom: 25px;
}
#mainContent p strong {
font-weight: normal;
}
#mainContent p#instruction {
padding: 5px 0 50px 0;
}
#mainContent h2 {
color: #154c79;
font-size: 160%;
font-weight: bold;
font-family: "trebuchet ms", verdana, tahoma, helvetica, arial;
margin: 0;
padding: 40px 0 15px 0;
}
#mainContent h2.recentWork {
padding: 20px 0 15px 0;
}

#footer {
clear: both;
font-size: 14px;
height: 40px;
line-height: 40px;
width: 350px;
}
#footer p {
float: left;
width: 50%;
}
#mainContent ul.photos a, #mainContent ul.photos a:link, #mainContent ul.photos a:visited {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
margin: 14px;
height: 154px;
width: 219px;
}
#mainContent ul.photos a:active, #mainContent ul.photos a:hover {
background-position: 0 -154px;
}
#corporatePhotography a {
background-image: url(../images/corporatePhotography.jpg);
}
#prPhotography a {
background-image: url(../images/prPhotography.jpg);
}
#editorialPhotography a {
background-image: url(../images/editorialPhotography.jpg);
}
#interiorsPhotography a {
background-image: url(../images/interiorsPhotography.jpg);
}
#architecturePhotography a {
background-image: url(../images/architecturePhotography.jpg);
}
#industrialPhotography a {
background-image: url(../images/industrialPhotography.jpg);
}
#internationalPhotography a {
background-image: url(../images/stockPhotography.jpg);
}
#constructionPhotography a {
background-image: url(../images/constructionPhotography.jpg);
}

form
{
margin: 0;
padding: 0;	
}
div#mainContent p.contact 
{
margin: 0 auto;
padding: 0 0 10px 0;
}
#contactList ul
{
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: center;
}
#contactList li
{
clear: both;
margin: 0 auto;
padding: 6px 0;
width: 330px;			
}
#contactList input.normInput, #contactList label, #contactList textarea
{
float: left;
height: 22px;
line-height: 22px;
}		
#contactList textarea
{
height: 100px;
width: 220px;
}
#contactList label
{
font-size: 95%;
text-align: left;
width: 100px;
}
span.requiredField
{
color: #5ba4e0;
font-weight: bold;
}
p#requiredHelp
{
font-size: 70%;
text-align: left;
width: 340px;
}
#contactList input.normInput
{
width: 200px;
}
#contactList input.normInput, #contactList textarea
{
background: #fff url(../images/form-bg.jpg) repeat-x 0 0;
border: 1px solid #888;
}
#submitWrapper
{
text-align: right;
}
#submitButton
{
cursor: pointer;
margin-right: 3px;
}

#internationalPhotos #mainContent
{
width: 890px;
}
#internationalPhotos #mainContent ul.photos a 
{
background: transparent none;
display: block;
margin: 8px 9px 9px 9px;
height: 99px;
width: 150px;
}
#internationalPhotos #mainContent ul.photos li 
{
background: #ebebeb url(../images/imageBackgroundSmaller.gif) no-repeat 0 0;
float: left;
height: 117px;
line-height: 117px;
margin: 5px;
overflow: hidden;
position: relative;
text-indent: 0;
width: 168px;
}
#internationalPhotos #mainContent ul.photos li.portrait
{
background: #ebebeb url(../images/imageBackgroundSmallerThin.gif) no-repeat 41px 0;
}
#internationalPhotos img
{
border: none;
}
#internationalPhotos #mainContent h2, 
#internationalPhotos #mainContent p#instruction
{
	padding: 0 0 20px 0;
	margin: 0 auto;
}
#contactUs #mainContent h2
{
padding-top:0;
}