html, body {
	margin: 0;
	padding: 0;
	list-style: none;
	font: 12px tahoma, arial, sans-serif;
}

body {
	background: url(../images/header_bg.jpg) repeat-x;
	text-align: center;

}

#gallery
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
#gallery img
{
	width: 90px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
	border:1px solid #000000;	
}


img {
	border: 0;
}
a {
	//font-weight: bold;
	text-decoration: none;
	color: #91958D;
}
a:hover {
	text-decoration: underline;
}
.more {
	text-align: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}

/*body, h1, h2, h3, form {
	font: 12px tahoma, arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #91958D;
}*/


#wrapper {
	text-align: left;
	margin: auto;
	width: 774px;
}

#content a {
	text-decoration: underline;
	color: #889959;
}
#content a:hover {
	text-decoration: underline;
}

#wrapper h1 {
	font: 20px tahoma, arial, sans-serif;
	color:#889959;	
}

#wrapper h2 {
	font: 18px tahoma, arial, sans-serif;
}

#wrapper h3 {
	font: 16px tahoma, arial, sans-serif;	
}

#header {
	display:block;
	width:774px;
	height:190px;
	position: relative;
	left:50%; /* puts left edge in the middle */
	margin-left : -387px; /* change to equal half the length of your centered table */
	background: url(../images/sparklelogo.jpg) no-repeat;	
	/*border: solid 1px;*/
}

#header h1{
  	display:block;
	height: 95px;
  	padding:0;
  	margin:0;
  	font-size:1.5em;
  	color:#000000;
  	text-indent:-9000px;
}

#content {
	color:#727272;
	padding-left:20px;
	display:block;
	width:754px;
	position: relative;
	left:50%; /* puts left edge in the middle */
	margin-left : -387px; /* change to equal half the length of your centered table */
	/*border: solid 1px;*/
	/*text-align: justify;*/
}

#mainarea {
	width:550px;
	float:left;
}


#body-left {
	float: left;
	width: 408px;
}
#body-right {
	float: right;
	width: 330px;
}

#footer {
	display:block;
	width:774px;
	height:95px;
	position: relative;
	left:50%; /* puts left edge in the middle */
	margin-left:-387px; /* change to equal half the length of your centered table */
	margin-top: 2em;
	margin-bottom:1em;
	text-align:left;
	/*border: solid 1px;*/
	background: #F2F2F2 url(../images/footer.jpg) no-repeat right;	
}

#footer p {
	margin: 0;
	padding: 20px 0 0 20px;
	color:#727272;
	font-size:8pt;
}

#footer a {
	color:#727272;
	font-size:8pt;
}

#footer p.frank a{
	color:#889959;
	font-weight:bold;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;	
}

/*	NavigationPrimary 
-----------------------------------------------*/
div#NavigationPrimary{
	margin-top:10px;
	float:left;
	display:block;
	padding-left:20px;
	font-weight:normal;
	font-size:0.8em;
}
div#NavigationPrimary { width: 179px; }
div#NavigationPrimary ul { padding: 0; margin: 0; }
div#NavigationPrimary ul li { font-size: 1.2em; list-style-type: none; }
div#NavigationPrimary ul li a { height: 19px; padding-top: 4px; background: url(../images/nav_a_bg.gif) no-repeat 0 0; color: #969696; text-decoration: none; display: block; }

div#NavigationPrimary ul li a:hover { height: 19px; padding-top: 4px; background: url(../images/nav_a_bg.gif) no-repeat 0 -23px; color: #535353; text-decoration: none; display: block; }

div#NavigationPrimary ul li a.active, div#NavigationPrimary ul li a:hover.active { height: 19px; padding-top: 4px; background: url(../images/nav_a_bg.gif) no-repeat 0 -23px; color: #535353; text-decoration: none; display: block; }
 
/* horizontal main menu navigation --------------- */
ul.topnav {
	list-style-type:none;
	padding:0;
  	display:block;
	position:relative;
	margin: 0 0 0 0px;
	padding: 0;
	width: 641px;
	
}

ul.topnav li{
	display:block;
	float:left;
	text-align: left;
	margin-left:0px;
	margin-right:0px;
	line-height:42px;
	height:42px;
	/*width:100px;*/
	/*background: url(../i/navbar.jpg) no-repeat left;*/
}

ul.topnav li a {
	text-align:center;
	display: block;
	padding:0;
	line-height:42px;
	height:42px;
	width:100px;	
  	text-indent:-9000px;
}

#home { width:84px; }
#about { width:108px; }
#unique { width:95px; }
#faq { width:164px; }
#products { width:90px; }
#contact { width:100px; }


/* ROLLOVER EFFECTS */
ul.topnav li a#home { background: url(../menu/home.jpg) no-repeat top left; }
ul.topnav li a#home:hover { background: url(../menu/home.jpg) no-repeat bottom left; }

ul.topnav li a#about { background: url(../menu/about.jpg) no-repeat top left; }
ul.topnav li a#about:hover { background: url(../menu/about.jpg)  no-repeat bottom left; }

ul.topnav li a#unique { background: url(../menu/unique.jpg) no-repeat top left; }
ul.topnav li a#unique:hover { background: url(../menu/unique.jpg)  no-repeat bottom left; }

ul.topnav li a#faq { background: url(../menu/faq.jpg) no-repeat top left; }
ul.topnav li a#faq:hover { background: url(../menu/faq.jpg)  no-repeat bottom left; }

ul.topnav li a#products { background: url(../menu/products.jpg) no-repeat top left; }
ul.topnav li a#products:hover { background: url(../menu/products.jpg)  no-repeat bottom left; }

ul.topnav li a#contact { background: url(../menu/contact.jpg) no-repeat top left; }
ul.topnav li a#contact:hover { background: url(../menu/contact.jpg)  no-repeat bottom left; }

/* FIREFOX DOTTED LINE FIX */
#home a:active {  outline: none; }
#about a:active {  outline: none; }
#unique a:active {  outline: none; }
#faq a:active {  outline: none; }
#products a:active {  outline: none; }
#contact a:active {  outline: none; }

/* DISPLAY CURRENT PAGE - uses the selector stored in the body tag */
body.home ul.topnav a#home { background: url(../menu/home.jpg) no-repeat bottom left; }
body.about ul.topnav a#about { background: url(../menu/about.jpg) no-repeat bottom left; }
body.unique ul.topnav a#unique { background: url(../menu/unique.jpg) no-repeat bottom left; }
body.faq ul.topnav a#faq { background: url(../menu/faq.jpg) no-repeat bottom left; }
body.products ul.topnav a#products { background: url(../menu/products.jpg) no-repeat bottom left; }
body.contact ul.topnav a#contact { background: url(../menu/contact.jpg) no-repeat bottom left; }

.thumb {
	margin-right:7px;
	border:none;
}

.product {
	margin-bottom:25px;
	width:550px;
}

.productdetails {
	margin-left:250px;
	width:300px;
}

.productgallery {
	float:left;
	width:250px;
}

.productmainimage{
	margin-bottom:5px;
}

.addcart{
	width:300px;
	text-align:right;
	clear:right;	
}

.productdetails h3{
	display:inline;
}

.productdetails h4{
	color:#333333;
	margin-top:6px;
	margin-bottom:2px;
}
.ref{
	margin-left:6px;
	color:#333333;
	font: 11px tahoma, arial, sans-serif;
}

.prop {
  height:200px;
  float:right;
  width:1px;
}