/* Common site styles */

*
 {
    margin: 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 9pt;
	color: #333;	
 }
 
body
 {
    background-color: #FFF; 
 }
 
#canvas
 {
    width: 750px;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -375px;
	height: 510px;
	background-color: #FFF;
	border: solid 1px #CCC;
	background: url(images/background.gif) top left no-repeat;
 }
 
#canvas img#title
 {
    border-width: 0;
	margin-top: 7px;
	margin-left: 22px;
 } 
 
#content
 {
    position: absolute;
	top: 94px;
	left: 355px;
	width: 360px;    
 }
 
#content h3, #prices h3
 {
    margin: 0;
	padding: 0;
    margin-bottom: 8px;
 }
 
#content p, #prices p
 {
    line-height: 17px;
	color: #666;
	margin-bottom: 11px;
 }
 
#content a
 {
    color: #666633;
 }
  
#content ul#links li
 {
    padding-left: 25px;
	padding-bottom: 5px;
	background: url(images/menu_bullet.gif) top left no-repeat;
 }
  
#content p#quote
 {
    font-size: 9pt;
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
 }
 
#content p#source
 {
    color: #996;
	font-weight: bold;
	padding-bottom: 4px;
	width: 180px;
 }
 
#prices
 {
    position: absolute;
	top: 94px;
	left: 305px;
	width: 400px;    
 } 
 
#prices table
 {
    width: 100%;
	margin: 0;
	margin-bottom: 8px;
	
 }
 
#prices table td
 {
   color: #666;
   padding-bottom: 2px;
   font-size: 9pt;
   padding-right: 12px;
   padding-bottom: 5px;
 }    
 
ul#recent
 {
    position: absolute;
	top: 123px;
	left: 0;
	width: 400px;  
 }
 
ul#recent li
 {
    float: left;
	margin-right: 14px;
	margin-bottom: 15px; 
 }
 
ul#recent li img
 {
    padding: 4px;
	border: solid 1px #CCC;
 }      
 
div#navigation
 {
    position: absolute;
	top: 47px;
	left: 15px;
 } 
 
div#navigation ul
 { 
    margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 8px;
	margin-left: 15px;
 }
 
div#navigation ul li
 { 	
    float: left;
	text-align: center;
	margin-right: 20px;
	padding-left: 20px;
	background: url(images/menu_bullet.gif) top left no-repeat;
 }
 
 
 	
div#navigation ul li a:link, div#navigation ul li a:visited
 { 	 	
    font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 8pt;
	color: #999;
	text-decoration: none;
	font-weight: bold;
 }
 
div#navigation ul li.selected
 { 	 	
    font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 8pt;
	color: #999966;
	text-decoration: none;
	font-weight: bold;
 } 
 
div#navigation ul li a:hover
 { 	 	
	color: #000;
 } 
 
img#main
 {
    position: absolute;
	top: 94px;
	left: 29px;
	padding: 4px;
	border: solid 1px #CCC;
 } 
 
div#garden 	
 {
    position: absolute;
	top: 100px;
	left: 37px;
	width: 346px;
	text-align: center;
 }
 
div#house 	
 {
    position: absolute;
	top: 100px;
	left: 365px;
	text-align: center;	
	width: 346px;
 }
 
div#garden img, div#house img
 {
 	padding: 4px;
	border: solid 1px #CCC;
 } 
 
div#garden h4, div#house h4
 {
 	margin-top: 10px;
	color: #999;
 } 
 
img#page-title
 {
    position: absolute;
	top: 455px;
	left: 29px;
 } 
 
ul#thumbs-work  
 {
    position: absolute;
	top: 100px;
	left: 535px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 220px;
 }
 
ul#thumbs-work li
 {
    float: left;
	margin-right: 10px;
 }
 
ul#thumbs-work li img
 {
    border: solid 1px #CCC;
	padding: 4px;
 }
 
div#work
 {
    position: absolute;
	top: 100px;
	left: 29px;
	text-align: center;
	width: 488px;
 }

div#work img
 { 	
    border: solid 1px #CCC;
	padding: 4px;	
 }
 
div#thumbnails  
 {    
    position: absolute;
	top: 90px;
	left: 29px;
 }

div#thumbnails h3
 {
    margin-bottom: 20px;     
 }
  
div#thumbnails ul li
 {
    float: left;
	margin-right: 14px;
	margin-bottom: 14px;
 } 
 
div#thumbnails ul li img
 {
    border: solid 1px #CCC;
	padding: 4px;
 }
 
div#thumbnails a#back
 {
    position: absolute;
	left: 0;
	top: 360px;
	color: #666666;
	padding-left: 20px;
	background: url(images/menu_bullet.gif) top left no-repeat;
 }
 
div#viewer
 {
    position: absolute;
	top: 100px;
	left: 0;
	width: 740px;
	text-align: center;
 }
 
div#viewer img
 {
    border: solid 1px #CCC;
	padding: 4px;
 }
 
div#gallery-nav 
 {
    position: absolute;
	top: 490px;
	left: 650px;
	width: 300px;
 } 
 
div#gallery-nav ul
 {
    width: 300px;
 } 
 
div#gallery-nav ul li
 {
    float: left;
 } 
 
div#gallery-nav span
 {
    padding: 0 5px 0 5px;
	color: #999;
 } 
 
div#gallery-nav a:link, div#gallery-nav a:visited
 {
    font-size: 8pt;
	color: #999;
 }
 
div#gallery-nav a:hover
 {
	color: #333;
 }
 
ul#contacts
 {
    
 }  
 
ul#contacts li
 {
    margin-bottom: 10px;
	color: #666;
 } 
 
ul#contacts li span
 {
    color: #666;
	width: 80px;
	float: left;
 }
 
ul#preview
 {
	 margin-top: 20px;
 }
 
ul#preview li
 {
	 float: left;
	 margin: 0 6px 6px 0;
	 border: solid 1px #CCC;
	 padding: 5px;
 } 
 
ul#preview li a img
 {
	 border-width: 0;
 }