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

/*////////////////////////////////////////////Display Class////////////////////////////////*/



body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#b5cad5;
	font-size:11px;
       text-align: center;
       margin: 0 auto;

}

#container {
        text-align:left;
	margin:0 auto;
	margin-top:auto;
	width:900px;
	height:700px;

	
}

#logo {
	margin-top:150px;
	margin-left:0px;
	border:0;
}

#logo:hover {
	border:0;

}

a{
	text-decoration:none;
	color:#b5cad5;
}

a:hover {
	color:#666666;#ccdae3;
}
/*////////////////////////////////////////////about////////////////////////////////*/

#paragraph {
	margin-top:0px;
	width:480px;
	height:365px;

	
	
}

#circa {
	margin-top:-110px;
	margin-left:220px;

}

#craft {
      
      background: url(images/728x90_banner.gif) no-repeat;
padding-right:728px;
padding-bottom:85px;
margin-left:-150px;
}


/*////////////////////////////////////////////navigation////////////////////////////////*/



		ul#nav {
			list-style-type: none;
			margin-left:120px;
			margin-top:30px;
			float:left;
		}
		
		
		
		ul#nav li {
			text-align: center;
			padding-bottom:10px;
		}
		
		
		ul#nav li a#about {
			display: block;
			width: 100px;
			height: 13px;
			padding: 16px 0 0 0;
			background: transparent url(images/aboutbutton.gif) no-repeat left top;
			overflow: hidden;
			text-decoration: none;
			color: #000;
			font: bold 1em "Lucida Grande", sans-serif;text-indent:-9999px;
		}
		ul#nav li a#about:hover { background-position: 0 -27px; }
		/*ul#nav li a#about:active { background-position: 0 -101px; }*/
		
		ul#nav li a#custom {
			display: block;
			width: 100px;
			height: 11px;
			padding: 12px 0 0 0;
			background: transparent url(images/custombutton_06.gif) no-repeat left top;
			overflow: hidden;
			text-decoration: none;
			color: #000;
			font: bold 1em "Lucida Grande", sans-serif;text-indent:-9999px;
		}
		ul#nav li a#custom:hover { background-position: 0 -23px; }
		
		
		ul#nav li a#gallery {
			display: block;
			width: 100px;
			height: 13px;
			padding: 16px 0 0 0;
			background: transparent url(images/gallerybutton_03.gif) no-repeat left top;
			overflow: hidden;
			text-decoration: none;
			color: #000;
			font: bold 1em "Lucida Grande", sans-serif;
			text-indent:-9999px;
		}
		ul#nav li a#gallery:hover { background-position: 0 -31px; }
		
		ul#nav li a#contact {
		margin-top:3px;
			display: block;
			width: 100px;
			height: 11px;
			padding: 14px 0 0 0;
			background: transparent url(images/contactbutton_06.gif) no-repeat left top;
			overflow: hidden;
			text-decoration: none;
			color: #000;
			font: bold 1em "Lucida Grande", sans-serif;
			text-indent:-9999px;
		}
		ul#nav li a#contact:hover { background-position: 0 -23px; }
		
		
		
/*////////////////////////////////////////////Index page////////////////////////////////*/




#mainpic {
	float:right;
	width:550px;
	height:400px;
	margin-right:30px;
	margin-top:-150px;

}


/*////////////////////////////////////////////Custom ////////////////////////////////*/


#cufflinks {
	margin-top:30px;

}




/*////////////////////////////////////////////Gallery////////////////////////////////*/


#mainpic1 {
	float:right;
	width:600px;
	height:500px;
	margin-right:20px;
	margin-top:-230px;



}

#imagegallery {




	

}

#imagegallery a {
  color: #c60;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
  margin-left:5px;
}
#imagegallery ul {
  padding: 0;
}

#imagegallery li {
  float: left;
  padding-bottom: 5px;
  list-style: none;
}
#imagegallery {
  list-style: none;
  width:165px;
  margin-top:50px;
  margin-left:-15px;
 
  
}

#imagegallery li {
  display: block;

}

#imagegallery li a img {
margin-left:5px;
margin-bottom:5px;
float:left;
  /*border:2px solid #94b0bf;*/
  border:0;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity: 0.6;
  -khtml-opacity: 0.6; /*This is for way old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML, */ 
}

#imagegallery li a img:hover {
  opacity: 1;
  filter:alpha(opacity=100);/*This one you need for IE.*/
  -moz-opacity:1;/*need this one to support way old school versions of the Mozilla browsers like Netscape Navigator.*/
	-khtml-opacity: 1;	
	}

#placeholder {

	
        float:right;
        margin-top:-380px;
	margin-left:0px;
	width:390px;
	height:360px;
	
}

#description {

	margin-left:210px;
        
padding-top:30px;
}

#fullsize {
	height:436px;


}
/*////////////////////////////////////////////Contact////////////////////////////////*/

#contactform {
	margin-top:-170px;
	margin-left:280px;
	
}

#boxthing {
	margin-left:0px;
	margin-top:-10px;
}

#boxthing1 {

	margin-top:-25px;
	margin-left:0;


}

#mainpic2 {
	float:right;
	width:550px;
	height:400px;
	margin-right:30px;
	margin-top:-160px;

}

#contacte {
       margin-top:20px;
}





/*////////////////////////////////////////////Footer////////////////////////////////*/

#footer {
	width:370px;
	height:10px;
	margin:auto;

}