body {
	background: #fff;
	margin: 0;
	font-size: 0.75em;
	font-family: verdana, arial, sans-serif;
	background: url(/img/hdr-bottom.gif) repeat-x left top;
}

#header {
	background: url(/img/hdr-bottom.gif) repeat-x left bottom;
}

#header h1 {
	margin: 10px 0 0 0;
	padding: 0;
	height: 85px;
	width: 100%;
	background-image: url(/img/ws.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	overflow: hidden;
	text-indent: -10000px;
}

img {
	border: 0px none #000;
}

#main ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 15px;
	background: url(/img/bullet.gif) no-repeat top left;
}

#main ol li {
	margin: 0;
	padding: 0 0 10px 15px;
}

ul#menu, ul#menu li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}

ul#menu {
	float: none;
	height: 40px;
	width: 100%;
	background: url(/img/menusprite.gif) repeat-x top left;
}

ul#menu li {
	display: inline;
	margin-left: 5px;
}

ul#menu li a {
	line-height: 25px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-image: url(/img/menusprite.gif);
	background-repeat: repeat-x;
	background-position: top left;	
}

ul#menu li a span {
	display: block;
	padding: 0 12px 15px 7px;
	margin-left: 5px;
	background-image: url(/img/menusprite.gif);
	background-repeat: repeat-x;
	background-position: top right;
}

ul#menu li a:hover {
	background-position: 0 -40px;
	text-decoration: underline;
}

ul#menu li a:active {
	background-position: 0 -80px;
}

ul#menu li a:hover span {
	background-position: 100% -40px;
}

ul#menu li a:active span {
	background-position: 100% -80px;
}

ul#menu li a.current, ul#menu li a.current:hover, ul#menu li a.current:active {
	background-position: bottom left;
}

ul#menu li a.current span, ul#menu li a.current:hover span, ul#menu li a.current:active span {
	background-position: bottom right;
}

#copy {
	height: 25px;
	line-height: 25px;
	padding: 0 5px 0 5px;
	margin: 0;
}

#container {
	width: 98%;
	clear: both;
	padding: 0 1% 0 0%;
	margin: 0;
	overflow: hidden;
	
}

#rightbar {
	float: right;
	width: 23%;
	padding: 1% 1% 1% 0;
	margin: 0;
	font-size: 0.8em;
	text-align: center;
}

#rightbar h2 {
	font-size: 1.5em;
	text-align: left;
	clear: both;
}

#rightbar ul, #rightbar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	text-align: left;
	border-collapse: collapse;
}

#rightbar a {
	display: block;
	margin: 10px 10px 10px 0px;
	background-color: #AAC4C4;
	background-image: url(/img/large-link-accent-t.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
/*	max-width: 320px;	*/
	text-decoration: none;
	color: #000;
}

#rightbar a span {
	display: block;
	background: url(/img/rightbar-link-accent-tl.gif) no-repeat 0 0px;
	padding: 10px 5px 10px 5px;
	
}

#rightbar a div {
	clear: both;
	text-align: right;
	color: #fff;
	padding-right: 20px;
	background: url(/img/large-link-accent-br.gif) no-repeat right bottom;
	line-height: 18px;
}

#rightbar a:hover div {
	color: #7A9494;
}

#rightbar a:hover {
	background-color: #D1EBEB;
	color: #008;
}

#rightbar a:active {
	background-color: #cff;
	color: #000;
}

#main {
	float: left;
	margin: 0 0 0 2%;
	padding: 0 2% 2% 0;
	width: 70%;
	background: url(/img/fakeborder.gif) repeat-y top right;
}

/* end hide */

h2 span {
	font-size: 0.8em;
	color: #666;
	font-style: italic;
	font-weight: normal;
	padding-left: 5px;
}
/*
#branding {
	clear: both;
	height: 4px;
	width: 100%;
	background-color: #cc0;
}*/

#containBox {
	float: right;
	border: 1px solid #ccc;
	background-color: #eee;
	height: 300px;	
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: left;
	overflow: auto;
	margin-right: 5%;
}

#rightbar #containBox {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 10px;
}

#containBox .containLogo {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	clear: both;
	text-align: center;
}

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

#containBox li {
	display: inline;
	float: left;
	padding: 5px;
	background: none;
}

#containBox a, #containBox a:hover, #containBox a:active, #containBox a:visited {
	display: inline;
	background-image: none;
	border: none;
}

a.download, 
#containBox a.download, 
#rightbar #containBox a.download {
	background-color: transparent;
	padding: 2px 0px 2px 20px;
	background-image: url(/img/download.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

a.demo, 
#containBox a.demo, 
#rightbar #containBox a.demo {
	background-color: transparent;
	padding: 2px 0px 2px 20px;
	background-image: url(/img/demo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

a.link, 
#containBox a.link, 
#rightbar #containBox a.link {
	background-color: transparent;
	padding: 2px 0px 2px 20px;
	background-image: url(/img/direct-green.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

img.left {
	display: block;
	float: left;
	padding: 10px;
}

img.right {
	display: block;
	float: right;
	padding: 10px;
}

img.center {
	display: block;
	text-align: center;
	margin: auto;
	padding: 10px;
}

img.display {
	border: 1px solid #888;
/*	margin: -5px 5px 5px -5px;	*/
	margin: 7px;
	padding: 2px;
	background-color: #fff;
}

img.center.display {
	margin: 7px auto 7px auto;
}
/*
div.display {
	background: url('/img/shadow.gif') no-repeat bottom right;
	padding: 0px;
	margin: 5px;
	position: relative;
	float: right;
}

div.center.display {
	background: none;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	float: none;
}

div.left.display {
	background: url('/img/shadow.gif') no-repeat bottom right;
	padding: 0px;
	margin: 5px;
	position: relative;
	float: left;
}
*/
ul.dual {
	clear: both;
	overflow: hidden;
}

li.left {
	float: left;
	clear: left;
	width: 40%;
	padding-bottom: 10px;
	list-style: none;
	background: url(/img/bullet.gif) no-repeat top left;
	margin: 0;
	padding-left: 5%;
}

li.right {
	float: right;
	clear: right;
	width: 40%;
	padding-bottom: 10px;
	list-style: none;
	background: url(/img/bullet.gif) no-repeat top left;
	margin-left: 0;
	padding-left: 5%;
}

h1, h2, h3, h4, h5, h6 {
	clear: left;
	color: #036;
}
/*
#benefits {
	background-color: #e0ffe0;
}
*/
table td {
	vertical-align: top;
}
/*
#benefits li {
	background-color: #e0ffe0;
	list-style: none;
	background-image: url(/img/bullet-green.gif);
}
*/
table#features td, table#benefits td {
	width: 50%;
}

#containBox .containLogo a {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
}

#contentFooter {
	padding: 0;
	margin: 0;
	clear: both;
	width: 74%;
	height: 11px;
	line-height: 11px;
	background-color: #fff;
	background-image: url(/img/fakeborder.gif);
	background-repeat: repeat-x;
	background-position: bottom right;
}

#bottomCorner {
	float: right;
}

.productShow {
	border: 1px solid #ccc;
	background: #eee;
	overflow: hidden;
}

.productShow .productImg {
	display: block;
	float: left;
	border-right: 1px solid #ccc;
	background: #fff;
	height: 100%;
	margin-right: 10px;
}

.productShow p {
	padding: 10px;
}

#floatLeft {
	float: left;
	width: 48%;
	padding-right: 1.5%;
	border-right: 1px solid #ccc;
}

#floatRight {
	float: right;
	width: 48%;
	padding-left: 2%;
}

.clearBox {
	padding: 10px;
	border-top: 3px solid #AAC4C4;
	border-left: 3px solid #AAC4C4;
	margin-right: 5%;
	clear: both;
	overflow: hidden;
	font-size: 1.2em;
	max-width: 320px;
	background: url(/img/rounded.gif) no-repeat bottom right;
}

img.clearBoxFloated {
	padding: 5px 0px 5px 0px;
	float: right;
}

a#goTop, a#goTop:link, a#goTop:visited {
	float: left;
	margin-right: 20px;
	height: 18px;
	display: block;
	padding-left: 20px;
	background-image: url(/images/gotop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #003;
}

a#goTop:hover {
	background-position: 0px -18px;
}

a#goTop:active {
	background-position: 0px -36px;
}

a#siteMap {
	margin-left: 20px;
}

p.docHdr {
	font-style: italic;
	color: #669;
	font-weight: bold;
	margin: auto 10% auto 10%;
	padding: 10px 0 10px 0;
}

/* note for future developers:
   these are the hacks for ie6 and below.
   
   omgwtfhax indeed.
   
   -robertsg, sep 2005 */



* html #container {
	width: 99%;
}

/* Fix IE. Hide from IE Mac \*/
* html #rightbar ul li { float: left; }
* html #rightbar ul li a { height: 1%; }
/* End */


/* hide from MacIE \*/
* html #main, * html #rightbar {
	margin-right: -3px;
	height: 1%;
	padding: 0px;
	margin: 0;
}

* html #main {
	width: 74%;
	padding: 0;
	margin: 0 0 0 0px;
}

* html #main p, * html #main ul, * html #main ol, * html #main table, 
* html #main h1, * html #main h2, * html #main h3, * html #main h4, 
* html #main h5, * html #main h6 {
	margin: auto 10px auto 10px;
}

* html #rightbar {
	width: 24%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

* html img {
   behavior: url("/pngbehavior.htc");
}

* html ol {
	list-style-position: outside;
	padding-left: 30px;
}

* html a#goTop {
	margin: 0 20px 0 0;
	padding: 0 0 0 20px;
	line-height: 18px;
}

* html #floatLeft {
	padding-right: 1%;
}

* html #floatRight {
	padding-left: 1%;
}

* html ul li ul {
	padding-top: 15px;
}