body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: black;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: white;
}

a {
	color: #FF7800;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
	text-decoration: none;
}

a img:hover {
	border: 0;
	text-decoration: none;
}

.boxtype1 {
	height: auto;
	vertical-align: top; 
	background-color: transparent; 
	border: 0;
}

#outercontainer {
	width: 1005px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/outerbackground.jpg) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* HEADER AND MENU -------------------------------------------------------------------------------- */

#header {
	width: 1005px;
	height: 125px;
	background: url(../images/header.jpg) no-repeat; 
}


#menu {position:relative; top:41px; padding:0; margin: 0px 68px;}
#menu ul {margin:0; padding:0; float:left;}
#menu ul li {display:inline;}
#menu ul li a {float:left; height:84px; background: url(../images/menurollover.jpg) no-repeat 0px 85px;}

#menu ul li a.li1 {width:101px;} #menu ul li a.li1:hover {background-position: 0px 0;}
#menu ul li a.li2 {width:159px;} #menu ul li a.li2:hover {background-position: -101px 0;}
#menu ul li a.li3 {width:139px;} #menu ul li a.li3:hover {background-position: -260px 0;}
#menu ul li a.li4 {width:106px;} #menu ul li a.li4:hover {background-position: -399px 0;}
#menu ul li a.li5 {width:83px;}  #menu ul li a.li5:hover {background-position: -505px 0;}
#menu ul li a.li6 {width:142px;} #menu ul li a.li6:hover {background-position: -588px 0;}
#menu ul li a.li7 {width:139px;} #menu ul li a.li7:hover {background-position: -730px 0;}

/* to accompany AnyLink Drop Down Menu - DropDown.js */
#dropmenudiv{
	position:absolute;
	border:2px solid #1b2d40;
	/*border-bottom-width: 0;*/
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	z-index:900;
	text-align: left;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 0px solid #1b2d40;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
	background-color: #000;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

#dropmenudiv a:hover{ 
	color: #FFF;
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

/* BODY AND CONTENT -------------------------------------------------------------------------------- */

#innercontainer {
	width: 869px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0px auto 17px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom: 15px;
}
#subbanner {
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
}

#mainContent {
	/* padding: 0 20px; remember that padding is the space inside the div box and margin is the space outside the div box */
	background: transparent;
	margin: 0px 0px;
	padding: 0px;
	position: relative;
	top:15px;
}

#secondarycontent {
	position: absolute;
	left: 17px;
	width: 409px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#secondarycontent img {
	margin-bottom:15px;
}

#primarycontent {
	position: relative;
	left:443px;
	width: 409px;
	padding: 0px 0px 0px 0px;
}
#primarycontent h2 {
	font-size: 20px;
	color: #795200;
	font-weight: bold;
}
#primarycontent h2 .pstyle {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
#primarycontent p {
	text-align: justify;
}
#subbannerhome {
	width:869px;
	height:301px;
	background: #111B26 url(../images/subbanner_home.jpg);
}

#hometext {
	width:869px;
	height: auto;
}

#hometext p{
	margin-top:0px;
	margin-bottom:15px;
}

#hometext table td {
	width: 267px;
	vertical-align: top;
}

#contenttitle {
	position: relative;
	width: 869px;
	height: 60px;
}
#browsetitle {
	position: absolute;
	left: 17px;
	top:0px;
	width: 835px;
	float: left;
}
#browsetitle p {
	text-align:left;
	color: white;
	font: 36px "Times New Roman", Times, serif;
	line-height: 34px;
	margin-top:0px;
	margin-bottom:0px;
}

img.titleunderline{
	position:absolute;
	left:17px;
	top:40px;
}
#browsenav {
	position:absolute;
	left:443px;
	top:30px;
	width:409px;
	text-align: right;
	font-size: 10px;
	float: right;
}
#browsebox {
	background-color: #111B26;
	width:869px;
	height:443px;
}
#browsebox a {
	border: 0px;
}
#browsebox div {
	background-color: gray;
	width:125px;
	height:125px;
	margin: 17px 0px 0px 17px;
	float: left;
	display: block;
	background-position: 0 0;
}
#browsebox div:hover {
	background-position: 0 -125px;
}

#browsebox div.lrgpic {
	width:267px;
	height:267px;
}
#browsebox div.lrgpic2 {
	width:267px;
	height:267px;
	float: right;
	margin-right: 17px;
}
#browsebox div.lrgpic:hover {
	background-position: 0 -267px;
}
#browsebox div.lrgpic2:hover {
	background-position: 0 -267px;
}
#browsebox div.smlpic {
	width:125px;
	height:125px;
}

.bodybox {
	background-color: #111B26;
	width:869px;
	height:443px;
}
.bodybox div.twoleftthirds {
	position: relative;
	left:17px;
	top:17px;
	width:471px;
	min-height: 409px; 
	padding: 0px 0px 0px 0px;
	float: left;
}
.bodybox div.rightthird {
	position: relative;
	left:34px;
	top:17px;
	width:347px;
	min-height: 409px; 
	padding: 0px 0px 0px 0px;
	float:left;
}

.rightthird form .full {
	margin: 0px 0px 15px 0px;
	width:339px;
	}
	
#artbrowsebox {
	background-color: #111B26;
	width:869px;
	height:443px;
}
#artbrowsethumbs {
	position:relative;
	left: 426px;
	width:443px;
	height:443px;
}
#artbrowsethumbs a {
	border: 0px;
}
#artbrowsethumbs div {
	background-color: gray;
	width:67px;
	height:67px;
	margin: 17px 0px 0px 17px;
	float: left;
	display: block;
	background-position: 0 0;
}
#productinfocontent {
	position: relative;
	left:505px;
	width:285px;
	min-height: 409px; 
	padding: 0px 0px 0px 0px;
}
#productinfocontent div.title {
	text-align:left;
	color: white;
	font: 36px "Times New Roman", Times, serif;
	margin-bottom:0px;
	background-color: blue;
	vertical-align: bottom;
}
#productinfocontent table {
	height: 140px;
	background-color: transparent;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}
#productinfocontent table p {
	text-align:left;
	color: white;
	font: 36px "Times New Roman", Times, serif;
	margin-bottom:0px;
}
#productinfocontent div.title p {
	vertical-align: bottom;
}
#productinfocontent p {
	text-align: justify;
}

#productinfocontent .description {
	font-weight: bold;
	text-align:justify;
	color: #999999;
}
#productinfocontent .itemnumberprice {
	text-align:left;
	color: white;
}
#productinfocontent .callus {
	text-align:left;
	color: white;
}
#productinfocontent .backto {
	text-align:left;
	color: white;
	font-size: 10px;
}
iframe.productbrowse {
	width:869px;
}
#productinfobrowse1 {
	
}
#productinfobrowse1 p{
	text-align: right;
	font-size: 10px;
	margin-bottom:5px;
	margin-top:0px;
}
#productinfobrowse {
	width: 869px;
	height:159px;
	background-color: #111B26;
	padding: 0px;
}
#productinfobrowse img {
	margin: 17px 0px 0px 17px;
}
#productinfobrowse img.first {
	margin: 17px 0px 0px 3px;
}

/* FOOTER -------------------------------------------------------------------------------- */

#footer {
	/*padding: 0 20px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	margin: 0px;
	padding: 20px 0px 15px 0px;
	font-size:12px;
	font-weight:bold;
	height:20px;
	background-color: transparent;
}

#footer a {
	color: #000000;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#leftfooter {
	position: absolute;
	left: 20px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#rightfooter {
	position: relative;
	left:240px;
	top:5px;
	width: 370px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
}

/* CONTENT BOX SECTION -------------------------------------------------------------------------------- */

#contentbox{
	position:relative;
	margin:0;
	padding:0;
	border:17px solid #111B26;
	width:835px;
	height:409px;
	background-image: url(../images/art_r_ro/1.jpg);
	background-position: 17px 17px;
	background-repeat: no-repeat;
}

#contentbox img{
	border:0;
}

* html #contentbox a:hover {
	display:inline;
}

#contentbox a span {
	display: none;
}

#contentbox a:hover span {
	display: block;
	position: absolute;
	width: 375px;
	height: 375px;
	top:17px;
	left:17px;
	border: 0;
}
#contentbox div.background {
	background-color: #111B26;
	position:absolute;
	top: 0px;
	left: 409px;
	width: 426px;
	height: 409px;
}

#img1{position:absolute; margin: 0 0 0 426px;}
#img2{position:absolute; margin: 0 0 0 511px;}
#img3{position:absolute; margin: 0 0 0 597px;}
#img4{position:absolute; margin: 0 0 0 682px;}
#img5{position:absolute; margin: 0 0 0 768px;}
#img6{position:absolute; margin: 85px 0 0 426px;}
#img7{position:absolute; margin: 85px 0 0 511px;}
#img8{position:absolute; margin: 85px 0 0 597px;}
#img9{position:absolute; margin: 85px 0 0 682px;}
#img10{position:absolute; margin: 85px 0 0 768px;}
#img11{position:absolute; margin: 171px 0 0 426px;}
#img12{position:absolute; margin: 171px 0 0 511px;}
#img13{position:absolute; margin: 171px 0 0 597px;}
#img14{position:absolute; margin: 171px 0 0 682px;}
#img15{position:absolute; margin: 171px 0 0 768px;}
#img16{position:absolute; margin: 256px 0 0 426px;}
#img17{position:absolute; margin: 256px 0 0 511px;}
#img18{position:absolute; margin: 256px 0 0 597px;}
#img19{position:absolute; margin: 256px 0 0 682px;}
#img20{position:absolute; margin: 256px 0 0 768px;}
#img21{position:absolute; margin: 342px 0 0 426px;}
#img22{position:absolute; margin: 342px 0 0 511px;}
#img23{position:absolute; margin: 342px 0 0 597px;}
#img24{position:absolute; margin: 342px 0 0 682px;}
#img25{position:absolute; margin: 342px 0 0 768px;}