html, body {
margin : 0;
padding : 0;
}
body {
color : #333;
background : #484452;
width : 100%;
font : 90%  Arial, Helvetica, Tahoma, sans-serif;
}
			/*WRAP*/
#container {
width : 90%;
margin : 0 auto;
line-height: 2em;
background : #F8F2DA url(bg1.jpg);
color : #333;
}
			/*TOP BANNER*/
#top {
padding : 0.5em;
height: 100px;
background : #C7AFBD url(top.jpg);
color : #484452;
}
#top h1 {
padding : 0;
margin : 30px 0 0 10px;
font-size : 170%;
letter-spacing: 5px;
}
			/*LEFT SIDEBAR*/
#leftnav {
float : left;
width : 270px;
margin : 0;
padding : 1em;
}
#leftnav p {
margin : 0 0 1em 0;
}
			/*MAIN CONTENT*/
#content {
margin-left : 300px;
border-left : 1px solid #A662AA;
padding : 1em 3em 0 3em;
}
			/*FOOTER*/
#footer {
clear : both;
margin : 0;
padding : .5em 0 1em 0;
font-size : 0.9em;
border-bottom : 0px solid #808080;
border-top :1px solid #808080;
color : #fafafa;
background : #5E516F;
}
#footer a {
background: inherit;
color: #C7AFBD;
}
#footer a:hover {
background: inherit;
color: #333;
}
#footer img {
float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */
#footer p {
padding-left :10px;
}
		/* TOP NAVIGATION  */
#navcontainer ul { 
padding-top: 10px;
background: #5E516F;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
/* matches link padding except for left and right */
padding-top: 10px;
}
#navcontainer ul li a {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {
background: #C7AFBD;
color: #333;
}
#navcontainer #active {
border-left: 1px solid #fff;
}
		/* SEARCH BOX */
form { float: right;
margin-bottom: 20px; 
}
input.search {
	width: 100px; 
	border: none;
	background: url(input.gif); 
	padding: 4px; 
}
input.login {
	width: 75px;
	border: none; 
	background: url(logininput.gif); 
	padding: 4px; 
}
		/* BOTTOM COLUMNS */
#columns {
clear : both;
width :100%;
height: 150px;
margin : 0;
padding : 1em 0 0 0;
border-top: 3px solid #5E516F;
background: #C7AFBD;
color: #5E516F;
}
.col3,.col3center {
float: left;
width: 29%;
margin-left : 20px;
}
.col3center {
margin: 0 3%;
}
#columns a {
background: inherit;
color: #5E516F;
}
#columns a:hover {
background: inherit;
color: #fff;
}
#columns h2 {
margin : 0 0 0.5em 1em;
font-size : 140%;
text-transform: uppercase;
color : #5E516F;
background : transparent;
}
		/* LINKS */
a:link, a:visited {
color : #86228B;
background : transparent;
text-decoration : none;
}
a:hover {
color : #484452;
text-decoration : none;
}
a:active {
color : #484500;
text-decoration : none;
}
img {
border : none;
}
		/*CLASS */
.quote {
border-top : 1px solid #A662AA;
padding : 10px;
color: #A662AA;
}
.imgleft {
float: left;
}
		/* TYPOGRAPHY */
h2 {
margin : 0 0 .5em 0;
font-size : 130%;
color : #5E516F;
background : transparent;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

.orderbox {
border: 1px solid #ff9933;
background: #e7f1f8;
	clear: both;
	margin: 5px 4px;
	text-align: center;
	padding: 5px 0;
	font: bold 16px "Trebuchet MS", sans-serif;
}

.orderbox #down {
	padding: 0 0 0 27px;
	background: url(download.gif) no-repeat center left;
}

.orderbox #buy {
	padding: 0 0 0 27px;
	background: url(buynow.gif) no-repeat center left;
}

.orderbox span {
	margin: 0 8px 0 8px;
	color: #AAAAAA;
}