#galleryheader {

	background-repeat: no-repeat;
	margin-left: -68px;
	background-image: url(../img/siteheader.jpeg);
	width: 908px;
	height: 244px;
}

#preview {
	text-align: justify;
	margin-bottom: -50px;
	margin-top: -20px;
	height: 450px;
	padding-top: 40px;
	padding-right: 442px;
	background-repeat: no-repeat;
	background-position: 380px 0px;
	background-image: url(../img/screenshot.jpeg);
	width: 380px;
}

#preview #maintext {
	text-shadow: 0px 1px 2px #b8b8b8;
	font-size: 19pt;
	color: #3572bd;
}

#preview #subtext {
	text-align: justify;
	color: #515151;
	font-size: 15px;
	margin-top: 20px;
}

#features {
	color: #515151;
	font-size: 15px;
}

#testimonials {
	clear: both;
}

.feature p {
	margin-left: 17px;
	text-align: justify;
	margin-bottom: 20px;
	margin-top: 5px;
	font-family: HelveticaNeue, Helvetica, Verdana, Arial, sans-serif; 
	font-size: 13px;
}

.feature img {
	margin-top: 4px;
	float: left;
}

.feature h2 {
	margin-left: 17px;
}

#left {
	clear: both;
	float: left;
}

#right {
	float: right;
}

.feature {
	margin-left: -17px;
	width: 50%;
}

html
{
	height: 100%;
}
body
 {
	height: 100%;
	background-repeat: repeat-x;
	background-image: url(../img/header-bg.png);
	font-family: HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif; 
	background-color: #e3e3e3;
	padding: 0px;
	margin: 0px;
}

#mainheader {
  position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background-image: url(../img/header-bg.png);
	margin-left: 0px;
	background-repeat: repeat-x;
	margin-top: 0px;
	padding: 0px;

	height: 61px;
	color: white;
	width: 100%;
}

#mainheader img {
	margin-left: 12px;
	float: left;
	margin-top: 3px;
}

#mainheader ul {
	float: right;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

#mainheader ul li {
	font-size: 10pt;
	padding-top: 15px;
	list-style-type: none;
	float: left;
}

#mainheader.feat a#feat,
#mainheader.support a#support,
#mainheader.tab_demo a#tab_demo,
#mainheader.overview a#overview,
#mainheader.tab_down a#tab_down
{
	background-position: 0 -80px;
}

.tab {
	display: block;
	width: 104px;
	height: 40px;
}

.tab:hover {
	background-position: 0 -40px;
}

.tab:visited {
	background-position: 0 -80px;
}


#overview {
	background-image: url(../img/overview.png);
}

#tab_demo {
	background-image: url(../img/demo.png);
	width: 65px;
}

#feat {
	background-image: url(../img/features.png);
}

#support {
	background-image: url(../img/support.png);
}

#tab_down {
	background-image: url(../img/tab_down.png);
}

#page-content {
	min-height: 100%;
	padding-right: 80px;
	padding-left: 80px;
	padding-top: 61px;
	background-image: url(../img/bg.png);
	margin-left: auto;
	margin-right: auto;
	width: 772px;
}

#headeractionbuttons {
	position: relative;
	left: 380px;
	top: 130px;
	width: 520px;
}

#headeractionbuttons p {
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	color: #6d6d6d;
	font-size: 11px;
	padding: 0px;
}

a#download {
	float: left;
	padding-left: 200px;
	display: block;
	height: 49px;
	width: 0px;
	background-image: url(../img/download.png);
	overflow: hidden;
}
a#download: hover {
	background-image: url(../img/download_o.png);
}

a#demos {
		float: left;
	position: relative;
	padding-left: 150px;
	display: block;
	height: 49px;
	width: 0px;
	background-image: url(../img/demos.png);
	overflow: hidden;
}
a#watch {
		float: left;
	position: relative;
	padding-left: 161px;
	display: block;
	height: 49px;
	width: 0px;
	background-image: url(../img/watch.png);
	overflow: hidden;
}

h1 {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 19pt;
	color: #3572bd;	
	clear: both;
}

h2 {
	margin-left: -10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
	color: #3572bd;	
}

#screenshots {
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-top: 20px;
	margin-left: -30px;
	margin-bottom: 15px;
	margin-right:-30px;
	margin-top: 0px;
	border-color: #d6d6d6;
	border-style: solid;
	border-width: 1px;
	background-color: #efefef;
	overflow: visible;
}

a img {
	border: none;
}

#testimonials {
	padding: 10px;
	border-color: #d6d6d6;
	border-style: solid;
	border-width: 1px;
	background-color: #efefef;
	overflow: visible;
}

.quote {
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	float: left;
	width: 60%;
	font-family: HelveticaNeue-Light, Helvetica, Verdana, Arial, sans-serif; 
	font-size: 13px;
}

.quotetext {
	color: #1d1d1d;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top: 10px;
	font-style: italic;
}

.quotesig {
	margin-top: 3px;
	padding-top: 0px;
	margin-left: 25px;
	color: #818181;
	font-size: 11px;
}

#copyright {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 8pt;
	text-align: center;
}

#footer {
	border-top: 1px solid #9DA1A2;
	margin-left: -68px;
  margin-right: -68px;	
	background-position: 0;
	clear: both;
}

#footer .links {
    text-align:center;
    padding-bottom: 20px;
}
#footer .links,
#footer .links a {
    font-size:10px;
    color:#7f7f7f;
    text-decoration:none;
}

.singlepageblock {
	margin-right: auto;
	margin-left: auto;
	width: 70%;
	margin-top: 60px;
}

a {
	color: #7f7f7f;
    text-decoration: none;
	cursor: hand;
}

i{
	display: none;
	}

#contact {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 9pt;
}
b{
   font-weight: normal;
   }

.contactvalue {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

.contactlabel {
	color: #525252;
	font-weight: bold;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
}

#contact a {
	color: #7e7e7e;
}

.singlepageblock p {
	margin-top: 0px;
	padding-top: 0px;
}
a.download-link {
color:#e7efec;
display:block;
margin-left: 25px;
font-family:verdana,sans-serif;
font-size:12px;
text-decoration:none;
}
a.download-link em {
display:block;
font-size:80%;
font-style:normal;
}

#features ul {
line-height:1.4em;
margin:0.5em 0 1.2em 0;
}

#features ul li {
background:transparent url(../img/bullet.png) no-repeat scroll 0 6px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 30px;
}

li {
font-size:0.9em;
}


/*menu*/
	ul.cssMenu{
	margin:0px;
	list-style:none;
	padding:0px;
	background-color:;
	border:0px solid #999999;
}
ul.cssMenu table {border-collapse:collapse}
ul.cssMenu {
	zoom:1;//display:inline;
	font-size:0;
	display:block;
	float:left;
}
ul.cssMenu li{
display:block;
zoom:1;
	margin:0;
	font-size:0;
float:left;}
ul.cssMenu a:active, ul.cssMenu a:focus {
	outline-style:none
}
ul.cssMenu a, ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover{
	display:block;
	vertical-align:bottom;
	_display:inline-block;_vertical-align:bottom;	background-color:#FFFFFF;
	border:0px none #6655FF;
	text-align:center;
	text-decoration:none;
	padding:0px;
	_padding-left:0;
	font:normal 8pt Trebuchet MS, Tahoma, Arial;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li:hover>a{
	background-color:#4792E6;
	border-color:#665500;
	border-style:none;
	font:normal 11px Trebuchet MS, Tahoma, Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	background-color:#4792E6;
	border-color:#665500;
	border-style:none;
	font:normal 11px Trebuchet MS, Tahoma, Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over{display:inline}
ul.cssMenu a:hover img.def{display:none}
ul.cssMenu li a.cssMenui0{
width:280px;
height:58px;
background-color:transparent;
background-image:url(../img/down.png);
}
ul.cssMenu li a.cssMenui0:hover{
background-color:transparent;
background-image:url(../img/down_o.png);
}
ul.cssMenu li.cssMenui0:hover>a{
background-color:transparent;
background-image:url(../img/down_o.png);
}
ul.cssMenu li a.cssMenui1{
width:280px;
height:58px;
background-color:transparent;
background-image:url(../img/buy.png);
}
ul.cssMenu li a.cssMenui1:hover{
background-colortransparent;
background-image:url(../img/buy_o.png);
}
ul.cssMenu li.cssMenui1:hover>a{
background-color:transparent;
background-image:url(../img/buy_o.png);
}

#tutorials, #blogs, #videos {
    color:#515151;
    font-size:14px;
}
#videos {
    margin-top:10px;
}
#videos div div,
#tutorials div div,
#blogs div div {
    padding:10px 0 5px 0;
    display:none;
}
#videos div.active,
#tutorials div.active,
#blogs div.active {
    display:block;
}
#blogs .item span,
#blogs .item span a {
    color:#515151;
}
#videos img {
    width:80px;
    position:absolute;
    margin-left:-90px;
}
#videos .item {
    padding:0 0 40px 90px;
}
#videos p, #blogs p {
    margin-left:5px;
    display:inline;
}
.more {
    font-size:12px;
    color:#7F7F7F;
    text-align:right;
    padding-bottom:10px;
}
.more span {
    cursor:pointer;
}
