/* Base element */

	html, body {
		height:100%;
	}

/*Images*/	

	img {
		margin:0;
		padding:0;
		border: none;
	}

/*End Images*/

/* Typo */		

	p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
		line-height:1.6em;
	}

	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	
	h2 {
		font-size: 1.8em;
       	line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	
	h3 {
		font-size: 1.5em;
		font-weight:normal;
       	line-height: 1.5em;
		margin: 0 0 0.3em 0;
		padding: 0;
	}
	
	h4 {
		font-size: 1.4em;
		font-weight:normal;
       	line-height: 1.5em;
		margin: 0 0 0.3em 0;
		padding: 0;
	}
	
	h5 {
		font-size: 1.2em;
       	line-height: 1.5em;
		margin: 0 0 0.3em 0;
		padding: 0;
	}
	
	ul, li {
		margin:0px;
		padding:0px;
		list-style:none;
	}


/* End Typography */		

/* Links */

	a,	a:link,	a:active {
		color:#212020;
		text-decoration: none;
	}

	a:hover {
       color:#258b9f;
	   text-decoration: underline;
	}

/* End Links */

/* End Base element */

	body {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		font-size:12px;
		color:#212020;
		background:#ececec url(images/body-back.gif) repeat-x top left;
	}
	
	#container{
		margin:0 auto;
		width:960px;
		padding:0px 0px 30px 0px;
    }

/*Header and menu */	

	#header_bg{
		margin:0;	
		position:relative;
		height:82px;
    }
	
	#header_bg h1 {
		display:block;
		position:relative;
		margin:0px;
		float:left;
		left:5px;
		height:82px;
		width:400px;
		overflow:hidden;
		padding:0;
		text-decoration:none;
		text-indent:-9999px;
		background: url(images/h1-logo.jpg) no-repeat top left;
	}
	
	#header_bg h1 a {
		display:block;
		height:82px;
		width:500px;
	}
	
	#quote {
		position:relative;
		margin:0px;
		padding:0px;
		float:right;
		top:35px;
		right:0px;
	}
	
	#quote h2 {
		font-size:1.5em;
		line-height:1.2em;
		font-style:italic;
		overflow:auto;
		padding:0px;
		margin:0px;	
	}
	
	#quote p{
		text-align:right;
		margin:0px 10px 0px 0px;
		text-align:right;
		color:#b7b7b7;
	}

/* DropDown Menu */	
	
	#menus {
		height:40px;
		padding:0px;
		background:url(images/main-menu-back.gif) no-repeat top left;
	}
	
	ul.dropdown {
		position: relative;
		margin:0 0 0px 0;
		padding:2px 0px 0px 10px;
		font-size:1.1em;
		float:left;	
        list-style: none;		
		z-index: 597;	
	}
	
	ul.dropdown li  {
		padding: 0;
		position:relative;
		float: left;
		margin: 0px 0px 0 0px;
		display: block;
	}

	ul.dropdown li a{
		float: left;
		padding: 9px 13px 0px 13px;
		margin:0px;
		height:27px;
		text-decoration:none;
		color:#ffffff;
	}
	
	ul.dropdown li a:hover, ul.dropdown li a#current {
		background: url(images/main-menu-hover.gif) repeat-x top left;
		filter: alpha(opacity=100);
		color:#ffffff;
		text-decoration:none;
	}
	
	ul.dropdown ul {
		 list-style: none;
		 margin: 0;
		 padding: 0;
	}

	
	ul.dropdown li.hover, ul.dropdown li:hover {
		 position: relative;
		 z-index: 599;
		 cursor: default;
		 background-color: transparent;
	}

	ul.dropdown ul {
		 visibility: hidden;
		 position: absolute;	
		 top: 100%;
		 left: 0;
		 z-index: 598;
		 background-color: #222222;
		 color: #fff;
		 font-size: 12px;
		 text-transform: none;
		 filter: alpha(opacity=90);
		 -moz-opacity: .9;
		 KhtmlOpacity: .9;
		 opacity: .9;
		 min-width:150px;
	}
	
	ul.dropdown li.dir {
	 	padding: 0px;
	}

	ul.dropdown ul li.dir {
	 	padding-right: 0px;
	}

	ul.dropdown ul li {
		background:transparent none repeat scroll 0 0;		
		float:none;
		margin:0;
		padding:0;		
		position:relative;
		border-bottom:1px solid #333333;
	}

	ul.dropdown ul li a {
		color:#FFFFFF;
		padding:6px 13px 6px 13px;
		margin:0px;
		display:block;
		float:none;
		height:auto;	
		white-space:nowrap;			
	}
	
	ul.dropdown ul li a:hover, ul.dropdown ul li:hover, ul.dropdown ul li.hover  {
		background: url(images/main-menu-hover.gif) repeat-x center left;
	}
	
	
	ul.dropdown ul ul {
		 top: 0px;
		 left: 100%;
	}

	ul.dropdown li:hover > ul {
 		visibility: visible;
	}

	ul.dropdown li.rtl ul {
		top: 100%;
		right: 0;
		left: auto;
	}
	
	ul.dropdown li.rtl ul ul {
		top: 1px;
		right: 99%;
		left: auto;
	}

/* En DropDown Menu */	


	ul.contact {
		position: relative;
		margin:0 0 0px 0;
		padding:2px 10px 0px 0px;
		font-size:1.1em;
		float:right;	
        list-style: none;		
		z-index: 597;	
	}
	
	ul.contact li  {
		float: left;
		padding: 9px 13px 0px 13px;
		margin:0px;
		height:27px;
		text-decoration:none;
		font-style:italic;
		font-weight:bold;
		color:#ffffff;
	}
	
	ul.submenu {
		position: relative;
		margin:10px 0 0px 0;
		padding:0px 0px 0px 10px;
		font-size:1.1em;
		float:right;	
        list-style: none;	
	}
	
	ul.submenu li  {
		padding: 0;
		float: left;
		margin: 0px 0px 0 15px;
		display: block;
	}

	ul.submenu li a{
		float: left;
		padding:4px 3px  4px 3px;
		margin:0px;
		text-decoration:none;	
	}
	
	ul.submenu li a:hover {
		color:#258b9f;
		text-decoration:none;
	}
	
	 ul.submenu li a#currentsub {
		border-bottom:3px solid #669600;
		text-decoration:none;
	}

/* 960 coloumn */

	.col2 {
		float:left;
		padding:0px 10px 0px 10px;
		width:460px;
	}
	
	.col3 {
		float:left;
		padding:0px 10px 10px 10px;
		width:300px;
	}
	
/* End 960 Column */
	
	#mainbar {
		position:relative;
		margin:20px 0px 15px 0px;
		padding-bottom:22px;
		background:url(images/line.gif) repeat-x bottom left;
	}
	
	#description {
		margin:2px 0px 0px 0px ;
	}
	
	#description h2{
		font-size:2.1em;
		font-weight:normal;
		margin-bottom:5px;
		letter-spacing:-1px;
	}
	
	.buttons-group {
		position:relative;
		float:left;
		display:inline;
		padding-top:4px;
		margin-left:118px;
	}
	
	a.button-home {
		color:#ffffff;
		display:block;
		float:left;
		cursor:pointer;
		padding:0px 20px 0px 20px;
		height:33px;
		line-height:33px;
		background:url(images/button-home-left.gif) no-repeat top left;
	}
	
	div.button-home1 {
		float:left;
		margin-left:10px;
		background:url(images/button-home-right.gif) no-repeat top right;
	}		
	
	#smallbar {
		height:14px;
		width:100%;
		background:url(images/small-bar.gif) no-repeat top left;
	}
	
	/* Subpage and Genral page title */
	
	#subbar {
		position:relative;
		margin:15px 10px 17px 10px;		
		padding-bottom:15px;
		background:url(images/line.gif) repeat-x bottom left;
	}
	
	
	#subbar h1{
		float:left;
		margin-bottom:0px;
	}
		
	/* END Subpage and Genral page title */
	
/* Slides Home Page */

	.prevNext {
		display:none;
		height:100%;
		float:left;
	}
	
	.has-script .prevNext{ 
		display:block; 
		z-index:100;
	}
	
	.prevNext a{
		display:block;
		position:relative;
		margin-top:70px;
		float:left;
		height:25px;
		width:14px;
		text-decoration:none;
		text-indent:-9999px;
	}
	
	.prevNext a:focus {
		outline-style:none;
	}
	
	a.prev {
		background: url(images/prev.gif) no-repeat top center;
	}
	
	a.next {
		background: url(images/next.gif) no-repeat top center;
	}
	
	#jFlowSlide {
		float:left;
		margin: 0px 13px 0px 11px;
		overflow:hidden;
	}
	
	#slides {
		float:left;
		height:170px;
		overflow:hidden;
	}
	
	#slides img {
		float:left;
	}	
	
	/*End Slides */
	
/*End header_bg and menu */

/*Content*/

	#content {
	
		position:relative;
	
	}
	
	#main {
	
		float:left;
		margin:0 0 10px 0px;
		padding:0px 22px 0px 10px;
		display:inline;
		width:612px;
		background:url(images/line-side.gif) repeat-y top right;
	min-height:500px;
	}
	
	.page {
	
		padding-bottom:10px;
	
	}
	
	.home h2, .gallery h2 {
	
		font-size:1.5em;
		margin-bottom:5px;
		font-weight:normal;	
		color:#669600;
	
	}
	
	.home h2 a, .gallery h2 a {
	
		color:#212020;
		text-decoration: none;
	
	}
	
	.home a, .page a {
	
		color:#258b9f;
	   	text-decoration: none;
	
	}
	
	.home a:hover, .page a:hover {
	
		color:#258b9f;
	   	text-decoration: underline;
	
	}
	
	.page h2 {
	
		font-size:1.6em;
		margin-bottom:10px;
		line-height:1em;
		
	}
	
	.page h2 a{
		color:#258B9F;
		
	}
	
	.page h2 a:hover{
		color:#258b9f;
		
	}
	
	.page h3 {
	
		font-size:1.5em;
		margin-bottom:7px;
		line-height:1.2em;
		font-weight:normal;		
	}
	
	.block {
	
		margin-bottom:25px;
		
	}
	
	.gallery img{
	
		padding:4px;
		margin:0px 0px 15px 0px;
		width:290px;
		height:120px;
		background:#cccccc;
		border:1px solid #bbbbbb;
		
	}
	
/* News Section */	


	.post {
		position:relative;
		margin-bottom:25px;
	}
	
	.post h2 {
		line-height:1.3em;
	}

	a.comment-stamp {
		display:block;
		float:right;
		margin-top:3px;
		cursor:pointer;		
		text-align:center;
		color:#ffffff;
		font-weight:bold;
		line-height:21px;
		font-size:0.9em;
		height:22px;
		width:121px;
		background:url(images/comment-stamp.gif) no-repeat top left;
	}
	
	a.comment-stamp:hover {
		background:url(images/comment-stamp.gif) no-repeat bottom left;
		color:#ffffff;
		text-decoration:none;
	}
	
	.meta {
		margin:-2px 0px 8px 0px;
	}
	
	.meta a, .plus a {
		color:#212020;
		font-weight:bold;
	}
	
	p.quote {
		padding:0px 0px 0px 15px;
		margin-left:20px;
		color:#888888;
		background:url(images/line-side.gif) repeat-y top left;
	}

/* Sidebar */	
	
	#sidebar {
		float:left;
		display:inline;
		width:310px;
	}
	
	.sideblock {
		margin-bottom:20px;
		float:left;
		clear:both;
		width:100%;
	}
	
	
	a.ordernow {
	display:block;
	height:121px;
	width:276px;
	background-image: url(images/buynowdownloadnow276.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: -5px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	}
	
	a.ordernow:hover {
		/* text-decoration:none;
		color:#ffffff;
		background:url(images/order-now.gif) no-repeat bottom left; */
	}
	
	
	#sidebar ul, ul{
		padding:0px 0px 0px 0px;
	}
	
	#sidebar ul li{
		font-size:12px;
		padding:0px 0px 2px 17px;
		margin:0px 0px 8px 0px;
		background:url(images/li-back.gif) no-repeat center left;
	}
	
	#sidebar li{
		font-size:1.1em;
		padding:0px 0px 0px 17px;
		margin:0px 0px 10px 0px;
		background:url(images/li-check.gif) no-repeat center left;
	}
	
	#sidebar ul li a, ul li a{
/*		color:#212020;	*/
		
	}
	
	#sidebar ul li a:hover, ul li a:hover{
		color:#258b9f;		
	}
	
	img.sideimg {
	padding:4px;
	float:left;
	background:#cccccc;
	border:1px solid #bbbbbb;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
	}
	
/* End Sidebar */


/* Pricing Table Styling */

	.pricing table {
	border-collapse:collapse;
	width:98%;
	margin-top: -15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	}
	
	.pricing table td {
	text-align:left;
	background-image: url(images/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 0.5em;
	padding-right: 0.9em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
	}
	
	.pricing table th {
	background:url(images/line.gif) repeat-x bottom left;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
	}
	
	.pricing table tr.odd th, .pricing table tr.odd td {
	background-color:#e6e6e6;
	}
	
	.pricing table tr.headers th, .pricing table tr.headers td {
	background-color:#e6e6e7;
	}
	
	th.options {
	text-align:left;
	font-size:12px;
	}
	
	.pricing thead th {
	text-align:center;
	font-size:10px;
	padding-bottom: 10px;
	}
	
	.pricing tfoot th {
	text-align:center;
	font-weight:normal;
	font-size:10px;
	background:#e6e6e6;
	border-bottom:1px solid #ccc;
	}
	
	.pricing tfoot th strong {
	font-size:10px;
	line-height:normal;
	font-weight:bold;
	margin:0em 0 0.5em 0;
	}
	
	.pricing tfoot th em {
		font-style:normal;
		color:#258b9f;
		font-size:1.2em;
		font-weight:bold;
	}
	
	a.order-table {
		display:block;
		margin:5px auto;
		height:20px;
		width:61px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(images/order-table.gif) no-repeat bottom left;
	}
	
	a.order-table:hover {
		background:url(images/order-table.gif) no-repeat top left;
	}
	
/* Form Styling */

	ol.forms {
		float:left;
		margin:0px 20px 0px 0px;
		padding:0px;
		list-style:none;
	}
	
	ol.sideforms {
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
	}
	
	ol.forms input {
		letter-spacing:1px;
		background:#f4f4f4;
		border:1px solid #c5cbad;
		padding:3px;
		width:200px;
		margin:0px 0px 0px 0px;
	}
	
	ol.sideforms input {
		letter-spacing:1px;
		padding:2px;
		width:240px;
		border:1px solid #c5c9a9;
		margin:0px 0px 0px 0px;
	}
	
	ol.forms textarea{
		letter-spacing:1px;
		padding:3px 3px 3px 3px;
		background:#f4f4f4;
		border:1px solid #c5cbad;
		height:140px;
		width:340px;		
		margin:-1px 0px 0px 0px;
	}
	
	ol.sideforms textarea{
		letter-spacing:1px;
		padding:2px;
		height:100px;
		width:240px;
		border:1px solid #c5c9a9;
		margin:-1px 0px 0px 0px;
	}
	
	ol.last {
	
		margin-right:0px;
	}
	
	
	ol.forms li{
		margin-bottom:10px;
	}
	
	ol.sideforms li{
		margin-bottom:5px;
	}
	
	ol.forms label {
		display:block;
		padding:5px 0px 5px 0px;
		margin:0px;
	}
	
	ol.sideforms label {
		display:block;
		padding:5px 0px 5px 0px;
		margin:0px;
	}
	
	input#submit {
		padding:0px;
		margin:5px 0px 0 0;
		display:block;
		border:none;
		cursor:pointer;
		clear:both;
		width:99px;
		height:28px;
		outline-style:none;
		background:none;
	}
	
	input#submit-side {
		padding:0px;
		margin:5px 0px 0 0;
		display:block;
		border:none;
		cursor:pointer;
		clear:both;
		outline-style:none;
	}
	
	span.error {
		font-size:12px;
		color:#258b9f;
		padding-left:5px;
	}
	
/* Form Styling */

/*End Content*/
	
/*Footer */
	
	#footer{
	height:63px;
	line-height:63px;
	color:#abb096;
	background:url(images/footer-back.gif) no-repeat top left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 17px;
    }
	
	#footer p{
		float:left;
		line-height:63px;	
	}
	
	#footer ul{
		padding:0px;
		float:left;
		margin:0px 0px 0px 0px;	
		list-style:none;
	}
	
	#footer ul li{
		float:left;
		list-style:none;
		margin:0;
		margin-right:2em;
	}
	
	#footer a {
		color:#ffffff;
	}	
	
	a.download{
		color:#ffffff;
		display:block;	
		cursor:pointer;
		padding:0px 20px 0px 21px;
		height:33px;
		line-height:33px;
		background:url(images/download-left.gif) no-repeat top left;
	}
	
	a.download:hover {
		color:#ffffff;
	}
	
	div.download {
		float:right;
		margin-top:14px;
		margin-left:10px;		
		background:url(images/download-right.gif) no-repeat top right;
	}		
	
	
	
	p.bottom {
		text-align:center;
		margin-top:10px;
		color:#919387;
	}

/*End Footer */

/* Facebox */

	#facebox .b {
	 	background:url(images/b.png);
	}
	
	#facebox .tl {
	  	background:url(images/tl.png);
	}
	
	#facebox .tr {
	  	background:url(images/tr.png);
	}
	
	#facebox .bl {
	  	background:url(images/bl.png);
	}
	
	#facebox .br {
	  	background:url(images/br.png);
	}
	
	#facebox {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		text-align: left;
	}
	
	#facebox .popup {
	  	position: relative;
	}
	
	#facebox table {
	  	border-collapse: collapse;
	}
	
	#facebox td {
		border-bottom: 0;
		padding: 0;
	}
	
	#facebox .body {
		padding: 10px;
		background: #fff;
		width: 370px;
	}
	
	#facebox .loading {
	  	text-align: center;
	}
	
	#facebox .image {
	  	text-align: center;
	}
	
	#facebox img {
		border: 0;
		margin: 0;
	}
	
	#facebox .footer {
		border-top: 1px solid #DDDDDD;
		padding-top: 5px;
		margin-top: 10px;
		text-align: right;
	}
	
	#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
		height: 10px;
		width: 10px;
		overflow: hidden;
		padding: 0;
	}
	
	#facebox_overlay {
		position: fixed;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}
	
	.facebox_hide {
	  	z-index:-100;
	}
	
	.facebox_overlayBG {
		background-color: #000;
		z-index:999;
	}
	
	* html #facebox_overlay { /* ie6 hack */
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}


/*Tools*/

	.hidden {
		display:none;
	}

	.center {
		margin:0 auto;
	}
	
	.last {
		margin:0px;
		padding:0px;
	}
	
	.imagelast {
		margin-left:0px;
		margin-right:0px;
	}
	
	.elementclear {
		clear:both;
	}
	
	.clear, .clearline {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	.margin-bottom {
		margin-bottom:20px;
	}
	
	.left {
		float:left;
		display:inline;
	}
	
	.right {
		float:right;
		display:inline;
	}

	img.screenshot {
		padding:4px;
		margin:0px 12px 12px 0px;
		background:#cccccc;
		border:1px solid #bbbbbb;
	}
.whiteText {
	margin: 0;
	padding: 0;
	color: #FFF;
}

.widget widget_categories li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/li-back.gif) no-repeat scroll left center;
font-size:1.1em;
margin:0 0 8px;
padding:0 0 2px 17px;
font-family:Arial,Helvetica,sans-serif;
}
#sidebar  li.widget_categories {
list-style:none;
background:none;
}
#sidebar li.widget_links {
list-style:none;
background:none;

}
ul.blogroll {
margin-left:15px;
}
.widget_categories ul {
margin-left:15px;
}
#sidebar li.widget_text {
background:none;
}
.textwidget a {
color:#258B9F;
}
.widget_links .widgettitle {
color:#ECECEC;
line-height:0px;
padding:0px;
margin:0px;
}

.widget_categories .widgettitle {
color:#ECECEC;
line-height:0px;
padding:0px;
margin:0px;
}
a.more-link {
color:#000000;
font-weight:bold;
}