/*r*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, em, img, q, s, small, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
/*/r*/

/*g*/
html, body {height:100%;}
body {font:100%/1.4 'Trebuchet MS', Arial, sans-serif; color:#505050; background:#fff;}
noscript p {text-align:center; background:#ffa500;}
a {color:#21a8ff;}
a:visited {} 
a:hover {}
a:active{}
a:focus {outline:none;}
.clear {overflow:hidden; clear:both; height:0; font-size:0;}
/*/g*/

/*str*/
#wrapper {
	position:relative; min-height:100%; min-width:920px;
}
*html #wrapper {
	height:100%; /*IE6*/
}
#wrap-header {
	/*padding:30px 25px 20px; */border-bottom:2px solid #dedede;
}
	#header {
		/*overflow:hidden;*/ width:80%; max-width:1450px; height:80px; margin:30px auto 20px;  /*border:1px solid #000;*/
	}
#wrap-content {
	overflow:hidden; width:100%; max-width:1550px; margin:0 auto; padding:0 0 160px 0;
}
#wrap-footer {
	position:absolute; bottom:0; width:100%; height:60px; border-top:1px solid #dedede;  /* Height of the footer */
}
	#footer {
		margin:20px 10% 0 0; 
		font:14px Arial, sans-serif; text-align:right; color:#a9a9a9; 
	}
/*/str*/

/*top panel*/
.b-panel {height:25px; line-height:25px; text-align:center; background:#dbffcd;}
.b-panel a {color:#ff7820;}
/*/top panel*/

/*header*/
#header .title {
	text-align:center;
}
#header .title h1 {
	margin-top:10px;
	font:28px 'Trebushet MS', sans-serif; color:#5a5a5a;
}
	#header .title h1 a {
		font:28px 'Trebushet MS', sans-serif; color:#72bc00;
	}
		#header .title h1 a.name {
			text-decoration:none; font-size:32px; color:#ff7820;
		}
.b-menu {
	margin-top:20px; height:32px; line-height:32px;
	text-align:center; font-family:Arial, sans-serif;
}
	.b-menu li {
		display:inline; margin:0 80px;
	}
	.b-menu li.selected a {
		text-decoration:none; color:#c0c0c0;
	}
	.b-menu li.selected a:hover {
		color:#c0c0c0;
	}
		.b-menu li a {
			font-size:14px;
		}
		
/*/header*/

/*content*/
div.top {
	padding:20px 50px 30px 50px;
	text-align:center;
}
div.top a {
	 /*color:#ff7820; */
}
ul.tmpl {
	text-align:center;
}
	ul.tmpl li {
		/*position:relative;*/ display:-moz-inline-stack; /*FF2*/ display:inline-block; width:382px; margin:50px;  padding:5px;
		vertical-align:top;
	}
		ul.tmpl li  h2 {
			display:inline-block; padding:5px; margin-bottom:10px; 
		}
			ul.tmpl li h2 a {
				text-align:center; font:18px 'Trebushet MS', sans-serif; color:#ff7820;
			}
*html ul.tmpl li {
	display:inline; /*IE 6*/
}
*+html ul.tmpl li {
	display:inline; /*IE 7*/
}
div.tmpl {
	border:10px solid #fcfcfc; border-bottom:0; overflow:hidden; 
}
	div.tmpl img {
		padding:5px; border:1px solid #d6d6d6; 
		background:#fff; 
	} 
p.tags {
	padding:0 16px 15px; 
	line-height:1.4; text-align:center; font-size:13px; background:#e8e8e8;
}
	p.tags a {
		/*color:#a9a9a9; */
	}
p.action {
	margin-top:-5px;  padding-bottom:10px; padding-top:25px; border-bottom:2px solid #fafafa;
	text-align:center; font-family:Arial, sans-serif; background:#fcfcfc;
}
	p.action sup {
		color:#72bc00;
	}
	p.action a.download {
		color:#ff7820; 
	}
	p.action a.more {
		margin-right:55px;
	}
	p.action a.demo {
		margin-left:55px;
	}
	p.action span.download {
		color:#ff7820; 
	}
		.action .download a {
			color:#ff7820; 
		}


/*---passport---*/
.page_only {
	width:75%; max-width:950px; margin:0 auto;
}
	.page_only h2 {
		margin:40px 0 60px; 
		text-align:center;  font-size:22px; font-weight:normal; color:#fe9653; 
}
		.page_only h2 span {
			padding:5px 10px; border:5px solid #e4e4e4;
			border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
		}
	.page_only p {
		margin:10px 0;
	}
.screenshot {
	float:left; padding:2px; margin-right:30px;
	background:#fcfcfc;
}
	.screenshot img{
		float:left; padding:5px; border:1px solid #d6d6d6; 
		background:#fff;
	}
.description {
	margin:80px 0 0 450px; 
}
.subtitle {
	font-weight:bold;
}
	.page_only .action {
		padding-top:20px; border:0;
		background:#fff;	
	}
.download-button, .download-button:visited {
	position:relative; display:inline-block; height:1%; /*IE6*/ padding:2px 6px 2px; border-bottom:1px solid rgba(0,0,0,0.25);
	text-decoration:none; text-shadow:0 -1px 1px rgba(0,0,0,0.25); /*font-weight:bold; */ /*font-size:14px;*/ color:#fff; background:#ff7820; cursor:pointer;
	-moz-border-radius:5px; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
}
.download-button:hover {
	background:#e66c1d; 
}
.download-button:active {
	top:1px;
}
.action sup {
		 vertical-align:baseline; position:relative; top:-1.1em; left:.3em; zoom:1; /*IE 6*/
	}
	.page_content {
		width:650px; margin:0 auto;
	}
/*---/passport---*/

		
/*---contact---*/		
div.contact h2 {
	text-align:center;
}
form.contact-form {
	width:500px; margin:0 auto;
}
	form.contact-form label {
		display:block; margin-bottom:2px;
	}
	form.contact-form p input {
	width:150px; margin-bottom:3px;
}
		form.contact-form p input#checkbox {
			width:auto;
		}
		form.contact-form p input#contact_antispam {
			width:70px;
		}
	form.contact-form p select {
		width:150px;
	}
	form.contact-form input#reset, form.contact-form input#submit {
		margin:5px 5px 0 0;
	}
/*/---contact---*/		

/*loginform*/
div.loginform {
	position:fixed; top:25%; left:50%; width:300px; margin:50px 0 0 -150px; padding:20px 20px 20px 15px; border:2px outset #d5ddf3; border-style:solid outset outset solid; 
	text-align:center; background:#f0f0fb; 
}
* html div.loginform {
	position:absolute;
}
form#flogin input#flogin_user, form#flogin input#flogin_password {
	width:98%;
}
/*/loginform*/
/*/content*/

/*footer*/
#footer a {
	/*color:#a9a9a9;*/
}
.copyrights {
	text-align:center; font-weight:bold;
	/*color:#a8ff22;*/
}
/*/footer*/

/*drop-down*/
#tags {
	width:700px; margin:10px auto 0; padding:15px 10px; border:10px solid #e8e8e8;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}
#tags a {
	display:inline-block; padding:5px;
}
#date {
	width:700px; margin:10px auto 0; padding:15px 10px; border:10px solid #e8e8e8;
	-moz-border-radius:20px; -webkit-border-radius:20px;
}
#date  a {
	display:inline-block; padding:5px; font-weight:bold;
}
.pagination {
	text-align:center;
	
}
.pagination a {
	text-decoration:none; color:#ff7820; font-weight:bold; padding:5px 10px; border:2px solid #c0c0c0;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	zoom:1; /*IE6, 7*/
}
.pagination a:hover {
	background:#e8e8e8; 
}
.pagination .current {
	padding:5px 10px; border:2px solid #dedede;
	color:#a9a9a9;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
.pagination span {
	display:inline-block; margin:5px; /*padding:5px 10px;*/	
	
}

/*---404---*/
.page-404 {
	width:550px; margin:100px auto 0;
	text-align:center;
}
.page-404 h1 {
	margin:10px 0 20px;
	color:#5e5e5e;
}
div.code span {
	padding:5px 10px;
	font-size:35px; color:#fff; background:#4d4d4d;
}
.page-404 p {
	margin-bottom:15px;
	font-size:17px;
}
.page-404 ul {
	text-align:left; 
	list-style-type:circle;
}
/*---/404---*/