/* misc */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }

body { background: #ECECEC url(../images/bigbg.jpg) repeat-y center top; font-size: 1.0em; font-weight: normal; font-family: verdana, arial, sans-serif; color: #333; }
body { margin: 0; padding: 0; }
a { text-decoration: underline; color: #c33; }
a:hover { text-decoration: underline; color: #333; }
img.left { margin: 5px 10px 10px 0; padding: 3px; border: 2px solid #ccc; float: left; }
img.right { margin: 5px 0 5px 10px; padding: 3px; border: 2px solid #ccc; float: right; }
img.story {margin-top: 0px;}

h1 { font-size: 1.7em; font-family: verdana, sans-serif; color: #c33; margin: 5px 0; }
h2 { padding-bottom:5px; font-size: 1.1em; color: #c33; font-weight: bold; margin-bottom: 10px; border-bottom:1px solid #ccc; }
	h2 span { margin-left: 10px; color: #666; }
	h2#buy { margin-top: 40px; }
h3 { color: #333; margin: 5px 0; font-size: 0.9em; }
	h3.clear { clear: left; }
h4 { color: #666; margin-bottom: 5px; font-size: 0.9em; }
p { font-size: 0.8em; font-family: arial,sans-serif; line-height: 1.6em; margin: 5px 0 15px 0; }
	p.back { padding-top: 10px; }
hr { margin-bottom: 10px; border-bottom:3px dotted #ccc; clear:both; }
clear { clear: both; }
.right { float: right; }


/* main */
#wrap { width: 990px; margin: 0 auto; padding-top: 15px; background: #FFF url(../images/faux.jpg) repeat-y left top; }
#head { margin-left: 170px; }
	#head h1 span { color: #666; }
#nav { width: 970px; clear: both; }
#main { width: 800px; margin: 5px 20px 0 170px; padding-bottom: 30px; }
	#main a { background: #fee; }


/* menu */
#menu { width: 150px; background: transparent url(../images/header.jpg) no-repeat center right; margin: 5px 0 10px 0; padding-right: 820px; float: left; clear: both; }	
	#menu ul { list-style: none; margin: 10px 0 10px 0; padding: 0; }
	#menu li { padding: 8px 0; text-align: center; text-transform: uppercase; }
		#menu  li a { padding: 3px; color: #666; text-decoration: none; font-weight: bold; font-family: arial, verdana, sans-serif;	font-size: 1.0em; }
		#menu  li a:hover, #menu li.active a:hover { background: #fee; color: #333; }
		#menu li.active a { color: #c33; }


/* footer */
#footer { background: #fee; margin: 20px 0 20px 170px; width: 800px; border: 1px solid #ccc; font-size: 0.9em; clear: both; text-align: center;}
	#footer p { padding-top: 8px; }


/* lists */
ul.content { font-family: arial, verdana, sans-serif; font-size: 0.8em; list-style-type: none; margin-left: 10px; }
ul.content li { padding: 2px 0 4px 20px; background: url(../images/bullet.gif) no-repeat left center; }


/* gallery */
#main ul.gallery { list-style: none; width: 800px; clear: both; }
#main ul.gallery li { margin: 8px 7px 8px 8px; border: 1px solid #ccc; float: left; text-align: center; }
#main ul.gallery li * { display: block; }
#main ul.gallery li a { background: #fff; padding: 6px; }
#main ul.gallery li a:hover { background: #fee; }
#main ul.gallery img { border: none; }
#main ul.gallery span { cursor: pointer; font-size: 0.8em; font-family: verdana, sans-serif; line-height: 1.6em; width: 120px; padding: 2px; }


/* tables */
table { clear: left; width: 100%; margin: 10px 0; font-size: 1em; border-collapse: collapse; }
	table caption { padding: 0 0 5px 3px; font-size: 1.1em; font-weight: normal; font-family: verdana, sans-serif; text-align: left; }
	table th { font-size: 0.9em; color: #555; background: #eee; }
	table th, table td { text-align: left; vertical-align: top; padding: 4px 7px !important; padding: 6px 10px; }
	table tr { font-size: 0.8em; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; }
	table td.buynow { text-transform: uppercase; font-weight: bold; }
	
/* forms */
form { }
	form label { display:block; }
	form p { font-size: 0.8em; margin-bottom: 10px; }
	form input.text, form select, form textarea { width:95%; border:1px solid #ccc; color:#666; padding: 4px 5px; font-size:12px; font-family: verdana, sans-serif; background-color: #F3F3F3; }
	form select { padding: 5px; width: 30%; }
	form input.text:hover, form textarea:hover { border:1px solid #999; }
	form input.text:focus, form textarea:focus { border:1px solid #999;	color:#666; }
	form input.button { border:1px solid #999; background-color: #F3F3F3; color:#666; margin-right:8px; padding:3px 5px; font:12px verdana, arial, san-serif; text-transform: uppercase; }
	form label.required { font-weight: bold; }