/* ===============================================
                SmartRM CSS
=============================================== */
@charset "utf-8";
/*	-------------------------------------------------------------
    CSS Reset by Lovely CSS - www.ohmylovely.com/css-framework/
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		body, html {margin: 0;padding: 0}
		html {height: 100%;width: 100%}
		a img, iframe {border: 0}
		div, span {margin: 0;padding: 0}
		h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0}
		p, blockquote, pre, a, abbr, acronym, address, big, cite,
		code, del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var {margin: 0;padding: 0}
		hr {background-color: #ddd;color: #ddd;margin: 10 0 10 0;padding: 0;border: 0;height: 1px}
		ul, ol, dl, li, dt, dd { }
		form, fieldset {margin: 0;padding: 0;border: 0}
		legend {margin: 0;padding: 0}
		label {margin: 0;padding: 0}
		input, textarea, select, button {margin: 0;padding: 0}
		select {margin: inherit}
		table {margin: 0;padding: 0;border-collapse: collapse;border: 0}
		tbody, tfoot, thead, tr, td, th, caption {margin: 0;padding: 0}
/* ========================================================================== */
:focus {outline: 0}

a:link,
a:visited,
a:active {text-decoration:none;color:#480}
a:hover {text-decoration:underline;color:#140}

a.link {font-size:8pt; padding-left: 16px; background:transparent url(images/link.png) no-repeat center left}

p {text-align:justify; padding: .5em 0}
ol {color:#480}
.clear {display:block;clear:both;width:100%}

/* ===============
        Main
================== */
body {background: #F6FAF1 url(images/mainbg.png) repeat-x top left; text-align: center; font: 10pt/1.5 Verdana, Verdana, Geneva, sans-serif; color:#444}

div.container {width: 903px; margin:0 auto; text-align: left}
	div.head {width: 100%; height: 110px; clear:both; float:left; background: transparent url(images/headbg.png) no-repeat top left;font: 10pt/1.5 Georgia, Georgia, serif}
		div.head a.home {display:block;clear:none;float:left;width: 350px;height:100px}
			div.head a h1 {text-indent:-1000em}
		div.head div.login {display:block;float:right;clear:right;text-align:right;color:#666;font-size:9pt;height:46px;line-height:46px;padding: 0 1em 0 0;
							visibility:hidden;}
			div.head div.login a {color:#666;padding:0 0.5em}
		div.head div.ajaxmenu {display:block;float:right;clear:right;height:40px;line-height:40px;padding:0 20px 0 0}
			div.head div.ajaxmenu ul {display:block;list-style-type: none;text-align:right;margin:0;padding:0}
				div.head div.ajaxmenu ul li {display:inline}
					div.head div.ajaxmenu ul li a {color:#888;display:inline;font-family:Trebuchet MS, Helvetica, sans-serif;font-size:10pt;font-weight:bold;padding:0 0.5em 0 2em}
					div.head div.ajaxmenu ul li a:hover {color:#6FB21B}

	div.body {width: 100%; clear:both; float:left}
	div.body.inner {width:96%;padding:2em}

	div.footer {display:block;clear:both;width:100%;float:left;margin-top:2em;background: transparent url(images/footbg.png) repeat-x top left}
		div.footer div.ajaxmenu {clear:both;display:block;float:left;font-size:9pt;line-height:9pt;margin:1.5em 0.5em;width:100%}
			div.footer div.ajaxmenu ul {margin:0;padding:0}
				div.footer div.ajaxmenu ul li {display: block;clear:none;float:left;border-left: 1px solid #aecfa3; padding: 0 20px}
				div.footer div.ajaxmenu ul li.last {border-right: 1px solid #aecfa3}
					div.footer div.ajaxmenu ul li a {font-size:8pt;display: block;clear:none;float:left;color:#60c418}
		div.footer div.copy {clear:both;color:#666;display:block;float:left;font-size:7pt;margin:1.5em 0.5em;width:100%}
			div.footer div.copy a {color:#666}


.body.inner h2 {color:#6FB21B;font:bold italic 19pt/1.5 Georgia,Georgia,serif}
.body.inner h3 {color:#4F9200;font:bold italic 16pt/1.5 Georgia,Georgia,serif}
	.body.inner h3.cont {padding: 0 0 0 42px;margin-top: 1em;background: transparent url(images/iconz02.png) no-repeat center left}
	.body.inner h3.proj {padding: 0 0 0 42px;margin-top: 1em;background: transparent url(images/iconz01.png) no-repeat 7px 0}
	.body.inner h3.down {padding: 0 0 0 42px;margin-top: 1em;background: transparent url(images/iconz04.png) no-repeat center left}
	.body.inner h3.faq {padding: 0 0 0 42px;margin-top: 1em;background: transparent url(images/faq.png) no-repeat center left}
.body.inner h4 {color:#4F9200;font:bold 12pt/1.5 Georgia,Georgia,serif}



table caption {text-align:left;color:#4F9200;font:bold italic 16pt/1.5 Georgia,Georgia,serif}
/* ----------------
		HOME
------------------ */
div.top.home {width:100%;float:left;clear:both;margin:2em 0 0}
	div.top.home div.left,
	div.top.home div.right{width:50%;float:left;clear:none;font: 10pt/1.5 Georgia, Georgia, serif}
	div.top.home div.left {background: transparent url(images/vert_row.png) no-repeat center right}
		div.top.home div.left a.download {font-family: Arial, Arial, Helvetica, sans-serif;background:url("images/download02.png") no-repeat scroll center center transparent;clear:both;color:#fff;display:block;height:51px;margin:0 auto;padding:60px 0 0;text-indent:25px;width:318px}
		div.top.home div.left ul {clear:both;display:block;margin:0;padding:10px 0 0 20px;width:100%}
			div.top.home div.left ul li {list-style-type: none; padding: 6px 0 6px 42px; background: transparent url(images/iconz01.png) no-repeat center left}
			div.top.home div.left ul li + li {background-image: url(images/iconz02.png)}
			div.top.home div.left ul li + li + li {background-image: url(images/iconz03.png)}
			div.top.home div.left ul li + li + li + li{background-image: url(images/iconz04.png)}
				div.top.home div.left ul li h2 {color: #666;font-weight:normal;font-size:16pt}
		div.top.home div.left a.more {padding: 0 0 0 63px; color: #666;font-weight:normal;font-size:16pt}

	div.top.home div.right {height: 320px; /*background: transparent url(images/videobox.png) no-repeat center center*/}
		div.top.home div.right object {background:transparent none !important;margin:0 0 0 1em}
		div.top.home div.right embed {background:transparent none !important}

div.bot.home {width:100%;float:left;clear:both;margin:2.5em 0 0}
	div.bot.home div.left,
	div.bot.home div.right {padding:15px;width:415px;min-height:215px;margin:0;float:left;clear:none}
		div.bot.home div.left h3,
		div.bot.home div.right h3 {display:block; clear:both; text-indent:-1000em; margin: 5px 0 20px 0}
		div.bot.home div.left p,
		div.bot.home div.right p {font-size: 9pt;padding: 0 0.5em 1.5em}
	div.bot.home div.left {background: transparent url(images/boxxx01.png) no-repeat top left;margin: 0 10px 0 0}
		div.bot.home div.left h3 {height:70px;background: transparent url(images/keepon.png) no-repeat top left}
	div.bot.home div.right {background: transparent url(images/boxxx00.png) no-repeat top left}
		div.bot.home div.right h3 {height:29px;margin-bottom:1em;background: transparent url(images/news.png) no-repeat top left}
		div.bot.home div.right p {padding: 0 0.5em 1.5em 0.5em}

div.news {padding:0 0.5em 1em;line-height:1.25;text-align:justify}
	div.news h4 {font-family: Arial, Arial, Helvetica, sans-serif;margin:0 0 0.5em;color:#480}
		div.news h4 span.date {font-size:9pt;font-weight:normal}
		div.news h4 em {padding: 0 0 0 .5em; font-size:10.5pt;font-style:normal}
	div.news span {font-size:8pt}
		div.news span a.more {display:block;font-size:8pt;text-align:right}
	div.news a.goto {display:block;text-align:right}
	div.news img.smau {float:right;margin:0 0 0 1em}
	img.smau.big {display:block;clear:both;margin:1em auto}

div.bot.home div.right div.twitter {background:url("images/iconz03.png") no-repeat 0 10px transparent; border-top:1px solid #E2F5C6;font-size:8pt;padding:.75em 1em 0.25em 4em;text-align:left;font-style:normal}

div.social {clear:both;float:right;margin:0 0.5em 0 0}
	div.social a {text-indent:-1000em;display:block;clear:none;float:left;width: 29px;height:29px;margin-right:3px}
	div.social a.li {background:transparent url(images/socialz.png) no-repeat 0 -29px}
	div.social a.li:hover {background:transparent url(images/socialz.png) no-repeat 0 0}
	div.social a.tw {background:transparent url(images/socialz.png) no-repeat -29px -29px}
	div.social a.tw:hover {background:transparent url(images/socialz.png) no-repeat -29px 0}
	div.social a.fb {background:transparent url(images/socialz.png) no-repeat -58px -29px}
	div.social a.fb:hover {background:transparent url(images/socialz.png) no-repeat -58px 0}

/* ---------------------
	What is for?
--------------------- */
div.what {padding: 1em 0 0 1em; font-family: Georgia, Georgia, serif}
	div.what span {color:#565;display:block;text-align:center;font-size:12pt;font-weight:bold;letter-spacing:-1px;padding:0 0 1em}
	div.what p {font-size:9pt;letter-spacing:1px}
	div.what h4 {padding: 0.5em 1em 0.75em; text-align:center; border:1px solid #ddd; background:#aaa; background: -webkit-gradient( linear, 0 0, 0 100%, from(#ccc), to(#aaa) ); background: -moz-linear-gradient( top, #ccc, #aaa);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);-moz-box-shadow:0 3px 8px rgba(0, 0, 0, 0.45); -moz-border-radius: 6px;	-webkit-border-radius: 6px}
		div.what h4 strong {color:#FFF;font-size:16pt;font-style:italic;text-shadow:0 1px 3px #000;}
	div.what embed,
	div.what object {display:block;margin:2em auto}


/* -------------------
		Contacts
---------------------- */
p.contact {text-indent:0;padding: 0 0 0 1em}
div.contbox {display:block;float:left;clear:none;width:46%;margin: 1%; padding: 0 1% 1% 1%}
	div.contbox + p {display:block;clear:both;margin:1em 0 0;padding:1em 0 0;text-indent:0}

div.contactform {clear:both;padding:4em 0 0 1.5em;width:500px}
	div.contactform p.text {border-bottom:1px solid #DDD}
	div.contactform div.element {padding:0 0 0.5em}
		div.contactform div.element label {display:block}
			div.contactform div.element label input,
			div.contactform div.element label textarea {width: 250px;float:right}
	div.contactform div.buttons {border-top:1px solid #DDD;clear:both;display:block;width:100%;float:left;margin:1em 0 0;padding:0.5em 0 0;text-align:right}
	div.contactform div.errors {background-color:#FED;color:#D00;margin:0 0 1em;padding:0.5em}
		div.contactform div.errors strong {font-style:italic}

/* -------------------
		Download
---------------------- */
.eula {font-size:75% !important;background-color:#FFF;border:1px solid #dec;height:200px;margin:0 0 1em 0.5em;overflow:auto;padding:0.5em 1em}
div.buttons {padding:0.5em 0;text-align:center}
	div.buttons input {margin: 0 5px}

div#install {border-bottom:1px dashed #dec;margin-bottom:1em;padding:0.5em 0 3em}
	div#install p {text-align:center; font-weight: bold;}
	div#install img {display:block;margin: 0 auto}
	div#install .insta {display:block;margin: 0 auto;width: 600px;color:#6FB21B;font:italic bold 19pt/1.5 Georgia,Georgia,serif;font-weight:bold;font-style:italic;text-align:center;text-decoration:underline;}
	div#install .insta:hover {color:#2F8200}

table.reqs {margin: 0; color: #666}
	table.reqs caption {font-weight:normal;padding:0 0 0.25em;color: #888}
	table.reqs td {padding: 0.25em 0.25em 0.25em 1em}
	table.reqs td + td {padding: 0}

div#privacy {text-align:center;padding:1em}

div#ffext {font-size:9pt; padding: .5em}
/* -----------------
	Learn more
-------------------- */
div.learn {padding:1em 0 0 2em}
	div.learn ol {padding:0 0 2em 5em;margin:0;border-bottom:1px dashed #ce9}

img.logo {border:1px solid #DDD;margin:1em 0}

/* -------------------
		FAQ
---------------------- */
ol.faq_quest {font-size:12pt;color:#666}
	ol.faq_quest li {}
		ol.faq_quest li a{background-color:#FFF;border:1px solid #F3F3F3;color:#666;font-weight:bold;margin-top:0.25em;padding:0.5em;display:block; -moz-border-radius: 10px; -webkit-border-radius: 10px}
		ol.faq_quest li a:hover{text-decoration: none;background-color: #6FB21B;color:#fff}
	
ol.faq_answ {border-top:1px dashed #dec;margin-top:4em;padding-top:3em}
	ol.faq_answ li {float:left;background-color:#fff;padding:1em;margin-bottom: 1em;border:1px solid #e6eAe1; -moz-border-radius: 1em; -webkit-border-radius: 1em}
		ol.faq_answ li h3 {padding-bottom:0.5em;margin-bottom:0.5em;border-bottom: 1px dashed #dec}
		ol.faq_answ li p {color:#666}
		ol.faq_answ li table {width: 75%;margin:1em auto;border-bottom:1px solid #dec}
			ol.faq_answ li table th,
			ol.faq_answ li table td {text-align:center;padding:0.25em;color:#675}
			ol.faq_answ li table td {border-right:1px solid #dec}
			ol.faq_answ li table th {background-color:#dec}

a.gotop {text-align:right;color:#bca;font-size:8pt;display: block; clear:both; width:100%; float: left;margin-top: 2em; padding-top: 0.5em; border-top:1px dashed #dec}

/* -------------------
		Install
---------------------- */
div.install {}
	div.install p img {margin: 0 auto 2em;display:block}





































/* -------------- CSS3 -----------
		-moz-border-radius: 10px 10px 0 0; 
		-webkit-border-radius: 10px 10px 0 0; 
		background: -webkit-gradient( linear, 0 0, 0 100%, from(#ddd), to(#bbb) ); 
		background: -moz-linear-gradient( top, #ddd, #bbb);
		box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
		-moz-box-shadow:0 3px 8px rgba(0, 0, 0, 0.45);
		-moz-linear-gradient(center top , #BBBBBB 0%, #FFFFFF 50%) repeat scroll 0 0 transparent
----------------------------------*/