@import url("css/navigation.css");

body {
	margin: 0 0 10px 0;
	padding: 0;
	background: #948760 url(img/bg.gif) repeat-x;
}

hr { display: none;}

	
#wrapper {
	width: 700px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header {
	width: 700px;
	height: 104px;
	margin: 0 0 40px 0;
	padding: 0;
	position: relative;
}

#logo {
    float: left; 
	margin: 5px 0 0 0;
} 
 
#navcontainer {
	width: 700px;
	height: 34px;
	margin: 0;
	padding: 0;
}

#navlist {
	margin: 0;
	padding: 0 0 0 85px;
}

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

#navlist a:link, #navlist a:visited {
	float: left;
	height: 27px;
	font: bold 11px/27px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 33px 0px 0px;
	text-decoration: none;
	color: #512616;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	border-bottom: 4px solid #bc832c;
	padding-bottom: 4;
	background: transparent;
	color: #FFF;
}

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

#banner {
	width: 700px;
	height: 39px;
	margin: 0 0 15px 0;
	padding: 76px 0 0 0;
}

/********** CONTENT LEFT **********/

#content_left {
	float: left;
	width: 489px;
	margin: 0 0 0 8px;
	padding: 0 0 0 10px;
	background: url(img/dot_ver.gif) repeat-y left;
}

#content_left img {
	border: 4px solid #ffffff;
	background: 000;
	margin: 0 0 10px 0;
}

#content_left img.thumb {
	border: 4px solid #ffffff;
	background: 000;
	margin: 6px 10px 10px 0;
	float: left;
}

#content_left h1 {
	font: 20px/26px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	background: url(img/dot_hor.gif) repeat-x bottom;
}

#content_left h2 {
	font: 20px/26px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 0;
}

#content_left h3 {
	font: 17px/28px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 0 12px 0;
	padding: 0;
	background: url(img/dot_hor.gif) repeat-x bottom;
}

#content_left h4 {
	font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 5px 0 0 0;
}

#content_left p {
	font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 10px 0;
	line-height: 20px;
	text-align: justify;
}

#content_left p.sub {
	font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 15px 0;
	line-height: 20px;
	text-align: justify;
}

#content_left p.subform {
	font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 5px 0 5px 0;
}

#content_left a, #content_left a:link, #content_left a:active, #content_left a:visited {
	color: #fff; 
	text-decoration: underline; 
	}
	
#content_left a:hover {
	color: #6A97BB; 
	text-decoration: none; 
	}

#content_left ul {
	margin: 15px 0 0 20px; 
	padding: 0 10px 0 0;
	list-style: none;
	font: normal 11px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}
	
#content_left li {
	margin: 0 0 0 15px;
	padding: 0 0 5px 15px;
	line-height: 1.5em;
	background: url(img/bullet.gif) no-repeat 0 5px;
	}
	
#content_left li a, #content_left li a:link, #content_left li a:active, #content_left li a:visited {
	color: #FFF; 
	text-decoration: none; 
	border-bottom: 1px solid #6A97BB;
	}
	
#content_left li a:hover {
	color: #6A97BB; 
	text-decoration: none; 
	border-bottom: 1px solid #fff;
	}

/********** Slide ********/

#slide {
	width: 482px;
	margin: 15px 0 15px 0;
	padding: 0 0 0 4px;
}

/********** CONTENT RIGHT **********/

#content_right {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

#content_right h1 {
	font: 17px/28px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
	background: url(img/dot_hor.gif) repeat-x bottom;
}

#content_right p {
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	margin: 0;
	line-height: 12px;
}

/******** Footer ********/

#footer {
     float: left;
	 width: 700px;
	 height: 50px;
	 margin: 0;
	 padding: 10px 0 0 0;
	 background: #948760 url(img/footer.gif) no-repeat 0 10px;
	 position: relative;
}

#footer p {
	font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 18px;
	text-align: center;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #fff; 
	text-decoration: underline; 
	}
	
#footer a:hover {
	color: #fff; 
	text-decoration: none; 
	}
	
/********** FORM **********/	

label {
	font: normal 12px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

.contact {
    width: 250px;
	border: 1px solid #6A97BB;
	background: #FFF;
	color: #000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 3px;
}

.search {
    width: 190px;
	border: 1px solid #6A97BB;
	background: #FFF;
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

.submit {
	width: 190px;
	border: 1px solid #6A97BB;
	background: #6E6447;
	color: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.select {
	width: 150px;
	border: 1px solid #6A97BB;
	background: #948760;
	color: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 3px 3px 3px 0;
}

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

.footer {
	width: 465px;
	margin: 5px 0 0 15px;
}

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

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

.news p {
    font-family: Verdana, 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: Verdana, 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: 465px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
}

.artwork img {
	margin: 10px 0 5px 19px;
	padding: 2px;
	border: 4px solid #000;
}
	
.artcontainer { width: 465px; 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: 490px;
	margin: 0;
	padding: 0;
}

.listing p {
    font-family: Verdana, 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: 0px 0 0 20px; 
	padding: 0 10px 0 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	}
	
.listing li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 50px;
	line-height: 1.3em;
	background: 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 **********/

.divider {
	height: 10px;
	margin: 10px 0;
	background: url(img/dot_hor.gif) repeat-x 0 7px;
}

.underline {
	padding: 3px 0 2px 0;
	background: url(img/dot_hor.gif) repeat-x bottom;
}

.white {
	color: #FFF;
}

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

.page {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	width: 455px;
	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 15px 0; padding: 0 0 4px 0; background: url(img/dot_hor.gif) repeat-x bottom;}
.catalbottom { margin: 10px 0 0 0; padding: 10px 0 0 0; background: url(img/dot_hor.gif) repeat-x top;}
.flash { width: 465px; height: 250px; margin: 0 0 0 15px; background: #000000;}
.header { width: 465px; height: 170px; margin: 0 0 0 15px; background: #000000;}
.art { margin: 15px 0 10px 85px; }
.address { font: 14px Arial, Helvetica, sans-serif; color: #C04827; font-weight: bold; text-align: center;}
.imgcontainer { width: 465px; 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: 465px; height: 20px; margin: 0; padding: 0; border: none;}
.cart {font: normal 10px/11px "Lucida Grande", verdana, arial, helvetica, sans-serif; color: #000;}