body {
		background-image: url("graphics/background.gif");
		font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
		font-size: 100%;
		}

h3 {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 150%;
	}

h2 {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 170%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
	}
	
h4 {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin-bottom: 0px;
	}
	

h4.hire {
	font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0px;
	text-align: center;
	
	}


#wrapper {
		margin: 0px auto;
		width: 1024px;
		}

#header {
		padding-top: 30px;
		width: 10px;
		}
		
#footer {
		float: left;
		margin-left: 55px;
		}
		
#content {
		width: 810px;
		height: 535px;
		margin-left: 85px;
		margin-top: 26px;
		float: left;
		}

#hire {
		float: right;
		width: 125px;
		height: 37px;
		padding: 10px;
		}

#nav ul {
	list-style: none;
	margin-left: 370px;
	width: 675px;
	margin-top: -55px;
	}
	
#links ul {
	list-style: none;

	}
	
#logo {
		width: 298px;
		height: 133px;
		margin-left: 100px;
		background-image: url("graphics/logo.png");
		}
		
#body {
		width: 981px;
		height: 655px;
		background-image: url("graphics/body.png");
		margin-top: 50px;
		}
	
#contactform {
			margin-left: 70px;
			}
	
li.menu {
	float: left;
	display: block;
	margin-left: 20px;
	}
	
li.photography {
	float: left;
	display: block;
	margin-left: 35px;
	margin-top: 50px;
	}
	
li.links {
	float: left;
	display: block;
	margin-right: 5px;
	}
	
li.copy {
	float: left;
	display: block;
	margin-left: 340px;
	margin-top:-55px;
	}


#home
{
  display: block;
  width: 73px;
  height: 33px;
  background: url("graphics/home.png") no-repeat 0 0;
}

#home:hover
{ 
  background-position: 0 -33px;
}

#home span
{
  display: none;
}

#photo
{
  display: block;
  width: 125px;
  height: 33px;
  background: url("graphics/photography.png") no-repeat 0 0;
  margin-left: -15px;
}

#photo:hover
{ 
  background-position: 0 -33px;
}

#photo span
{
  display: none;
}


#video
{
  display: block;
  width: 56px;
  height: 33px;
  background: url("graphics/video.png") no-repeat 0 0;
}

#video:hover
{ 
  background-position: 0 -33px;
}

#video span
{
  display: none;
}


#design
{
  display: block;
  width: 66px;
  height: 33px;
  background: url("graphics/design.png") no-repeat 0 0;
}

#design:hover
{ 
  background-position: 0 -33px;
}

#design span
{
  display: none;
}


#contact
{
  display: block;
  width: 73px;
  height: 33px;
  background: url("graphics/contact.png") no-repeat 0 0;
}

#contact:hover
{ 
  background-position: 0 -33px;
}

#contact span
{
  display: none;
}





#nature
{
  display: block;
  width: 200px;
  height: 408px;
  background: url("graphics/nature.png") no-repeat 0 0;
}

#nature:hover
{ 
  background-position: 0 -408px;
}

#nature span
{
  display: none;
}




#urban
{
  display: block;
  width: 200px;
  height: 408px;
  background: url("graphics/urban.png") no-repeat 0 0;
}

#urban:hover
{ 
  background-position: 0 -408px;
}

#urban span
{
  display: none;
}




#people
{
  display: block;
  width: 200px;
  height: 408px;
  background: url("graphics/people.png") no-repeat 0 0;
}

#people:hover
{ 
  background-position: 0 -408px;
}

#people span
{
  display: none;
}


#gallery {
			float: left;
			margin-left: 70px;
			}

a:link {color:#2a5277; text-decoration:none; font-style: italic;}
		a:visited {color:#2a5277; text-decoration:none; font-style: italic;}
		a:hover{color:#2c3e4f; text-decoration:none; font-style: italic;}
		a:active {color:#2a5277; text-decoration:none; font-style: italic;}
		
p.about {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 80%;
		margin-top: 5px;
		}
		
img.about {
			float: left;
			margin-right: 10px;
			}
			
#about {
		width: 600px;
		height: 70px;
		background-color: white;
		margin-left: 85px;
		float: left;
		border: 1px dashed black;
		}
		
p.copy {
		margin-top: 0px;
		margin-left: 400px;
		color: #c2c2c2;
		}
		
		
		
.important {
    border: 1px solid #666;
    background: #ddd;
    padding: 0 1em;
    color: #C30;
}

.panel-overlay h2,
.panel-overlay p{
    margin: .3em 0;
}
.panel-overlay p {
    line-height: 1.2em;
}





.video {
		float: left;
		width: 250px;
		height: 120px;
		margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
		}

img.video-thumbs {
				float: left;
				}

h5.video {
			float: left;
			margin-left: 125px;
			font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			font-size: 100%;
			margin-top: -115px;
			}

p.video {
			float: left;
			margin-left: 125px;
			font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			font-size: 80%;
			margin-top: -120px;
			width: 115px;
			}
			
			
img.about {
			float:left;
			margin-right: 20px;
			}
			
			
h5.blog {
		font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
		font-size: 100%;
		margin-top: 0px;
		margin-bottom: -10px;
		color: #8C8C8C;
		font-weight: normal;
		font-style: italic;
		}
		
h4.blog {
		font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
		font-size: 110%;
		margin-bottom: 0px;
		
		}
		
p.contact {
			margin:0px;
			}
			
h4.contact {
			margin: 0px;
			font-size: 130%;
			}