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

	*{margin:0;padding:0}
	body{padding:10px;background:white;text-align:center;background:black;color:#bba;font:80%/140% "Trebuchet MS",sans-serif;}
	h1,h2{text-align: left;font:bold 90% 'Georgia',sans-serif;letter-spacing:3px;text-transform:uppercase; margin: 20px;}
	a{color:#666;text-decoration:none;outline:none;}
	a:hover{color:#eee;}
	.caption{font-style:italic;color:#887;}
	.wrap{position:relative;margin: 0 auto;margin-top:.05em;width: 1000px; min-height: 100%;}
	.wrap{height: 100%}
	.logo{position:absolute;float:left;width:530px;}
	.navi{float: right;text-align:right;font:100% bold "Trebuchet MS",sans-serif;;letter-spacing:3px;text-transform:uppercase; padding-bottom: 5px;}
	.navi ul {list-style-type: none;}
	.navi li {display: inline;  margin: 0px 5px 0px 5px;}
	.navi li a {color: #666; border-bottom: 1px dotted #666;}
	.navi li a:hover {color: #eee; border-bottom: 1px dotted #eee;}
	.navi2{float: right; text-align:right;font:80% "Trebuchet MS",sans-serif;; letter-spacing:2px;text-transform:uppercase; padding-bottom: 30px;}
	.navi2 ul {list-style-type: none;}
	.navi2 li {display: inline; margin: 0px 5px 0px 5px;}
	.navi2 li a {color: #666; border-bottom: 1px dotted #666;}
	.navi2 li a:hover {color: #eee; border-bottom: 1px dotted #eee;}
	.gallery{margin:0 auto;}
	#main_image{margin:0 auto 70px auto;height:520px;background:black;}
	#main_image img{margin-bottom:10px; border: 0px solid #333;}
	
	#writing {padding-top: 40px;}
	#writing h2 {color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 2px;}
	#writing ul {text-align: left;margin-left: 60px;	}
	#writing p {margin-bottom: 15px;width: 500px;text-align: justify;margin-left: 20px;}

	#store {padding-top: 40px; text-align: left;}
	#store h2 {color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 2px;}
	#store ul {text-align: left;margin-left: 60px;	}
	#store p {margin-bottom: 15px;width: 500px;text-align: justify;margin-left: 20px;}
	#store img {align: left;}
	

	#contact-area {
		width:500px;
		margin-top: 25px;
		text-align: right;
	}
	#contact-area input, #contact-area textarea {
		padding: 5px;
		width: 400px;
		font-size: 12px;
		margin: 0px 0px 10px 0px;
		border: 2px solid #ccc;
		opacity:.8;
	}
	
	#contact-area textarea {
		height: 110px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
	}
	
	#contact-area textarea:focus, #contact-area input:focus {
		border: 2px solid #666;
		opacity: 1;
	}
	
	#contact-area input.submit-button {
		width: 55px;
		height: 25px;
		float: right;
		cursor: pointer;
		opacity: .8;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding: 0;
	}
	#contact-area input.submit-button:hover {
		border: 2px solid #fff;
	}
	#contact-info {
		position: absolute;
	}
	#contact-info ul {
		list-style: none;
	}
	#contact-info li {
		padding: 25px;
		margin-left: 550px;
	}
	#contact-info p {
		padding: 25px;
		margin-left: 650px;
		font-size: 90%;
		font-style: oblique;
	}
	.nav{padding-top:15px;clear:both;font:80% "Arial",sans-serif;,sans-serif;letter-spacing:2px;text-transform:uppercase;}
	.info{ margin: 0 auto; width: 1000px;}
	.info p{color: #333; padding-top: 57px; padding-right: 10px; text-align: right; font-size: 80%;}
	.footer {width: 1010px;background-image: url();background-repeat: no-repeat; height: 75px; margin: 0 auto;}
	.footer a {border-bottom: 1px dotted #eee;}
	.footer a:hover {border: none;}
	#topright {position: absolute;right: 0;top: 0;display: block;height: 125px;width: 125px;background: url(../img/calban.png) no-repeat;text-indent: -999em;text-decoration: none; opacity: .7}
	#topright:hover {opacity: 1.0}
	#next {position: absolute; width: 200px; height: 480px; margin-left: 550px; margin-top: 40px; right; z-index: 100;opacity: .8; }
	#next a {position: absolute; width: 200px; height: 480px;}
	#next a:hover {background-image: url(../img/next.gif); background-repeat: no-repeat; background-position: center right; }
	#prev {position: absolute; width: 200px; height: 480px; margin-left: 50px; margin-top: 40px; right; z-index: 100;opacity: .8;}
	#prev a {position: absolute; width: 200px; height: 480px;}
	#prev a:hover {background-image: url(../img/prev.gif); background-repeat: no-repeat; background-position: center left;}
	.color{color:#fff;}