/* ######################################################### */
/* # -------------------- BODY --------------------------- # */
/* ######################################################### */

body{
	background: #ffffff;
	font-family: "Arial", "Helvetica Neue", "Helvetica", "Sans serif";
	-webkit-text-stroke:1px transparent;
}

.inner{
	display: block;
	position: relative;
	left: 50%; top:0%;
	width: 740px;
	margin: 0 0 0 -370px;
	z-index: 1;
}

h1{
	-webkit-user-select:text;
	font-size: 19px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #222222;
}

h2{
	-webkit-user-select:text;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 6px 0;
	color: #222222;
}

h3{
	font-size: 12px;
}

a {color:#ff0086;}

/* ######################################################### */
/* # -------------------- TOPBAR ------------------------- # */
/* ######################################################### */

#topbar{
	-webkit-user-select:none;
	display: block;
	width: 100%; height: auto;
	background: #ffffff;
	border-bottom:#ff0086 3px solid;
	position:relative;
	z-index: 100;
}

#topbar a{
	display: block;
}

#topbar #home{
	background: url(../img/qwaves_logo.gif);
	width: 250px;
	height: 78px;
	margin-top:18px;
	text-indent:-1000em;
}

#topbar #nav_container{
	margin-top:5px;
	margin-right: 0;
	margin-left: 0;
	width:740px;
}

#nav{
color:#555555;
font-size:12px;
list-style: none; padding: 0; margin: 0;
}

#nav li{
line-height:20px;
float:left;
margin-right:70px;
}
#nav li.last{
line-height:20px;
float:left;
margin-right:0;
}
#nav li a{
color:#808386;
text-decoration:none;
}

#nav li a:hover, ul#nav li a.selected{
color:#ff0086;
text-decoration:underline;
}
		
#nav li ul{margin: 0; padding: 0; position: absolute; list-style:none; visibility: hidden; border-top: 1px solid white;}

#nav li ul li{float: none; visibility: visible;}

#nav li ul li a{width:124px; padding: 5px 0 0 5px; background: #ffffff; border:#cccccc solid 1px; border-top:0; visibility: visible;}

#nav li ul li a:hover{background:#eeeeee; visibility: visible;}




#sddm
{	margin: 0;
	padding: 0;
	z-index: 100;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 4px;
	width: 114px;
	background: #ff0086;
	color: #FFF;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #ff0086;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 3px 0 0 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #eeeeee;
	z-index: 100;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 114px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ff0086;
		color: #FFF;
		font: 11px arial;}

	#sddm div a:hover
	{	background: #eeeeee;
		color: #ff0086;}






/* ######################################################### */
/* # -------------------- MAINBAR ------------------------ # */
/* ######################################################### */

#mainbar{
	-webkit-user-select:none;
	display: block;
	width: 100%;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#mainbar #inner{
	display: block;
	width: 1200px; height: 410px;
	position: absolute;
	left: 50%; top: 0px;
	margin: 0 0 0 -600px;
	background: url(../img/bg_mainbar_inner.gif);
	z-index: 1;
}



/* ######################################################### */
/* # -------------------- CONTENT ------------------------ # */
/* ######################################################### */

.left{
	display: block;
	width: 420px;
	float: left;
}

.right{
	display: block;
	width: 275px;
	float: right;
}

#products.left{
	display: block;
	width: 512px;
	float: left;
}

#products.right{
	display: block;
	width: 206px;
	float: right;
}

#retailer.left{
	display: block;
	width: 206px;
	float: left;
}

#retailer.right{
	display: block;
	width: 512px;
	float: right;
}

#retailer.left h1{
	margin-bottom:5px;
}

#contact.left{
	display: block;
	width: 420px;
	float: left;
}

#contact.right{
	display: block;
	width: 280px;
	float: right;
}
#support.left{
	display: block;
	width: 500px;
	float: left;
}

#support.right{
	display: block;
	width: 200px;
	float: right;
}

#content{
	display: block;
	width: 100%;
	position: relative;
	-webkit-user-select:none;
	padding-bottom: 10px;
	margin-top:30px;
	z-index: 1;
}
#content.dark_bg{
	display: block;
	width: 100%;
	position: relative;
	-webkit-user-select:none;
	padding-bottom: 20px;
	padding-top: 20px;
	background: url(../img/mainbar_bg.gif) repeat-x;
	margin-top:0;
}

#content #features li{
	padding:0 0 25px 0;
	position: relative;
}

#content #features span{
	-webkit-user-select:text;
	color: #555555;
	font-size: 13px;
	line-height: 20px;
}

#content h1{
	-webkit-user-select:text;
	margin-bottom: 20px;
}

hr.dotted {
height:1px;
border-top:solid 1px #ffffff;
border-bottom:dashed 1px #CCCCCC;}

.home_text{padding:0; margin-top:20px;}
.home_text p {line-height:1.5em; font-size:12px; color:#FFF;}
.video_container{padding:0 87px 0 87px; margin:0;}

.btn_holder{overflow: hidden; margin-top:10px;}
.btn_holder a{float:left;}

.testimonial{background: url(../img/testimonial.gif) no-repeat; width:512px; height:90px; margin-bottom:20px;}

/* ######################################################### */
/* # -------------------- FOOTER ------------------------- # */
/* ######################################################### */

#footer{
	display: block;
	width: 100%; height: 60px;
	padding-top:20px;
	position: relative;
	border-top:1px solid #eee;
	background-color: #ffffff;
	font-size: 11px;
	line-height:20px;
}

#content #text_content{
	padding:0 0 25px 0;
}
#content #text_content p{
	color: #555555;
	font-size: 13px;
	line-height: 20px;
	padding:0 0 10px 0;
}
#content #text_content h3{
	padding:0 0 2px 0;
}

p{
	color: #555555;
	font-size: 13px;
	line-height: 20px;
	padding:0 0 10px 0;
}

.ASO_holder {
margin-top:20px;}