/* HTML TAG DEFINITIONS */



html {

	height: 100%; 

	margin-bottom: 1px;}



body {

	font: normal 80% Arial, Helvetica, sans-serif;

	background: #fff url(images/background.jpg) repeat-x;

	color: #000;

	text-align: center;

	margin: 20px 0 0 0;}



hr {

	background-color: #67392b;

	color: #67392b;

	height: 1px;

	width: 100%;}



img {

	border: none;}



h1 {

	color: #67392b;

	font: normal 28px Georgia, Georgia, serif;

	text-align: left;

	margin: 0 0 20px 0;}



h2 {

	color: #3e4e64;

	font: normal 20px Verdana, Arial, sans-serif;

	text-align: left;

	margin: 5px 0;}



h3 {

	color: #67392b;

	font: normal 20px Verdana, Arial, sans-serif;

	text-align: left;

	margin: 5px 0;}



h4 {

	color: #3e4e64;

	font: normal 18px "Comic Sans MS", "Trebuchet MS", sans-serif;

	margin: 5px 0;}



h5 {

	font: normal 16px "Comic Sans MS", "Trebuchet MS", sans-serif;

	color: #67392b;

	letter-spacing: 2px;

	margin: 5px 0;}



h6 {

	font: normal 16px "Comic Sans MS", "Trebuchet MS", sans-serif;

	color: #3e4e64;

	letter-spacing: 2px;

	margin: 5px 0;}



a {

	color: #905340;

	text-decoration: none;

	font-weight: bold;}



a:hover {

	color: #5a6d86;

	text-decoration: underline;

	font-weight: bold;}

	

p.center {

	text-align:center;}	



/* PAGE LAYOUT IDs AND CLASSES */



#wrapper {
	background-color: #fff;
	color: #000;
	text-align: left;
	width: 750px;
	border: 1px solid #000;
	margin: 0 auto;
}

	

#global {

	background: #000 url('images/globalbar.jpg') no-repeat;

	color: #ebe2de;

	text-align: right;

	height: 30px;

	padding: 10px 10px 0 0;}



#global a {

	color: #ebe2de;

	text-decoration: none;

	font-weight: normal;}



#global a:hover {

	color: #fff;

	text-decoration: none;

	font-weight: normal;}

	

#logo {

	width: 250px;

	height: 200px;

	float: left;}



#mainimage {

	float: right;

	width: 500px;

	height: 200px;}



#mainnavigation {

	clear: both;

	background: #000 url('images/navbar.jpg');

	color: #ebe2de;

	text-align: right;

	height: 30px;

	padding: 10px 10px 0 0;}



#mainnavigation a {

	color: #ebe2de;

	text-decoration: none;

	font-weight: normal;}



#mainnavigation a:hover {

	color: #fff;

	text-decoration: none;

	font-weight: normal;}

	

#sidebar {

	width: 225px;

	float: left;

	padding: 10px 15px 10px 10px;

	font-size: 90%;}



span.hottopic {

	color: #67392b;

	font-weight: bold;}



#content {

	width: 480px;

	float: right;

	padding: 10px;}



#contentwide {

	clear: both;

	padding: 10px 40px;}

	

#footer {

	clear: both;

	height: 60px;

	color: #000;

	text-align: center;

	border-top: 2px solid #67392b;

	padding: 10px;}



/* MISCELLANEOUS FORMATTING CLASSES */



.contact {padding: 5px; text-align: left; margin: 20px 0;}

.contact label {width: 150px; float: left; text-align: right; margin: 3px 5px 5px 5px; clear: both;}

.contactbox {margin: 3px 5px 5px 5px; background-color: #fff; color: #fff; border: 1px solid #c0c0c0;}

.contactbutton {text-align: center; margin: 5px 0 0 170px; border: none;}



.catalogleft {

	width: 230px;

	padding: 0 10px 5px 0;

	float: left;

	text-align: left;}

	

.catalogright {

	width: 230px;

	padding: 0 0 5px 10px;

	float: right;

	text-align: left;}	

	

.imageleft-noborder {

	margin: 0 10px 0 0; 

	float: left;}



.imageright-noborder {

	margin: 0 0 0 10px; 

	float: right;}

	

.imagecenter-noborder {

	margin: 0 60px;}



.imageleft-border {

	margin: 0 10px 0 0; 

	float: left;

	border: 3px double #c0c0c0;}



.imageright-border {

	margin: 0 0 0 10px; 

	float: right;

	border: 3px double #c0c0c0;}