/* 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:#669600;
	   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{
		margin:0;	
		position:relative;
		height:82px;
    }
	
	#header 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 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:#669600;
		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 and menu */

/*Content*/

	#content {
	
		position:relative;
	
	}
	
	#main {
	
		float:left;
		margin:0 0 10px 0px;
		padding:0px 22px 0px 10px;
		display:inline;
		width:608px;
		background:url(images/line-side.gif) repeat-y top right;
	
	}
	
	.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:#669600;
	   	text-decoration: none;
	
	}
	
	.home a:hover, .page a:hover {
	
		color:#669600;
	   	text-decoration: underline;
	
	}
	
	.page h2 {
	
		font-size:1.6em;
		margin-bottom:10px;
		line-height:1em;
		
	}
	
	.page h2 a{
		color:#212020;
		
	}
	
	.page h2 a:hover{
		color:#669600;
		
	}
	
	.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 {
		margin:0px 131px 0px 0px;
		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:right;
		display:inline;
		padding:0px 10px 0px 20px;
		width:290px;
	}
	
	.sideblock {
		margin-bottom:20px;
		float:left;
		clear:both;
		width:100%;
	}
	
	
	a.ordernow {
		display:block;
		height:58px;
		line-height:58px;
		font-size:1.8em;
		color:#ffffff;
		padding:0px 20px 0px 20px;
		margin:0px 0px 20px -5px;
		width:250px;
		background:url(images/order-now.gif) no-repeat top left;
	}
	
	a.ordernow:hover {
		text-decoration:none;
		color:#ffffff;
		background:url(images/order-now.gif) no-repeat bottom left;
	}

	a.ordernow2 {
		display:block;
		height:58px;
		line-height:58px;
		font-size:1.8em;
		text-align:center;
		color:#ffffff;
		padding:0px 20px 0px 20px;
		margin:0px 0px 20px -5px;
		width:250px;
		background:url(images/order-now2.gif) no-repeat top left;
	}
	
	a.ordernow2:hover {
		text-decoration:none;
		color:#ffffff;
		background:url(images/order-now2.gif) no-repeat bottom left;
	}

	
	
	ul.list, ul.check {
		margin:0px 0px 20px 20px;
		padding:0px 0px 0px 0px;
	}
	
	ul.list li{
		font-size:1.1em;
		padding:0px 0px 2px 17px;
		margin:0px 0px 8px 0px;
		background:url(images/li-back.gif) no-repeat center left;
	}
	
	ul.check 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;
	}
	
	ul.list li a, ul.check li a{
		color:#212020;	
		
	}
	
	ul.list li a:hover, ul.check li a:hover{
		color:#669600;		
	}
	
	img.sideimg {
		padding:4px;
		margin:0px 12px 12px 0px;
		float:left;
		width:50px;
		height:50px;
		background:#cccccc;
		border:1px solid #bbbbbb;
	}
	
/* End Sidebar */
	
	
/* Pricing Table Styling */

	.pricing table {
		margin:-15px 10px 20px 10px;
		border-collapse:collapse;
		width:98%;
	}
	
	.pricing table td {
		padding:1em 1em;
		text-align:center;
		background:url(images/line.gif) repeat-x bottom left;
	}
	
	.pricing table th {
		background:url(images/line.gif) repeat-x bottom left;
		padding:1.2em 1em;
	}
	
	.pricing table tr.odd th, .pricing table tr.odd td {
		background-color:#e6e6e6;
	}
	
	th.options {
		text-align:right;
		font-size:1.1em;
	}
	
	.pricing thead th {
		text-align:center;
		font-size:1.2em;
	}
	
	.pricing tfoot th {
		text-align:center;
		font-weight:normal;
		font-size:0.9em;
		background:#e6e6e6;
		border-bottom:1px solid #ccc;
	}
	
	.pricing tfoot th strong {
		font-size:1.3em;
		line-height:1.4em;
		font-weight:bold;		
		margin:0em 0 0.5em 0;
	}
	
	.pricing tfoot th em {
		font-style:normal;
		color:#669600;
		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:#669600;
		padding-left:5px;
	}
	
/* Form Styling */

/*End Content*/
	
/*Footer */
	
	#footer{
		margin:0px 0 0px 0;
		padding:0px 20px 0px 17px;			
		height:63px;
		line-height:63px;
		color:#abb096;
		background:url(images/footer-back.gif) no-repeat top left;
    }
	
	#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;
	}