html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background-color:#333;  
} 
 
#pagewidth{ 
 width:1024px; 
 text-align:left; 
 background-color:#000;  
margin-left:auto; 
 margin-right:auto;  
} 
#contain
{
 width:965px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;      
}
#header{
 position:relative; 
 height:150px; 

} 
#logo
{
 margin-left: auto;
 margin-right: auto;
 position: relative;  
 width: 318px; 
 text-align: center; 
 background-image: url('images/logo-sm1.gif');
 background-repeat: no-repeat;
 background-position: center bottom;
 height: 70px;
}
#logo:hover
{
  background-image: url('images/logo-sm2.gif');    
}
#greytopmenu
{
 width: 965px;
 position: relative;
 background-color: #111;
 height: 25px; 
 text-align: center;
top: -15px;
}
#greytopmenu a
{
margin-left: 10px;
display: inline;
color: White;
text-decoration: none;
line-height: 25px;
letter-spacing: 2px;
font-family: Arial;
padding-right: 7px;
border-right: solid 1px white
}
#greytopmenu a:hover
{
 font-weight: bold;    
 color: #3FA9F5;

}
.spacer
{
 margin-top: 70px;    
}

#wrapper
{
 margin-left: auto;
 margin-right: auto;
 position: relative;
 left: 9px;   
}
#wrapper a
{
 color:White;
 text-decoration: none;
}
#flickrslide
{
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 position: relative;   
 top: -35px;
}

#commercial
{
background-image: url('images/commercial-photography-1.jpg');
}
#commercial:hover
{
background-image: url('images/commercial-photography-2.jpg');
}


#architecture
{
background-image: url('images/architecture-photography-1.jpg');    
}
#architecture:hover
{
background-image: url('images/architecture-photography-2.jpg');    
}


#wedding
{
background-image: url('images/wedding-photographer-1.jpg');    
}

#wedding:hover
{
background-image: url('images/wedding-photographer-2.jpg');    
}



#portrait
{
background-image: url('images/portrait-photographer-1.jpg');    
}

#portrait:hover
{
background-image: url('images/portrait-photographer-2.jpg');    
}







.pic
{
 width: 225px;
 height: 280px;    
}
.picdes h1
{
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
font-size: 16px;
}
.picdes p
{
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 12px;    
}
.picdes
{
 text-align: left; 
 width: 225px; 
 margin-left: auto;
 margin-right: auto; 

}
.viewgal
{
 color:  #3FA9F5;   
}


#gallmenu
{
 position: relative;
 top: -25px;
 height: 25px; 
 text-align: center;
}
#gallmenu a
{
margin-left: 10px;
display: inline;
color: White;
text-decoration: none;
line-height: 25px;
letter-spacing: 2px;
font-family: Arial;
padding-right: 7px;
border-right: solid 1px white
}
#gallmenu a:hover
{
 font-weight: bold;    
 color: #3FA9F5;

} 
#footer{
 height:0px; 

 clear:both;
 } 
#footer{
 position:relative; 
 height:0px; 
 top: 35px;
 padding-bottom: 25px;
} 
#quote
{
 margin-left: auto;
 margin-right: auto;
 position: relative;  
 width: 730px; 

 text-align: center; 
}
#greybottommenu
{
 width: 225px;
 position: relative;
 float: right;  
 background-color: #111;
 min-height: 150px; 
 margin-right: 7px;
}
#greybottommenu a
{
margin-left: 10px;
display: block;
color: White;
text-decoration: none;
line-height: 25px;
letter-spacing: 4px;
font-family: Arial;
}
#greybottommenu a:hover
{
font-weight: bold;
color: #3FA9F5;

}

.spacer2 {
 margin-top: 6px;    
}

#bottommenu
{
 background-color: #333;
 width: 100%;
 padding: 3px;
 position: relative;
 z-index: 999;    
}
#bottommenu a
{
padding-left: 13px;
padding-right: 13px;
border-right: solid 1px white; 
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
color: #999999;
font-size: 14px;
text-decoration: none;
}
#bottommenu a:hover
{
color: #3FA9F5;  
}
.gogreen
{
 float: right; 
 position: relative; 


}
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 


}