body {
	margin: 0;
	padding: 10px 0 10px 0;
	font: 10px Arial, Helvetica, sans-serif; 
	color: #000;
	/*background-color:#FA8C7D;
	background: url(img/mainbg.jpg);*/
}

hr { display: none;}


p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000;
    margin: 0;
	text-align: justify;
	line-height: 8px;
}
	
a {
	text-decoration: underline;
	color: #C04827;
}

a:hover {
	color: #000;
	text-decoration: none;
}

h1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
	color: #FFF;
	width: 505px;
	height: 25px;
	margin: 0 0 10px 15px;
	padding: 12px 0 0 10px;
	background-color: #000;
	border-bottom: 2px solid #C04827;
}

h2 {
 font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	width: 505px;
	height: 18px;
	margin: 10px 0 25px 0;
	padding: 5px 0 0 10px;
	background-color: #9B0000;
	border-bottom: 2px solid #C04827;
}

h3 {
 font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	width: 505px;
	height: 18px;
	margin: 0 0 15px 0;
	padding: 5px 0 0 10px;
	background-color: #9B0000;
	border-bottom: 2px solid #C04827;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F2F2F2;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	margin: 20px 0 5px 0;
}

h5 {
    font: 25px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: lowercase;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-align: center;
}
h6 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
	color: #FFF;
	background-color: #000;
	border-bottom: 2px solid #C04827;

}


#wrapper {
	width: 800px;
	padding: 0; 
	background:url(img/mainbg.jpg) repeat-y;
	margin: 0 auto 0 auto;
}

#navcontainer {
	width: 515px;
	height: 35px;
	margin: 0 0 0 15px;
	padding: 0;
	background: #000;
}
#navlist {
	margin: 0;
	padding: 10px 0 0 8px;
	border-bottom: 1px solid #000;
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited {
	float: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 12px;
	text-decoration: none;
	color: #FFF;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	border-bottom: 5px solid #C04827;
	padding-bottom: 2px;
	background: transparent;
	color: #FFFFFF;
}

#navlist a:hover { color: #FFF; }

#logo {
    width: 220px;
	height: 505px;
	margin: 0 0 0 5px;
	padding: 10px 0 0 0;
}

#menu {
	width: 200px;
	height:200px;
	color: #FFF;
    margin: 20px 0 0 20px;
	padding: 0;
}

#menu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	margin: 3px 0 10px 0;
}
	
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 180px;
	background: #000000 url(img/sidetop.gif);
}

#menu li {
	margin: 0;
	padding: 0; 
	display: inline;
	
}
	
#menu li a {
	height: 20px;
	margin: 0;
	padding: 4px 5px 0 20px;
	display: block;
	color: #FFF; 
	text-decoration: none; 
	background: url(img/arrow.gif) no-repeat 4px 6px;
	text-transform: uppercase;
	font-weight: bold;
}
	
#menu li a:hover {
	color: #BE341A;
	background: url(img/arrow.gif) no-repeat 2px 6px; 
}

#right {
	float: right;
	width: 250px;
	margin: 0;
	padding: 0;
	background: #F2F2F2 url(img/barbg.gif) repeat-y;
}

#barcontainer p {
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFF;
	margin:0;
	padding:0;
	text-align: center
}

#bartop {
	width: 250px;
	height: 5px;
	float: right;
	margin: auto;
	padding: 0;
}

#barbottom {
	float: right;	
	height: 5px;
	width: 250px;
	margin: auto;
	padding: 0px;
}

#submit_form {
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 270px;
}

#left {
	float:left;
	width: 545px;
	margin: 0;
}

.content {
	width: 545px;
	margin: 0;
	padding: 10px 0 10px 0;
	background: #FFF url(img/contentbg.gif) repeat-y;
}
.contentfooter {
	width: 800px;
	margin: 0; font:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color: #000000;
	padding: 10px 0 10px 0;
	/*background: #FFF url(img/footerbg.gif) repeat-y;*/
}	
.contenttop {
	width: 545px;
	height: 5px;
	margin: 0;
	padding: 0;
}

.contentbottom {
	width: 545px;
	height: 5px;
	margin: 0;
	padding: 0;
}

/********** FORM **********/	

input {
    width: 250px;
	border: 1px solid #C04827;
	background: #FFF;
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0;
}

input.cart {
    width: 10px;
	margin: 0;
	padding: 1px 2px 1px 2px;
	border: 1px solid #C04827;
	background: #FFF;
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;
}

input.radio {
	margin: 0;
	padding: 0;
	
}

select {
	width: 250px;
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #C04827;
}

textarea {
	width: 250px;
	border: 1px solid #C04827;
	background: #FFF;
	color: #000;
	font: 10px Arial, Helvetica, sans-serif;
}

.submit {
	width: 100px;
	border: 1px solid #C04827;
	background: #000;
	color: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
}

.close {
	font: 11px Arial, Helvetica, sans-serif;
	width: 406px;
	margin: 10px 0 0 0;
	border: 1px solid #C04827;
	background: #000;
	color: #FFF;
	
}

.footer {
	width: 800px;
	margin: 0 0 10px  0;
	padding: 10px 0 10px 0;
	background: #FFF ;

}

/********** HTML PAGES **********/	

.news {
    width: 515px;
	margin: 0 0 0 15px;
	padding: 0;
}

.news p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #000;   
	margin: 0 ;
	padding: 0 1px 10px 1px;
	line-height: 18px;
}

.news img {
    float: left;
	margin: 2px 10px 5px 0;
	padding: 2px;
	border: 4px solid #000;
}

.news ul {
	margin: 5px 0 0 0; 
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
	
.news li {
	margin: 0 0 0 5px;
	padding: 0 0 5px 15px;
	line-height: 1.0em;
	background: #FFFFFF url(img/bullet.gif) no-repeat 0 0;
	}
	
.news li a, .news li a:link, .news li a:active, .news li a:visited {
	color: #000000; 
	text-decoration: none; 
	border-bottom: 1px solid #C04827;
	}
	
.news li a:hover {
	color: #000000; 
	text-decoration: none; 
	border-bottom: 1px solid #C04827;
	}
	
/********** HTML PAGES **********/	

.artwork {
    width: 515px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
}

.artwork img {
	margin: 10px 0 5px 19px;
	padding: 2px;
	border: 4px solid #000;
}
	
.artcontainer { width: 515px; height: 180px; margin: 0; padding: 0px; }
.art1 { float: left; width: 155px; height: 180px; margin: 0; padding: 0; } 
.art2 { float: left; width: 150px; height: 180px; margin: 0 0 0 5px; padding: 0; } 
.art3 { float: left; width: 150px; height: 180px; margin: 0 0 0 5px; padding: 0; } 

/********** PRODUCT LISTING **********/

.listing {
    width: 515px;
	margin: 0 0 0 15px;
	padding: 0;
}

.listing p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	color: #000;   
	margin: 0 ;
	padding: 0 1px 10px 1px;
	line-height: 18px;
}

.listing img {
	margin: 0;
	padding: 2px;
	border: 4px solid #000;
	cursor: pointer;
}

.listing ul {
	margin: 20px 0 0 0; 
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
	
.listing li {
	margin: 0 0 0 5px;
	padding: 0 0 5px 15px;
	line-height: 1.0em;
	background: #FFFFFF url(img/bullet.gif) no-repeat 0 0;
	}
	
.listing li a, .listing li a:link, .listing li a:active, .listing li a:visited {
	color: #000000; 
	text-decoration: none; 
	border-bottom: 1px solid #C04827;
	}
	
.listing li a:hover {
	color: #000000; 
	text-decoration: none; 
	border-bottom: 1px solid #C04827;
	}
	
/********** OTHER **********/

.case {
    width: 100%;
	height: 140px;
	margin: 0 0 10px 0;
	padding: 0;
	}

.page {
    font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 505px;
	height: 18px;
	margin: 10px 0 15px 0;
	padding: 5px 0 0 10px;
	background-color: #000;
	border-bottom: 2px solid #C04827;
	}

/********** Classes **********/
.popup { width: 426px; height: inherit; background: #FFFFFF; margin: 0; padding: 0; border: 4px solid #000;}
.pop_img {	margin: 10px 0 10px 0; padding: 0; border: 3px solid #000000; }
.pop_logo {	width: 406px; margin: 0; padding: 10px 0 0 0; background: #000; border-bottom: 2px solid #C04827; }
.listingimg { float: left; margin: 0; padding: 2px; border: 4px solid #000; }
.cataltop { margin: 0 0 10px 0;}
.catalbottom { margin: 10px 0 0 0;}
.flash { width: 505px; height: 250px; margin: 0 0 0 15px; background: #000000;}
.header { width: 515px; height: 170px; margin: 0 0 0 15px; background: #000000;}
.art { margin: 15px 0 10px 85px; }
.address { font: 12px Arial, Helvetica, sans-serif; color: #C04827; font-weight: bold; text-align: center;}
.imgcontainer { width: 515px; height: 170px; margin: 0 0 0 15px;}
.square { float: left; padding: 1px; border: 2px solid #000;}
.squareleft { float: left; margin: 0 0 0 7px; padding: 1px; border: 2px solid #000;}
.done {text-decoration: line-through;}
.arrows {margin: 0; padding: 0; border: none;}
.more {font-size: 11px; width: 515px; height: 20px; margin: 0; padding: 0; border: none;}
