@charset "utf-8";
/* CSS Document */

html,body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  
  font-family: arial;
  font-size: 11px;
  color: #535353;
}

#header-bar {

  height: 34px;
  background-color: #000000;
  border-bottom: 1px solid #545454;
  background-image: url(/images/preview_frameset/header_bg.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;
  z-index: 100;
}

#header-bar a.site-loopback {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 150;
  display: block;
  text-indent: -9999px;
  _text-indent: 0px;
  background-image: url(/images/preview_frameset/marketplace_logos.png);
  background-repeat: no-repeat;
}

#header-bar a.flashden-preview-logo {
  width: 65px;
  height: 46px;
  background-position: left top;
}

#header-bar a.themeforest-preview-logo {
  width: 85px;
  height: 33px;
  background-position: 0px -47px;
}

#preview-frame {
  width: 100%;
}

#header-bar div.meta-data {
  padding: 11px;
  float: right;
}

#header-bar div.meta-data p {
  display: inline;
  margin: 0px;
  float: right;
}

#header-bar div.meta-data a {
  margin-left: 10px;
  text-decoration: none;
  color: #b0b0b0;
  float: right;
}

#header-bar div.meta-data a:hover {
  color: #FFFFFF;
}

#header-bar div.close-header {
  /*position: absolute;
  right: 0px;
  top: 0px;*/
  float: right;
  width: 40px;
  height: 34px;
  background: #141414;
  border-left: 1px solid #545454;
}

#header-bar div.close-header a#close-button {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px auto;
  margin-top: 8px;
  border: 1px solid #545454;
  text-indent: -9999px;
  background-image: url(/images/preview_frameset/button.gif);
  background-repeat: no-repeat;
}

#header-bar div.close-header a#close-button:hover {
  background-position: 0px -16px;
}



*{
	margin:0;
	padding:0;
}
body{
	background:#fff;
	font:11px/20px Tahoma,Helvetica,sans-serif;
	color:#222;
}


/* Layout Styles Starts */

#wrapper{
	width:980px;
	margin:0 auto;
}
	#header-top{
		height:55px;
		overflow:hidden;
		padding:20px 31px 0 31px;
	}
		#header-top h1{
			background:url(images/logo.gif) no-repeat;
			width:289px;
			float:left;
		}
			#header-top h1 a{
				display:block;
				height:49px;
			}
				#header-top h1 a span{
					display:none;
				}
		#header-top h2{
			background:url(backup/images/slogan.gif) no-repeat;
			float:right;
			display:block;
			width:422px;
			height:33px;
			margin:7px 0 0 0;
		}
			#header-top h2 span{
				display:none;
			}
	#header{
		background:url(images/header1.jpg) no-repeat;
		width:980px;
		height:281px;
	}
		#banner{
			height:205px;
			padding:13px;
			overflow:hidden;
		}
			#banner .text{
				float:left;
				padding:15px 0 0 38px;
				width:540px;
				color:#fff;
				font-size: 12px;
			}
		
				#banner .text p{
					margin:0 0 10px 0;
				}
				#banner .text h3{
					font-family: "Myriad Pro Cond" ;
					font-size:32px;
					color:#fff;
					font-weight:bold;
				}
				#banner .readmore{
					float:none;
					padding:0;
				}
			#banner img{
				float:left;
				padding:0 77px 7px 0;
			}
		#menu{
			height:44px;
			margin:0 0 0 50px;
		}
			#menu ul{
				list-style:none;
				margin:12px 0 0 0;
			}
				#menu li{
					margin:0 1px 0 0;
				}
				#menu li, #menu li a, #menu li a span, #menu li a.current, #menu li a.current span{
					display:block;
					float:left;
					height:22px;
					line-height:20px;
					color:#404040;
					cursor:pointer;
					font-size:12px;
				}
					#menu li a, #menu li a.current{
						text-decoration:none;
						padding:0 0 0 1px;
					}
						#menu li a span, #menu li a.current span{
							padding:0 15px 0 10px;						
						}
							#menu li a:hover, #menu li a.current{
								background:url(images/menu-h-left.gif) no-repeat left;
							}
								#menu li a:hover span, #menu li a.current span{
									color:#fff;
									background:url(images/menu-h-right.gif) no-repeat right;
								}
	#container-wrapper{
		width:960px;
		margin:0 auto;
	}
		#container{
			padding:30px 0 20px 0;
			width:930px;
			margin:0 auto;
		}
			#mainarea, .mblock1{
				width:613px;
				float:left;
			}
				.mblock1 h4{
					background:url(images/blue-b.gif) no-repeat left;
					height:43px;
					line-height:35px;
					color:#fff;
					text-indent:17px;
					font-weight:bold;
				}
				.mblock1 div{
					padding:0 10px;
				}
			#sidearea{
				width:297px;
				float:right;
			}
		#footer{
			background:url(images/footer-bg.gif) no-repeat;
			padding:26px 8px 0 8px;
			font-size:10px;
		}
			#footer a{
				font-weight:normal;
			}


/* Home Page Styles Starts */

.block1{
	width:297px;
}
	.block1.nomargin{
		margin:0;
	}
	.block1 h4{
		width:297px;
		height:43px;
		color:#fff;
		line-height:35px;
		text-indent:17px;
		background:url(images/blue.gif) no-repeat;
		font-weight:bold;
		font-size:15px;
	}
		.block1 h4.green{
			background:url(images/green.gif) no-repeat;
		}
		.block1 h4.grey{
			background:url(images/grey.gif) no-repeat;
		}
		.block1 div{
			width:273px;
			padding:0 10px !important;
			padding:0 5px;
		}
		.block1 img{
			border:1px solid #bfbfbf;
			padding:3px;
			margin:0 0 8px 0;
		}
		#flash1 {
			border:1px solid #bfbfbf;
			padding:3px;
			margin:0 0 8px 0;
		}
		.block1 a{
			font-weight:normal;
			text-decoration:underline;
			color:#1370a9;
		}
			.block1 a:hover{
				color:#222;
				text-decoration:none;
			}
		.recent-works{
			width:270px;
			padding:0 10px !important;
			padding:0 5px;
		}
			.recent-works img{
				border:1px solid #d1d1d1;
				background:#fff url(images/recent-works-bg.jpg) repeat-x top;
				padding:6px;
			}
	

/* Home Page Styles Ends */


/* Layout Styles Ends */




/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:200px;
}
textarea.input{
	width:415px;
	height:100px;
}
.input:focus, .textarea:focus{
	border:1px solid #1d88b4;
}
.signin-btn, .button1{
	background:#1d88b4 url(images/btn.gif) repeat-x top;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
	border:1px solid #1d88b4;
}

/* Form Styles */


/* Paragraph and list Styles */

#container p.hr{
	border:solid #d3d3d3;
	border-width:1px 0 0 0;
	margin:0;
	outline:none;
}
#container p{
	margin:0 0 15px 0;
}
#container form p{
	margin:0 0 5px 0;
}
#container p img.floatleft{
	margin:0 20px 0 0;
}
#container p img.floatright{
	margin:0 0 0 20px;
}
#mainarea img.floatleft, #mainarea p img.floatleft{
	margin:10px 10px 10px 0;
}
#mainarea img.floatright, #mainarea p img.floatright{
	margin:10px;
}
#container ul, #container ol{
	margin:0 0 0 20px;
}
#container ol{
	margin:0 0 0 30px;	
}
ul#portfolio{margin:0;list-style:none;}
#container dt, #container1 dt{
	font-weight:bold;
	margin:20px 0 10px 0;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a:hover {text-decoration:underline;color:#1370a9;}
h1{font-size:32px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0; color:#5c5b5b;font-family:"Trebuchet MS";font-weight:normal;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.normal, .normal a{font-weight:normal;}
.textbold{font-weight:bold;}
#container .nomargin, .nomargin{margin:0;}
#container.nobg, .nobg{background:none;}
.padding15{padding:15px;}

/* Genric Styles Ends */

#primary-content form.download-form {
	margin: 0;
	padding: 0;
}
#primary-content form.download-form fieldset {
	margin: 0;
	width: 150px;
	margin-bottom: 10px;
}
#primary-content form.download-form input.download-button {
	font-family: Verdana,sans-serif;
	color: #fff;
	font-weight: bold;
	background: url(images/product-overview-button.gif) top left no-repeat;
	width: 90px;
	height: 31px;
	line-height: 30px;
	border: 0;
}

table#fulltable a.trybutton:link,
table#fulltable a.trybutton:visited,
table#fulltable a.trybutton:hover,
table#fulltable a.trybutton:active {

	
	padding: 10px 0 10px 0;
	margin:1px;
	background: transparent url(images/product-overview-button.gif) center center no-repeat;
	color: #FFFFFF;
	text-decoration: none;
	font-size:110%;


}

/* = FULL PAGE TABLE
-----------------------------*/
.fulltable-container {
    width: 770px;
    padding: 0px 10px 1px 10px;
	background: #F6F6F6 url(images/medium-box-middle.gif) repeat-y scroll;
    margin: 0px auto 0px auto;
}

#fulltable {
    width: 770px;
    padding: 0px 0px 2px 0px;
}

div.product-download-container {
    width: 790px;
	margin-left: auto;
	margin-right: auto;
	background: #F6F6F6 url(images/medium-box-middle.gif) repeat-y scroll;
	padding: 10px 10px 2px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#fulltable td, #fulltable th, table.download-software-table td, #fulltable td.subtitle{
	font-size: 90%;
	padding: 5px;
	margin: 0px;
	vertical-align: top;
}
table#fulltable .trybutton {
	font-size: 100%;
}
table#fulltable td {
	line-height:normal;
	padding: 2px 5px;
	vertical-align: middle;
}
table#fulltable td img {
	padding: 0px;
	margin: 1px;
}
table#fulltable .download-files td
{
	border-bottom: 0;
}
#fulltable td,
table.download-software-table td
{
	border-bottom: 1px solid #ddd;
}
table.download-software-table td
{
	border-right: 1px solid #ddd;
}
#fulltable td ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#fulltable td.download-table-content {
	text-align: center;
    font-size: 70%;
}
#fulltable th {
	text-align:left;
}
#fulltable td.subtitle {
	font-weight: bold;
}

#fulltable td.last-item,
table.download-software-table td.last-item 
{
	border-right: none;
}

table.download-software-table td.last-row
{
	border-right: none;
	border-bottom: none;
}


table.stats
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;

background-color: #494949;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #494949;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

	 
img.floatright { 
    float: right; 
    margin: 4px;
}

img.floatrightsecure { 
    float: right; 
    margin: 40px;
	margin-top: 20px;
 
}

img.floatrightdemo { 
    float: right; 
    margin: 4px;
	margin-right: 40px;
}