body
{
	background-color: silver;
	font-family: "Gill Sans", "Lucida Grande", Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: smaller;
}

.highlight
{
	color: red;
}

select, fieldset, input, textarea
{
	border: thin solid silver;
}

/* remove firefox image border when in a link */

a img
{
	border: none;
}

/* remove firefox link border when clicked */

a
{
	outline: none;
}

/* @group header */

#header-background
{
	background-color: white;
	padding: 0px;
	margin: 0px;
}

#header
{
	width: 700px;
	margin: 0px auto;
	height: 4em;
	text-align: right;
	padding: 16px;
	font-family: "Myriad Pro", "Gill Sans", "Lucida Grande", Verdana, sans-serif;
	font-size: larger;
}

/* @end */

/* @group menu */

#menu-background
{
	background-color: white;
	padding: 0px;
}

#menu-empty
{
	padding: 1px;
	width: 700px;
	margin: 0px auto;
	border-top: thin solid silver;
}

#menu
{
	padding: 1px;
	width: 700px;
	margin: 0px auto;
	border-top: thin solid silver;
	border-bottom: thin solid silver;
}

#menu ol
{
	padding: 1ex;
	margin: 0px;
	text-align: center;
}

#menu li
{
	display: inline;
	list-style-type: none;
	padding: 1ex;
	font-size: larger;
}

#menu ol li a, #menu ol li span
{
	padding: 1ex;
}

#menu ol li
{
	display: inline-block;
	width: 5em;
	color: gray;
}

#menu ol li a:link
{
	color: black;
	text-decoration: none;
}

#menu ol li a:visited
{
	color: black;
	text-decoration: none;
}

#menu ol li a:hover
{
	color: red;
	text-decoration: none;
}

#menu ol li a:active
{
	color: black;
	text-decoration: none;
}

/* @end */

/* @group content */

#content-background
{
	background-color: white;
	padding: 0px;
	margin: 0px;
}

#content
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: larger;
}

#content .product
{
	/* keeps the graphics top aligned ??? */
  padding: 1px;
}

#content a.moreInfo
{
  font-size: large;
}

#content a:link.cleanLink
{
	color: black;
	text-decoration: none;  
	border-style: none;
}
#content a:visited.cleanLink
{
	color: black;
	text-decoration: none;  
	border-style: none;
}
#content a:hover.cleanLink
{
	color: black;
	text-decoration: none;  
	border-style: none;
}
#content a:active.cleanLink
{
	color: black;
	text-decoration: none;  
	border-style: none;
}

#content a:link
{
	color: black;
	text-decoration: none;
	border-bottom: thin dotted silver;
}

#content a:visited
{
	color: black;
	text-decoration: none;
	border-bottom: thin dotted silver;
}

#content a:hover
{
	color: red;
	text-decoration: none;
	border-bottom: thin dotted silver;
}

#content a:active
{
	color: red;
	text-decoration: none;
	border-bottom: thin dotted silver;
}

#content a.image
{
	border: none;
}

#content a
{
	text-align: center;
}

#content img.appStoreIcon
{
	float: right;
	margin: 16px 0px 16px 16px;
}

#content img.icon
{
	float: left;
	margin: 16px;
	width: 96px;
}

#content img.productIcon
{
	float: left;
	margin: 16px;
	width: 96px;
/*  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));*/
}

#content img.productIconBackground
{
	-webkit-transition: opacity 1s ease-in-out;
	opacity: 0;
	float: left;
	width: 128px;
}

#content .product:hover img.productIconBackground
{
	opacity: 100;
}

/* @group product_links */

#product_links
{
  float: left;
  margin: 144px 16px;
  width: 96px;
  border-top: thin solid silver;
  border-bottom: thin solid silver;
  font-size: smaller;
}

#product_links p
{
  margin-left: 0px;  
  text-align: center;
}

/* @end */

#content h2,h3,h4,h5,h6,p,ul
{
	margin-left: 128px;
}

#content h3,h5,h6
{
	color: gray;
	font-weight: normal;
	font-style: normal;
}

#content h4
{
	border-bottom: thin dotted silver;
}

#content hr
{
	width: 572px;
	margin-left: 128px;
	border: none;
	border-bottom: thin dotted silver;
	margin-top: 1em;
	margin-bottom: 1em;
}

#content #description-list
{
	padding: 0px;
}

#content #description-list li
{
  	margin: 1ex 0ex 1ex 0ex;
	list-style-type: none;
	padding: 0ex;
}

#content #description-list li span
{
	display: inline-block;
	width: 9em;
}

#content .bullet
{
	color: gray;
}

#content #testimonial
{
	font-style: italic;
}

#content div.imageSlider
{
	margin-left: 128px;
}


/* @end */

/* @group footer */

#footer-background
{
	background-color: black;
	padding: 0px;
	margin: 0px;
}

#footer
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: 3em;
	text-align: center;
	color: white;
	padding: 16px;
}

#footer ol
{
	
}

#footer li
{
	display: inline;
	list-style-type: none;
	padding: 1ex;
	color: gray;
}

#footer p
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer a:link
{
	color: white;
	text-decoration: none;
	border-bottom: none;
}

#footer a:visited
{
	color: white;
	text-decoration: none;
	border-bottom: none;
}

#footer a:hover
{
	color: red;
	text-decoration: none;
	border-bottom: none;
}

#footer a:active
{
	color: red;
	text-decoration: none;
	border-bottom: none;
}

#copyright
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #333;
	text-shadow: #fff 0px 1px 1px;
}

/* @end */