/* container */
#container { display: block; width: 860px; margin: auto; }

/* header */
#header { display: block; width: 860px; height: 5px;  }

/* welcome */
#welcome { display: block; width: 860px; height: 230px;  padding-top: 40px; background: url(../images/mrpphotos.png) bottom center no-repeat; }

#welcome h1 {
	margin: 0; 
	position: relative; 
	top: 0px; 
	left: 85px; 
	z-index: 3; 
	width: 690px;
	height: 145px; 
	background: url(../images/mrplarge.gif) no-repeat;
	text-indent: -9000px;
}

 
h2 {
	display: block;
	margin: 0; 
	position: relative; 
	top: 0px; 
	left: 35px; 
	z-index: 3; 
	width: 300px;
	height: 65px; 
	background: url(../images/mrpsmall.gif) no-repeat;
	text-indent: -9000px;
}

h2 a {
	display: block;
	background: url(../images/mrpsmall.gif) no-repeat;
	height: 65px;
}

/* navigation */
#nav { display: block; width: 860px; height: 50px; padding-top: 40px; padding-bottom: 20px;}

#nav a { 
	display: block; 
	text-indent: -9000px;
	width: 150px;
	height: 25px; 
	margin: 0; 
}

#wnav { display: block; width: 810px; padding-left: 25px; padding-right: 25px; height: 25px;}

#wnav a { 
	display: block; 
	text-indent: -9000px;
	width: 270px;
	height: 25px; 
	margin: 0; 
}

#nav-portfolio {
	float: left;
	padding-left: 150px;
	padding-right: 00px;
	width: 150px;
	height: 25px;
}

#nav-client {
	float: left;
	padding-left: 55px;
	padding-right: 55px;
	width: 150px;
	height: 25px;
}

#nav-weddings {
	float: left;
	padding-left: 0px;
	padding-right: 150px;
	width: 150px;
	height: 25px;
}

#nav-about {
	float: left;
	padding-left: 190px;
	padding-right: 0px;
	width: 150px;
	height: 25px;
}

#nav-contact {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 150px;
	height: 25px;
}

#nav-blog {
	float: left;
	padding-left: 0px;
	padding-right: 190px;
	width: 150px;
	height: 25px;
}

#nav-about a {
	background: url(../images/nav_about.gif) top left no-repeat;
}

#nav-about a:hover {
	background: url(../images/nav_about.gif) 0px -25px no-repeat;
}

#nav-portfolio a {
	background: url(../images/nav_portfolio.gif) top left no-repeat;
}

#nav-portfolio a:hover {
	background: url(../images/nav_portfolio.gif) 0px -25px no-repeat;
}

#nav-contact a {
	background: url(../images/nav_contact.gif) top left no-repeat;
}

#nav-contact a:hover {
	background: url(../images/nav_contact.gif) 0px -25px no-repeat;
}

#nav-client a {
	background: url(../images/nav_client.gif) top left no-repeat;	
}

#nav-client a:hover {
	background: url(../images/nav_client.gif) 0px -25px no-repeat;
}


#nav-blog a {
	background: url(../images/nav_blog.gif) top left no-repeat;	
}

#nav-blog a:hover {
	background: url(../images/nav_blog.gif) 0px -25px no-repeat;
}

#nav-weddings a {
	background: url(../images/nav_weddings.gif) top left no-repeat;	
}

#nav-weddings a:hover {
	background: url(../images/nav_weddings.gif) 0px -25px no-repeat;
}

#nav-sshow {
	float: left;
	width: 270px;
	height: 25px;
}

#nav-wphoto {
	float: left;
	width: 270px;
	height: 25px;
}

#nav-albums {
	float: left;
	width: 270px;
	height: 25px;
}

#nav-prices {
	float: left;
	width: 270px;
	height: 25px;
}

#nav-sshow a {
	background: url(../images/nav_sshow.gif) top left no-repeat;	
}

#nav-sshow a:hover {
	background: url(../images/nav_sshow.gif) 0px -25px no-repeat;
}

#nav-wphoto a {
	background: url(../images/nav_wphoto.gif) top left no-repeat;	
}

#nav-wphoto a:hover {
	background: url(../images/nav_wphoto.gif) 0px -25px no-repeat;
}

#nav-albums a {
	background: url(../images/nav_albums.gif) top left no-repeat;	
}

#nav-albums a:hover {
	background: url(../images/nav_albums.gif) 0px -25px no-repeat;
}

#nav-prices a {
	background: url(../images/nav_prices.gif) top left no-repeat;	
}

#nav-prices a:hover {
	background: url(../images/nav_prices.gif) 0px -25px no-repeat;
}

/* content */
#content-container { float: left; width: 860px; padding-top: 10px; }
#footer { display: block; width: 860px; height: 44px; padding-top: 10px; padding-bottom: 10px; font-size: 7pt; color: #666666; text-align: center; }
#footer a { height: 13px; padding-left: 16px; padding-right: 16px; line-height: 13px; }
#footer a:link { color: #999999; text-decoration: underline; }
#footer a:visited { color: #999999; text-decoration: underline; }
#footer a:hover { color: #666666; text-decoration: underline; }

.input { padding-top: 3px; padding-bottom: 3px;}
.input label { margin-right: 0.5em; }