#fullwrapper {
	background-image: url("/graphics/background-color-banner.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	width: 1224px;
}

#innerwrapper {
	margin-left: 200px;
	width: 739px;
}

#masthead {
	margin: 0px;
	padding: 0px;
}

#topmenu {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#topmenu ul {
	list-style-type: none;
	text-align: right;
}

#topmenu li {
	margin: 0px;
	padding: 0px;
}

#topmenu a, #topmenu a:link, #topmenu a:visited {
	margin: 0px;
	padding: 0px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #353673;
}

#topmenu a:hover {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #0000ff;
	border-right: 1px solid #0000ff;
}

#content {
	clear: both;
	}
#content p {
	text-align: justify; /* this works to justify text blocks in the main content area */
}

#content a {
	font-weight: bold;
	color: #353673;
	text-decoration: none;
}

#content a:hover {
	color: #000099;
	font-weight: bold;
}

.artemislogo { 
	float: left;
	margin: 0 0 7px 160px;
	padding: 0 0 0 0;
	border: 0;
}

.paypalbutton { 
	float: left;
	padding: 0 0 0 0;
	border: 0;
}
.priceetc {
	font-size: 1.3em;
	font-weight: bold;
	color: #C65B68;
	padding: 10px 0 5px 1em; 	/* t r b l */
}

.fltleft { /* Apply to images you want floated left */
	float: left;
	margin: 0 1.2em 1em 0;
	padding: 0 0 0 0;
	border: 1px solid #353673;
}

.fltright { /* Apply to images you want floated right */
	float: right;
	margin: 0 0 1em 1.2em;  /* t r b l */
	padding: 0 0 0 0;
	border: 1px solid #353673;
}

#promotional {
	text-align: center;
	margin-left: 20px;
	}

.frontlisting {
	margin: 1em 0 0 12em;  /* t r b l */
	padding: 1em 0 0 8em;
	}

.frontlisting ul {
	margin: 2em 0 0 1em;  /* t r b l */
	}
.frontlisting li {
	font-size: 1.3em;
	margin: 0 0 1em 1em;  /* t r b l */
	}

.thumbblock {
	position:relative; /* establish a menu-relative positioning context */
	float:left;        /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	width:100%;         /* we always want our menu to fill the available space */
	font-size:10px;     /* this (and also below) sets the menu's font size */
	text-align: center;
}

.thumbblock * {
	margin: 0;
	padding: 0;
	border: 0;
	}

.thumbette a,
.thumbette a.visited {
	font-size:10px;
	color: #353673;
	text-decoration: none;
	}

.thumbette a.hover {
	font-size:10px;
	color: #0000ff;
	text-decoration: none;
	}

.thumbette img {
	background-color: #773355;	
	border: 1px solid #ffffff;	
	padding: 1px;
	}

.thumbette img:hover {
	background-color: #773355;	
	padding: 0px 2px 2px 0px; 
	border-top: 1px solid #773355;
	border-left: 1px solid #773355;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	}

.thumbblock ul {
	margin:0;
	list-style-type:none;    /* we don't want to view the list as a list */
}

.thumbette {
	float: left;
	margin: .5em;
	width: 128px;
	height: 240px;
/*	display: block; */
/*	position: relative;  no visible effect here*/
}

.thumbette a p, 
.thumbette a:visited p,
.thumbette a:link p {
	color: #353673;
	}

.thumbette a:hover {
	color: #0000ff;
	}

/* .thumbblock ul li a,
.thumbblock ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
}
*/

#footer {
	display: block;
	text-align: center;
	clear: both;
	border-top: 10px solid #C4C8AB;
	margin: 4em 1em 1em 1em;
	color: #353673;
	}

#footer a {
	padding: 0em 1.5em 0em 1.5em;
	font-weight: bold;
	color: #353673;
	text-decoration: none;
	}
#footer a:hover {
	color: #000099;
}

#leftcolumn {
	width: 250px;
	float: left;
	}

#leftcolumn p {
	width: 250px;
	float: left;
	margin: .5em 0em 0em 0em;
	font-size: .85em;
	}

#doublecolumn {
	width: 489px;
	margin-left: 250px;
	padding: 0em 1em 0em 1em;
	}

#doublecolumn h1 {
	color: #353673;
	font-size: 1.6em;
	margin: 0 0 .2em 0;
	padding: 0;
	}
#doublecolumn h2 {
	color: #353673;
	font-size: 1.4em;
	margin: 0 0 .2em 0;
	padding: 0;
	}
#doublecolumn h3 {
	color: #353673;
	font-size: 1.2em;
	margin: 0 0 .2em 0;
	padding: 0;
	}

h1 {
	color: #353673;
	font-size: 1.6em;
	margin: 0 0 .2em 0;
	padding: .5em 0 0 0;
	}
h2 {
	color: #353673;
	font-size: 1.4em;
	margin: 0 0 -.6em 0;
	padding: 0 0 0 0;
	}
h3 {
	color: #353673;
	font-size: 1.2em;
	margin: 0 0 0 0;
	padding: 0;
	}


.boldish {
	font-weight: bold;
	}

#contactform {
	margin: 1em 0em 0em 10em;
	}

.boxreset {
        margin: 0;
        height: 0;
        padding: 0;
        width: 100%;    /* this is the magic element to fix the h1 clump */
        clear: both;    /* magic element makes box shrink-wrap */
}