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

html { min-height: 100%; height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #fff url(images/background-white.gif) repeat-x; color: #000; font: 62.5%/1.4 "Lucida Sans Unicode","Lucida Sans",verdana,arial,helvetica; }

textarea, input, select, option, optgroup, button { font: 1em arial, helvetica, sans-serif; }

/* --- RE-SETS --- */

* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }

p { font-size: 1.2em; margin-bottom: 1.25em; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }
em { padding: 1px 3px; background: #78a3ae; font-style: normal; }

a { color: #000; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

/* --- HEADINGS --- */

h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: bold 3.4em "Lucida Grande",Tahoma, Arial,sans-serif; }
h1 { font-size: 2.2em; }
h2 { font-size: 2.8em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* --- HELPERS --- */

.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; top: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* --- CONTAINER --- */

#root { width: 660px; margin: 0 auto; padding: 0; }
	#wrapper { position: relative; width: 660px; margin-top: 80px; border: 1px solid #000; background: #8cc63f; }
		#logo { position: absolute; top: -60px; left: 18px; width: 228px; height: 118px;text-indent: -10000px; background: url(images/logo.png) no-repeat; }
		
		#nav { height: 30px; margin: 0; padding: 0 0 0 260px; list-style: none; background: url(images/top-gradient.gif) repeat-x; }
			#nav li { float: left; }
				#nav li a { display: block; height: 24px; padding: 6px 12px 0 12px; color: #000; }
				
				#nav li.active { background: url(images/top-active-left.gif) no-repeat left; }
					#nav li.active a { background: url(images/top-active-right.gif) no-repeat right; }
			
		
		div.content { margin: 0 9px 9px 9px; padding: 0; border: 1px solid #000; background: #fff; padding-top: 30px; padding-bottom: 30px; }
		
			div.content div.col0, div.content div.col1 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
		
			div.content div.col3 { margin-left: 40px; margin-right: 30px; }
				
				div.content div.col0 { width: 300px; text-align: center; }
				div.content div.col1 {	width: 290px; padding: 20px 0; }
					div.content div.col1 h2 { margin-bottom: 0.5em; }
					div.content div.col1 ul li { margin-bottom: 1.0em; font-size: 1.4em; }
					
			div.content ul.links { margin-bottom: 0.8em; padding: 0; list-style: none; }
				div.content ul.links li { display: block; float: left; width: 115px; margin: 0; padding: 5px 10px; }
					div.content ul.links li a { display: block; height: 32px; padding-top: 12px; padding-left: 34px; background-repeat: no-repeat; background-position: left 10px; }
						div.content ul.links li a.icon-twitter { background-image: url(images/icon-twitter.gif) }
						div.content ul.links li a.icon-facebook { background-image: url(images/icon-facebook.gif) }
						div.content ul.links li a.icon-linkedin { background-image: url(images/icon-linkedin.gif) }
						div.content ul.links li a.icon-wordpress { background-image: url(images/icon-wordpress.gif) }
				div.content ul.links li.skype { padding: 0; }
					div.content ul.links li.skype a { padding: 0; }

			div.content a.icon-skype { display: block; text-align:center; padding-right: 10px; }
		
			div.content div.col { padding: 0 30px; }

		#demo { padding: 19px; background: #d8d5d0; }
			#demo div.col { padding: 0; border: 1px solid #000; background: #fff; }
				#demo iframe { width: 600px; height: 420px;  }
		
		
		#screenshots div.col { padding: 0 20px; }
			#screenshots a { display: block; float: left; margin: 10px; padding: 8px; border: 1px solid #bcb9b4; background: #d8d5d0; }
			#screenshots a:hover { background: #8cc63f; }
				#screenshots a img { border: 1px solid #000; }
				
		
			div.content a { font-weight: bold; color: #719e36; }
			div.content hr { margin-bottom: 1.3em; }
			div.content p.link { margin-left: 30px; line-height: 1.6em; }
					
	#footer { margin-top: 10px; text-align: center; }
		#footer p { font-size: 1.3em; }


	visibility: visible !important;
	margin: 0;
}

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate { position: absolute;left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #content div.col1 h2  { visibility: hidden; font-size: 34px; }