@charset "UTF-8";
/* For main site*/

body   {background-image:url(Images/bg.png); 
		background-attachment:scroll; 
		background-position:left top; 
		background-repeat: no-repeat;
		font-family: Copperplate Gothic Light, Copperplate, Bank Gothic, serif; 
		font-size:20px; 
		height:1050px; 
		width:100%;
		}
		
#logo a img {position:absolute; 
		 top:60px; 
		 left:20px; 
		 border:none;
			}		
		
#header {position:absolute;
		 top:70px; 
		 left:500px; 
		 border:none; 
		 width:700px;
		}
			
#header a {text-decoration:none; 
		   color: #666;
		   border: none; 
		  }
#header a.current {color:#0000CC;
				   }
		  
#header a:hover {color:#0000CC;
			  }

#header li {list-style:none; 
			display:inline; 
			padding-left:30px; 
			padding-right:30px; 
			border: none; 
			font-size:24px;
			}
			
#medium {border:none; 
		 position:absolute; 
		 top:180px; 
		 left:275px; 
		 width:250px; 
		 text-align:right;
		 color:#666666;
		}
		
h1 {width: 100px; 
	font-size:20px; 
	text-decoration:none;
	display:inline;
		}

#medium a {text-decoration:none; 
		   color:#666;
		   font-weight:normal;
		   letter-spacing:1px;
		   word-spacing:-5px;
		  }
		  
#medium a:hover {color:#00C;
				}
			
#medium a.current {color:#0000CC;
			}
			
a, a:visited, a:hover, a:focus{}

/*container- the holder of the gallery device*/
#container {position:absolute; 
			top:240px; 
			left:250px; 
			width:1000px; 
			height:625px; 
			background:none; 
			border:none; 
			margin:10px auto; 
			font-family:verdana, arial, sans-serif; 
			font-size:12px;} /*

/*container a.pics - each individual picture, containing both the thumb and the span (whole image)*/
#container a.pics {padding:1px 1px; 
				   display:inline; 
				   color:#000; 
				   text-decoration:none; 
				   width:50px; 
				   height:50px; 
				   cursor:default;
				   border:none;
				   float:left;}
/*contair a.pics img.thumb - strictly only the thumbnails*/
#container a.pics img.thumb {display:block; 
							 border:1px #FFF solid; 
							 float:left;}


#container a.pics span {display:none; 
					    border:0; 
						width:550px; 
						height:750px; /*SPAN HEIGHT*/
						background:#FFF; 
						border:none;
						position:absolute; 
						left:500px; 
						top:0px;}
#container a.pics span img {margin:10px auto; 
						    border:none;}


#container a.pics:hover {white-space:normal;}
#container a.pics:hover img.thumb {border:1px solid #000;}
#container a.pics:hover span {display:block; 
							  position:absolute; 
							  left:500px; top:0px; 
							  z-index:10; 
							  height:750px; /*SPAN HEIGHT*/
							  border:none; }

#container a.pics:active img.thumb {border:1px solid #fc0; /*yellow*/} 
#container a.pics:active span {display:block; 
							   position:absolute; 
							   left:500px; 
							   top:0px; 
							   z-index:5; 
							   height:750px;   /*SPAN HEIGHT*/
							   border:none; }


#container a.pics:focus {outline:0;}
#container a.pics:focus img.thumb {border:1px solid #fcf}
#container a.pics:focus span {display:block; 
							  position:absolute; 
							  left:500px; top:0px; 
							  z-index:5; 
							  outline:0; 
							  height:750px;  /*SPAN HEIGHT*/
							  border:none;}
							  
#container p {font-family:Century Gothic, Geneva, Verdana, sans-serif;
			  font-size:14px;
			}
							  
#para { width:280px;
		border:none;
		font-family: Copperplate Gothic Light, Copperplate, Bank Gothic, serif;
		font-size:14px;
		color:#666;
		text-align:justify;
		text-indent:20px;

	   }
	   
#para p {padding:2px;

		}
								
#container h2 {position:absolute; 
			   left:219px; 
			   border:none;
			   margin-top:-4px;
			   font-family: Copperplate Gothic Light, Copperplate, Bank Gothic, serif; 
			   font-size:22px;
			}

#container h2 a {color:#6C3;
				 text-decoration:none;
				 font-weight:normal;
				 }

#container p.price {
					}
				 
#bio  {position:absolute;
	   top:200px;
	   left:350px;
	   width:900px;
	   }

#bio p {font-size:15px;
		color:666;
		text-align:justify;
		font-family:Century Gothic, Geneva, Verdana, sans-serif;
		}
#contact {font-family:Century Gothic, Geneva, Verdana, sans-serif;
		  color:#666;
		  position:absolute;
		  top:250px;
		  left:300px;
		  line-height:30px;
		  width:600px;
		  border:none;
		  }
		  
#contact h1 {padding-top:5px;
			 padding-bottom:0px;
			 padding-left:3px;
			 padding-right:20px;
			 letter-spacing:2px;
			 font-size:22px;
			 color:#FFFFFF;
			 font-family: Copperplate Gothic Light, Copperplate, Bank Gothic, serif;
			 }
#contact p {text-indent:20px;
			}
			
#contact a {font-weight:normal;
			text-decoration:none;
			color:#333333;}

#contact a:hover {color:#0033CC;
                  }
			
#footer {background-color:#CCCCCC; 
		 height: 30px; 
		 width:100%; 
		 color:666; 
		 font-size:16px; 
		 position:absolute; 
		 top:1000px; 
		}

#footer p {position:absolute; 
		   left:1060px; 
		   top:-10px; 
		   border:none;
			}