@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { background:url('../img/body-bg.png'); text-align:center; font-family:"Trebuchet MS", Arial; font-size:13px;}
a { outline:none; }
#wrapper { text-align:left; position:absolute; left:50%; margin-left:-426px; width:853px; height:693px;}
#wood-frame {
	width:853px;
	height:693px;
	background:url('../img/frame.png') no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index: 200;
	background-image: url(../img/frame1.png);
}
#background-texture, #background-pink {width:765px; height:569px;  position:absolute; top:62px; left:42px; z-index: 199; }
#background-texture {background:url('../img/yeahyeah.jpg') no-repeat;}
#background-pink {background:url('../img/bg_small.png'); }
#content-area { width:760px; height:560px; position:absolute; top:65px; left:45px; z-index: 201; padding:15px;}
#left { width:150px; float:left;}
#left h1 {display:block; width:127px; height:123px; background:url('../img/logo.png') no-repeat;}
#left h1 span {display:none;}
#nav span {display:none;}
#right{ float:left;  width:580px; min-height:200px;}
/* Navigation */
#nav { list-style:none; margin:5px 12px;}
#nav li { padding:0px;}
#nav a { width:102px; height:24px; display:block; background-repeat: no-repeat; }
#nav .portfolio { background-image:url('../img/portfolio.png'); }
#nav .staff { background-image:url('../img/staff.png'); }
#nav .contact { background-image:url('../img/contact.png'); }
#nav .friends { background-image:url('../img/friends_sign.png');}
#nav .services { background-image:url('../img/services.png');}
.wood-sign {width:279px; height:403px; background:url('../img/form_blank.png') no-repeat; margin: 20px 0 0 55px;}
.wood-sign .header { width:270px; text-align:center; padding-top:25px;}
.wood-sign .content { width:230px; height:280px; margin-top:45px; padding:10px 20px 10px 30px;}
/* Staff */
div.staff {margin-bottom: 5px; clear:left;}
div.staff > img {float:left; padding-right: 10px; border:2px solid white;}
div.staff > p {padding-top: 10px; color: #666;}
div.staff > p strong { display:block; padding-bottom:10px; color:#000; }
/* Portfolio */
div.portfolio { padding: 20px 0 10px 5px;}
div.portfolio img { margin:2px;}
div.portfolio a img {border:2px solid #fff;}
div.portfolio a:hover img {border:2px solid #000;}
div.showcase { padding-left: 10px;}
/* Contact */
#ajax-form input[type=text] { border: 1px solid #666; margin:5px; width: 200px; height: 25px; font-size: 120%; color: green;}
#ajax-form textarea { width: 200px; border: 1px solid #666; margin:5px 5px 10px 5px; height:130px;font-size: 120%; color: green;}
#ajax-form input[type=submit] {width:70px; height:22px; background: url('../img/btn_submit.png'); border: 0; cursor: pointer;}
img.right { float: right; border: 0;}
#caption-load { margin: 4px; padding: 4px;}
.caption { display: none;}