/* 
 * ----------------------------{ Page Body }-------------------------------- 
 */
body 
{
	background: #0000FF url(../../images/zarqon-bg.png) repeat-x;
	padding: 0px 0 40px;
}


/* 
 * ----------------------------{ STICKY FOOTER STUFF }-------------------------------- 
 */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -166px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 180px; /* .push must be the same height as .footer */
}
.footer-bg {
	background: #0000FF url(../../images/zarqon-bg.png) repeat-x;
	height: 166px; /* .push must be the same height as .footer */
}
.footer 
{
	background: url(../../images/zarqon-footer.png);
	height: 166px;
	width: 960px;
	padding-top:0px;
}

/* 
 * ----------------------------{ Page Header }-------------------------------- 
 */
.header 
{
	background: url(../../images/zarqon-header.png);
	height: 166px;
	width: 960px;
	padding-top:0px;
}


/* 
 * ----------------------------{ Menus }-------------------------------- 
 */
.top-menu 
{
	position: absolute;
	left: 505px;
	border: 0px solid #666;
	padding-top:119px;
	color: #000000;
}
.bottom-menu
{
	position: absolute;
	left: -15px;
	border: 0px solid #666;
	padding-top:119px;
	color: #000000;
}

.menu-sep
{
	float:left;
	display: block;
	width: 22px;
	height: 39px;
	background: url(../../images/zarqon-top-menu-sep.png) no-repeat 0 0;
}
.menu-button
{
	float:left;
	display: block;
	width: 91px;
	height: 39px;
}
.menu-button span
{
	display: none;
}

/* 
 * ---------------------{ Topmost Content and Images }---------------------- 
 */
.top-content
{
	padding-top:20px;
	padding-bottom:15px;
}
.top-image
{
	padding-top:25px;
	padding-bottom:15px;
}

/* 
 * ----------------------------{ Details Button }-------------------------------- 
 */
#details
{
	background: url(../../images/zarqon-bottom-menu-details.png) no-repeat 0 0;
	background-position: 0 0px;
	width: 126px;
}
#details:hover
{
  	background-position: 0 -39px;
}

/* 
 * ----------------------------{ Forums Button }-------------------------------- 
 */
#forums
{
	background: url(../../images/zarqon-bottom-menu-forums.png) no-repeat 0 0;
	background-position: 0 0px;
	width: 103px;
}
#forums:hover
{
  	background-position: 0 -39px;
}

/* 
 * ----------------------------{ Contact Button }-------------------------------- 
 */
#contact
{
	background: url(../../images/zarqon-bottom-menu-contact.png) no-repeat 0 0;
	background-position: 0 0px;
	width: 103px;
}
#contact:hover
{
  	background-position: 0 -39px;
}


/* 
 * ----------------------------{ Home Button }-------------------------------- 
 */
#home
{
	background: url(../../images/zarqon-top-menu-home.png) no-repeat 0 0;
	background-position: 0 -2px;
}
#home:hover
{
  	background-position: 0 -41px;
}
#home-visiting
{
	background: url(../../images/zarqon-top-menu-home.png) no-repeat 0 0;
	background-position: 0 -78px;
}

/* 
 * ----------------------------{ Learn More Button }-------------------------------- 
 */
#learn-more
{
	background: url(../../images/zarqon-top-menu-learn-more.png) no-repeat 0 0;
	background-position: 0 -2px;
}
#learn-more:hover
{ 
  	background-position: 0 -41px;
}
#learn-more-visiting
{
	background: url(../../images/zarqon-top-menu-learn-more.png) no-repeat 0 0;
	background-position: 0 -78px;
}

/* 
 * ----------------------------{ Demo Apps Button }-------------------------------- 
 */
#demo-apps
{
	background: url(../../images/zarqon-top-menu-demo-apps.png) no-repeat 0 0;
	background-position: 0 -2px;
}
#demo-apps:hover
{
  	background-position: 0 -41px;
}
#demo-apps-visiting
{
	background: url(../../images/zarqon-top-menu-demo-apps.png) no-repeat 0 0;
	background-position: 0 -78px;
}

/* 
 * ----------------------------{ Try or Buy Button }-------------------------------- 
 */
#try-or-buy
{
	background: url(../../images/zarqon-top-menu-try-or-buy.png) no-repeat 0 0;
	background-position: 0 -2px;
}
#try-or-buy:hover
{ 
  	background-position: 0 -41px;
}
#try-or-buy-visiting
{
	background: url(../../images/zarqon-top-menu-try-or-buy.png) no-repeat 0 0;
	background-position: 0 -78px;
}


/* 
 * ----------------------------{ AWS Bullet }-------------------------------- 
 */
#aws-signup
{
	float:left;
	display: block;
	width: 212px;
	height: 180px;
	background: url(../../images/zarqon-next-steps-aws.png) no-repeat 0 0;
}
#aws-signup span
{
	display: none;
}

#api-download
{
	float:left;
	display: block;
	width: 212px;
	height: 180px;
	background: url(../../images/zarqon-next-steps-api.png) no-repeat 0 0;
}
#api-download span
{
	display: none;
}

/* 
 * ----------------------------{ How It Works Bullets }-------------------------------- 
 */
.how-it-works
{
	float:left;
	display: block;
	width: 128px;
	height: 128px;
	padding-bottom: 35px;
	margin-top: 10px;
	
}
.bullet-1
{
	background: url(../../images/create-app.png) no-repeat 0 0;
}
.bullet-2
{
	background: url(../../images/sell-app.png) no-repeat 0 0;
}
.bullet-3
{
	background: url(../../images/issue-license.png) no-repeat 0 0;
}
.bullet-4
{
	background: url(../../images/user-enters-key.png) no-repeat 0 0;
}
.bullet-5
{
	background: url(../../images/app-validates-license.png) no-repeat 0 0;
}

/* 
 * ----------------------------{ Trial, Purchase and Upgrade Boxes }-------------------------------- 
 */
.shopping-cart
{
	background: #FFFFFF;
	margin-bottom: 15px;
}

label {
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

input {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #000000;
	width:200px;
}

.submit input {
	color: #FFFFFF;
	background: #4971ca;
	border: 1px outset #FFFF00;
	width:200px;
	padding-left:0px;
}
fieldset {
	border: 1px solid #FFFF00;
	width:580px;
}

legend {
	color: #000000;
	background: #FFFF00;
	border: 1px solid #FFFF00;
	padding: 3px 6px 3px 6px;
	margin-left:10px;
}