@charset "UTF-8";
/* CSS Document */

html 
	{ 
	height: 100%; 
	margin-bottom: 1px; 
		}

body 
	{
	margin-top: 15px;
	margin-left: 0 auto;
	margin-right: 0 auto;
	padding: 0;
	background: #fff8c1 url(images/bg.png);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #45413b;
	z-index: 0;
	height: 100%;
	}
	
a
	{
	color: #000000;
	text-decoration: none;
	}
	
a:hover
	{
	color: #99cccc;
	}
	
#container
	{
	width: 960px;
	height: 699px;
	background:url(images/content-bg.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
	float: none;
	padding-top: 53px;
	}
	
#logo
	{
	margin: auto;
	margin-left: 190px;
	width: 685px;
	height: 39px;
	}
	
#menu
	{
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 22px;
	margin-left: 45px;
	width: 160px;
	float: left;
	}
	
#menu a
	{
	border: 0;
	}	

ul 
	{
	list-style:none;
	height: 9px;
	}
	
	
/** Photography Rollover **/
    
a.photoRollover 
	{  
    display: block;  
    width: 98px;  
    height: 9px;  
    background: url(images/photography.png) no-repeat 0 0;  
   	}  
     
a:visited.photoRollover 
	{  
    background-position: 0 -9px;  
 	}  
     
a:hover.photoRollover 
  	{  
    background-position: 0 -18px;  
  	}  
     
a:active.photoRollover 
	{  
    background-position: 0 -27px;  
   	}  
  
/** Design Rollover **/	 
 

a.designRollover 
	{  
    display: block;  
    width: 47px;  
    height: 9px;  
    background: url(images/design.png) no-repeat 0 0;  
   	}  
 
a:visited.designRollover 
	{  
    background-position: 0 -9px;  
 	}  
     
a:hover.designRollover 
	{  
    background-position: 0 -18px;  
  	}  
     
a:active.designRollover 
	{  
    background-position: 0 -27px;  
   	}  

/** Shop Rollover **/	
	
a.shopRollover 
	{  
    display: block;  
    width: 35px;  
    height: 9px;  
    background: url(images/shop.png) no-repeat 0 0;  
   	}  
   
a:visited.shopRollover 
	{  
    background-position: 0 -9px;  
 	}  
     
a:hover.shopRollover 
	{  
    background-position: 0 -18px;  
  	}  
     
a:active.shopRollover 
	{  
    background-position: 0 -27px;  
   	}  
   
/** About Rollover **/   
   
a.aboutRollover 
	{  
    display: block;  
    width: 42px;  
    height: 9px;  
    background: url(images/about.png) no-repeat 0 0;  
   	}  
   
a:visited.aboutRollover 
	{  
    background-position: 0 -9px;  
 	}  
     
a:hover.aboutRollover 
	{  
    background-position: 0 -18px;  
  	}  
     
a:active.aboutRollover 
	{  
    background-position: 0 -27px;  
	}
	
/** Contact Rollover **/
	   
a.contactRollover 
	{  
    display: block;  
    width: 62px;  
    height: 9px;  
    background: url(images/contact.png) no-repeat 0 0;  
   	}  
   
a:visited.contactRollover 
	{  
    background-position: 0 -9px;  
 	}  
     
a:hover.contactRollover 
	{  
    background-position: 0 -18px;  
  	}  
     
a:active.contactRollover 
	{  
    background-position: 0 -27px;  
	}

#photocontainer
	{
	margin: 0 auto;
	margin-top: 40px;
	width: 727px;
	height: 456px;
	background: url(images/photo-bg.png) no-repeat;
	padding-top: 24px;
	float: left;
	}
	
#photo
	{
	margin: 0 auto;
	width: 660px;
	height: 437px;
	margin-left: 32px;
	
	}
	
#about
	{
	margin: 0 auto;
	width: 660px;
	height: 417px;
	background: url(images/about-bg.png);
	margin-left: 32px;
	padding-top: 20px;
	}
	
#abouttext
	{	
	width: 230px;
	margin: 0 auto;
	margin-left: 390px;
	}	

#contact
	{
	margin: 0 auto;
	width: 660px;
	height: 417px;
	background: url(images/contact-bg.png);
	margin-left: 32px;
	padding-top: 20px;
	}
	
#contacttext
	{	
	width: 230px;
	margin: 0 auto;
	margin-left: 400px;
	}
	
#contacttext p.small
	{	
	font-size: 7px;
	}


#caption
	{
	margin: 0 auto;
	margin-top: 300px;
	width: 145px;
	font-size: 10px;
	color: #45413b;
	}
	
	
#text
	{
	margin: 0 auto;
	margin-top: 8px;
	float: left;
	}
	
#photonav
	{
	margin: 0 auto;
	margin-top: 20px;
	width: 90px;
	float: left;
	}
	
#photonav img
	{
	margin-right: 10px;
	}
	
#footer
	{
	width: 960px;
	height: 12px;
	padding-right: 20px;
	margin: 0 auto;
	margin-top: -85px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #0a0a0a;
	}