/**********************************
RESETS
**********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body { line-height: 1;
}
ol, ul { list-style: none;
}
blockquote, q { quotes: none;
}

/ remember to define focus styles! /
:focus { outline: 0;
}

/ remember to highlight inserts somehow! /
ins { text-decoration: none;
}
del { text-decoration: line-through;
}

/ tables still need ‘cellspacing=”0”’ in the markup /
table { border-collapse: collapse; border-spacing: 0;
}
/**********************************
GLOBAL LAYOUT
**********************************/
body{
	background:url(images/BG.png);
	font:16px "HelveticaNeue-Light", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	color:#cacaca;
}
#container{
	width:1000px;
	margin:0 auto;
	background:url(images/BGContainer.png) top center no-repeat;
	padding-top:0px;
}
#contentTop{
	background:url(images/BGcontentSprite.png);
	height:32px;
	width:1024px;
	margin:10px 0 0 0;
}
#content{
	padding:0 20px;
	width:984px;
	background:url(images/BGContent.png);
}
#contentBottom{
	background:url(images/BGcontentSprite.png) 0 -32px;
	height:82px;
	width:1024px;
	margin:0 0 10px 0;
}
#banner{
	background:url(images/banner.png);
	position:absolute;
	right:0;
	top:0;
	text-indent:-99999px;
	width:169px;
	height:98px;
	z-index:1;
}
/**********************************
HEADER
**********************************/
#header{
	overflow:auto;
}
h1{float:left;}
h1 a{
	display:block;
	width:245px;
	height:44px;
	background:url(images/sprite.png);
	text-indent:-9999px;
	overflow:hidden;
	margin-left:20px;
}
#nav{
	display:inline;
	position:relative;
	top:0px;
	left:10px;
	float:left;
	z-index:2;
}
#nav li{
	display:inline;
	margin:0 20px;
	float:left;
}
#nav li a{
	display:block;
	height:13px;
	background-image:url(images/sprite.png);
	text-indent:-9999px;
	overflow:hidden;
}

#download a{
	width:106px;
	background-position:-245px -7px;
}
#download a:hover{background-position:-245px -20px;}
#download a:active,
#download a.active{background-position:-245px -34px;}


#demo a{
	width:51px;
	background-position:-352px -7px;
}
#demo a:hover{background-position:-352px -20px;}
#demo a:active,
#demo a.active{background-position:-352px -34px;}


#documentation a{
	width:156px;
	background-position:-403px -7px;
}
#documentation a:hover{background-position:-403px -20px;}
#documentation a:active,
#documentation a.active{background-position:-403px -34px;}

#wiki a{
	width:40px;
	background-position:-559px -7px;
}
#wiki a:hover{background-position:-559px -20px;}
#wiki a:active,
#wiki a.active{background-position:-559px -34px;}
/**********************************
FOOTER
**********************************/
#footer{
	clear:both;
	width:1000px;
	text-align:center;
	font-size:10px;
}
#footer img{
	vertical-align:bottom;
}
/**********************************
HOME PAGE
**********************************/
#contentHome{
	clear:both;
	background:url(images/BGHomeContent.png) no-repeat;
	margin:55px 0 10px 0;
	padding:20px;
	height:343px;
	width:960px;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 1px;
}

#homeMain{
	width:434px;
	float:left;
	line-height:24px;
	display:inline;
	margin-left:10px;
}
#ecommerceInMinutes{
	background:url(images/ecommerceInMinutes.png) no-repeat;
	width:434px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
}
#homeMain .btnDownload{
	margin-top:5px;
}
.btnDownload{
	display:block;
	width:159px;
	height:46px;
	background:url(images/btnDownload.png);
	text-indent:-9999px;
	overflow:hidden;
}
.btnDownload:hover{background-position:-159px 0;}
.btnDownload:active{background-position:-318px 0;}
#donateLogo{
	display:-moz-inline-box;
	display:inline-block;
	text-indent:-9999px;
	background:url(images/homeSprite.png);
	width:111px;
	height:32px;
	margin:65px 0 0 0;
	position:relative;
	top:-4px;
}
#donateInput{
	background:url(images/homeSprite.png) -111px 0;
	width:34px;
	height:24px;
	padding:8px 0 0 20px;
	border:none;
	font:bold 16px "Helvetica", Arial, sans-serif;
	color:#fff;
	margin:0 10px;
	vertical-align:middle;
}
#donateInput:focus{
	outline:none;
}
#btnDonate{
	background:url(images/homeSprite.png) -165px 0;
	width:56px;
	height:23px;
	border:none;
	font:11px/11px "Lucida Grande", "Lucida Sans", Lucida, arial, sans-serif !important;
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 1px;
	padding:0;
	text-indent:1px;
	cursor:pointer;
}
#btnDonate:hover{
	background-position:-221px 0;
}
#btnDonate:active{
	background-position:-277px 0;
}
#creativeCommons{
	display:-moz-inline-box;
	display:inline-block;
	width:132px;
	height:21px;
	text-indent:-9999px;
	background:url(images/homeSprite.png) -333px 0;
	margin:0 0 0 40px;
}
/**********************************
HOME PAGE DEMO
**********************************/
#miniDemo{
	float:left;
	width:455px;
	height:374px;
	background:url(images/BGMiniDemo.png) no-repeat;
	position:relative;
	top:-5px;
	padding-left:55px;
}
.simpleCart_shelfItem{
	float:left;
	margin:119px 10px 0 0;
	width:190px;
	line-height:200%;
}
.item_image{
	float:left;
	margin-right:8px;
}
.item_name{
	text-transform:uppercase;
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#fff;
}
.item_price{
	font:bold 12px "Helvetica", Arial, sans-serif;
	color:#fff;
}
.item_thumb{
	display:none;
}
.item_add{
	display:block;
	width:85px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/demoSprite.png) 0 -21px;
}
.item_add:hover{
	background-position:-85px -21px;
}
.item_add:active{
	background-position:-170px -21px;
}
.simpleCart_items{
	clear:both;
	float:left;
	margin: 16px 0px 0px 11px;
	height:90px;
	width:100%;
}
.cartHeaders{
	display:none;
}
.itemContainer{
	float:left;
	width:170px;
}
.itemthumb{
	float:left;
	margin-right:10px;
}
.itemQuantity{
	float:left;
	margin-top:15px;
}
.itemQuantity input{
	background:none;
	border:none;
	width:21px;
	height:17px;
	background:url(images/demoSprite.png);
	text-align:center;
	color:#fff;
	font:bold 11px Arial, sans-serif;
	padding:0 9px;
	margin-right:5px;
	vertical-align:top;
	padding-top:3px;
}
.itemQuantity input:focus{
	outline:none;
}
.itemincrement a{
	display:block;
	background:url(images/demoSprite.png) -278px -29px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:20px 0 0 0;
}
.itemdecrement a{
	display:block;
	background:url(images/demoSprite.png) -278px -35px;
	width:7px;
	height:5px;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0 0 0;
}
.itemTotal{
	color:#fff;
	font:bold 11px Arial, sans-serif;
	padding:8px 0 0 0;
}
#cartTotal{
	clear:both;
	text-align:right;
	font:11px Arial, sans-serif;
	text-shadow:none;
	padding:47px 72px 0 0;
}
#viewFullDemoLink{
	clear:both;
	font:10px Arial, sans-serif;
	padding:5px 10px 0 0;
	margin-left:140px;
	color:#fff;
	text-decoration:none;
	background:url(images/arrow.png) right 7px no-repeat;
}
#viewFullDemoLink:hover{
	text-decoration:underline;
}
p{
	padding:10px 0;
}
strong{
	font-family:"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#fff;
}
h3{
	margin:35px 3px 0 3px;
	font:bold 20px "Helvetica", Arial, sans-serif;
	color:#fff;
	text-shadow: #000 0px -1px 1px;
}
/**********************************
DOWNLOAD PAGE
**********************************/

#downloadHeader{
	background:url(images/download.png) no-repeat;
	height:37px;
	text-indent:-9999px;
}
#downloadMain{
	float:left;
	width:520px;
}
#downloadMain p{
	padding:5px 0 5px 3px;
	font:normal 12px/22px "Helvetica", Arial, sans-serif;
	color:#cacaca;
	text-shadow:none;
}
#downloadMain ul{
	margin:20px 0 0 0;
}
#downloadMain ul li{
	width:224px;
	font:normal 12px/22px "Helvetica", Arial, sans-serif;
	color:#cacaca;
	float:left;
	overflow:auto;
	margin:0 28px 15px 0;
}
#downloadMain ul li strong{
	color:#fff;
	font:bold 14px "Helvetica", Arial, sans-serif;
	display:block;
	padding-bottom:5px;
}
#downloadMain ul li img{
	float:left;
}
#downloadMain ul li p{
	float:right;
	width:190px;
	line-height:15px;
	padding-top:0;
}
#downloadActions{
	margin:20px 0 0 0;
	overflow:auto;
}
#downloadActions .btnDownload{
	float:left;
}
#donateContainer{
	float:left;
	clear:both;
}
#donateContainer #donateLogo{
	margin: 20px 0 0 4px;
}
#changelog{
	float:right;
	width:400px;
	display:inline;
}
/**********************************
DOCUMENTATION PAGE
**********************************/
#docsNav{
	float:left;
	width:275px;
	position:relative;
	left:-31px;
}
#docsNav img{
	vertical-align:top;
	position:relative;
	top:11px;
	margin-right:5px;
}
#docsNav a{
	display:block;
	height:49px;
	background:url(images/BGDocsList.png) bottom right no-repeat;
	font:bold 18px/49px "Helvetica", Arial, sans-serif;
	color:#929292;
	text-decoration:none;
	text-indent:10px;
	text-shadow:1px 1px 1px #000;
	margin-left:20px;
}
#docsNav a:hover{
	color:#bbb;
}
#docsNav a.selected{
	background:url(images/BGDocsList.png) top left no-repeat;
	height:57px;
	margin-left:0;
	color:#fff;
}
#docsNav .aboveSelected{
	background:none;
}
.docContent{
	float:right;
	width:700px;
	display:none;
	font-size:13px;
}
.docContent h2{
	font-size:30px;
	text-shadow: #000 0px -1px 1px;
	color:#fff;
}
.docContent a{
	color:#fff;
}
.docContent p{
	line-height:150%;
}
.docContent ul{
	margin:10px 10px 0 15px;
}
.docContent ul li{
	list-style:disc;
	margin:5px 10px;
}
/**********************************
DEMO PAGE
**********************************/
#demoContent{
	background:url(images/BGDemoContent.jpg) no-repeat;
	width:1023px;
	height:823px;
	margin:10px 0 10px 0;
}
#fond{
	background:url(images/fond.jpg) no-repeat;
	width:1023px;
	height:823px;
	margin:10px 0 10px 0;
}

#viewFullDemo{
	padding-right:10px;
	background:url(images/arrow.png) right 5px no-repeat;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	position:relative;
	top:50px;
	margin:0 0 0 420px;
}
#viewFullDemo:hover{
	text-decoration:underline;
}