*{font-size:100.01%}
html {font-size:62.5%;}
body {
	color:#656565;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:13px;
	unicode-bidi:embed;
	/*font:1.563em/1.375em 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	margin:0;
	
	min-width:1001px;
	height:100%;
}
.title{
	color:#ffffff;
}
/* Common Parts */
a {
	color:#656565;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
p {
	margin:0 0 .4em;
	line-height:1.2;
}
img {border-style:none;}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input, select, label, textarea {
	vertical-align:middle;
}
input.text, select, textarea, input.file {
	font:100% "lucida grande",tahoma,verdana,arial,sans-serif;
	color:#656565;
}
input.text, select, textarea {border:1px solid #c5c5c5;}
input.text {padding:1px 3px;}
textarea {padding:1px 0 1px 3px;}
input:focus, textarea:focus, select:focus{outline:none;}
input.radio {margin:0;}
* html input.radio {margin-left:-4px;}
ul {
	margin:0 0 .4em 15px;
	padding:0;
}
ul ul {margin:.133em 0 .133em 15px;}
ol {
	margin:0 0 -.466em;
	padding:0 0 0 30px;
}
ol li {padding:0 0 .4em;}
.hr {
	background:url(../images/dash.gif);
	height:1px;
	overflow:hidden;
	clear:both;
	margin:1.667em 0 1.6em;
}
.space{margin-top:3.867em;}
.nojs {
	padding:10px 0 5px;
	text-align:center;
}
div.messages ul {
	list-style:none;
	padding:0;
	margin:0;
}
/*main blocks*/
#main {
	width:1001px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	/*background-image:url('../images/a-more-art.gif');
	background-repeat:no-repeat;
	background-position:860px 180px;*/
}
/*header*/
#header {
	width:905px;
	padding:5px 41px 12px 57px;
	overflow:hidden;
}
/*navigation*/
#header #nav {
	float:left;
	padding:29px 0 0 50px;
	margin:0;
	list-style:none;
	width:auto;
}

#logo {
	float:left;
	background:url(../images/logo2.png) no-repeat -10px -1px;
	width:151px;
	height:70px;
	overflow:hidden;
	text-indent:-9999em;
	margin:0;
}
#logo a {
	display:block;
	height:100%;
}
#header ul {
	float:left;
	margin:0;
	list-style:none;
	display:inline;
	padding:29px 0 0;
}
#header li {
	float:left;
	height:17px;
	margin:0 10px 0 0;
	display:inline;
}
/*promo*/
.promo{
	height:50px;
	background: url(../images/bg-promo.jpg) no-repeat;
	padding:31px 57px 29px;
}
.promo .title{
	color:#ffffff;
	font-size:0.75em;
	margin:0 0px 0 0;
	display:inline;
}

.promo .title2{
	color:#ffffff;
	float:right;
	font-size:0.9em;
	margin:8px 10px 0 0;
	display:inline;
	line-height:1.125em;
	font-weight:normal;
	position:relative;
	display:block;
	height:1%;
}
.promo .title2 a{
	color:#ffffff;
}

#container {
	position:relative;
	z-index:1;
	width:98%;
	margin:0 auto;
	display:block;
}
#container h1, #container .main-content h2, #container .sidebar h3, #container .sidebar h2, .title, .popup .popup-title, #container .create-ticket-form h2, .title-info, #container .client-form h2, #container.faq-inner h2, #container .recover-form h2, #container .frame h2 {
	color:#5d5d5d;
	margin:0 0 .145em;
	font-size:1.6em;
	line-height:1.125em;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	display:block;
	height:1%;
	
}
.main-content{
	width:98%;
	padding:0 0 17px 10px;
}
/*footer*/
#footer_info {
	font-size:.967em;
	margin:0 10px 25px 5px;
	width:98%;
}
#footer_info ul {
	margin:0;
	list-style:none;
	float:left;
	line-height:1.769;
	overflow:hidden;
}
#footer_info li {
	padding:2px 10px 3px;
	white-space:nowrap;
	font-size:.85em;
	line-height:14px;
	margin:0 0 0 -1px;
}
#footer-bg{
	background:url(../images/bg-footer.jpg) no-repeat;
	padding:7px 17px 0 16px;
	margin:0 auto;
	overflow:hidden;
	width:684px;
	height:440px;
}
#footer {
	font-size:.967em;
	margin:30px 0 10px 10px;
	width:98%;
}

#footer .inner{
	height:1%;
	overflow:hidden;
	background:#f3f3f3;
	padding:5px 31px 10px 33px;
}
#footer .main-content-foot{
	overflow:hidden;
	float:left;
	width:684px;
}
#footer ul {
	margin:0;
	list-style:none;
	float:left;
	line-height:1.769;
	overflow:hidden;
}
#footer li {
	float:left;
	padding:6px 9px 3px;
	background:url(../images/split-footer.gif) no-repeat 0 50%;
	white-space:nowrap;
	font-size:.85em;
	line-height:14px;
	margin:0 0 0 -1px;
}
#footer .sidebar-foot{
	float:right;
	width:auto;
	padding-right:0;
}

#content{
	float:left;
	width:70%;
	padding:0 0 0 20px;
}
/*paging*/
#content .paging {
	margin:1px 0 0;
	height:1%;
	padding-left:150px;
	padding-bottom:10px;
}
#content .paging li {
	background:none;
	display:inline;
	padding:5px;
	margin:0 14px 0 0;
}
#content .paging li.active {
	background:#d9d9d9;
}
.paging li.disable a, .paging li.active a {
	text-decoration:none;
	color:#656565;
	cursor:default;
}
div.testimonials{
	width:100%;
	overflow:hidden;
	margin:-15px -24px -9px 0;
}
div.testimonials blockquote{
	background: url(../images/bg-dot.gif) repeat-x 0 100%;
	margin-bottom:-1px;
	padding:0 14px 10px 0;
}
div.testimonials cite{
	background:none;
	display:block;
	padding:5px;
	margin:0 14px 0 0;
}
#form_comment {
	background: url(../images/bg-comment.jpg) no-repeat 0 0;
	height:394px;
	margin:30px 0 6px;
}
.main-form .col-1{
	padding:15px 24px 19px 19px;
	width:315px;
	float:left;
}
.row {
	padding:20px 20px 13px 20px;
}
.row2 {
	padding:0 30px 0px 29px;
}
.row label{
	float:left;
	margin:0 0 6px;
}
.textarea{
	width:600px;
	overflow:auto;
	padding:0;
	margin:0;
	height:156px;
	max-width:651px;
}
.textarea_custom{
	overflow:auto;
	padding:0;
	margin:0;
	max-width:600px;
}
.textarea_upload{
	width:580px;
	overflow:auto;
	padding:0;
	margin:0;
	height:120px;
	max-width:580px;
	max-height:120px;
}
span.error{
	color:#ff0000;
	font-size:0.813em;
	line-height:1.23em;
}

#list {
	background:none;
	display:inline;
}
#content-main{
	width:654px;
	margin:0 0 20px 0;
	overflow:hidden;
}

#content-detail{
    width:100%;
    height:350px;
	margin:0 0 0 0;
	overflow:hidden;
	background:url(../images/bg-image-detail.jpg) no-repeat 0 0;
}

#content-detail .imgdetail{
	float:left;
	margin:60px 0 68px 31px;
}

#content-detail .previnfo{
	float:left;
	list-style:none;
	margin:50px 0 0 15px;
}

#content-detail .previnfo ul {
	margin:0 0 0 12px;
}
#content-detail .previnfo ul#details{
	list-style-type:none;
	margin:0;
}

#content-detail .previnfo ul#details li{
	width:240px;
	margin:0 0 15px 15px;
	padding:0 0 0 25px;
	line-height:normal;
	background:left center no-repeat;
}

#content-detail .previnfo ul#details li.authorname{ background-image:url("../images/asterisk_orange.png");}
#content-detail .previnfo ul#details li.doctype{ background-image:url("../images/doctype.gif");}
#content-detail .previnfo ul#details li.layout{ background-image:url("../images/layout-type.gif");}
#content-detail .previnfo ul#details li.contrast{ background-image:url("../images/contrast.png");}
#content-detail .previnfo ul#details li.tags{ background-image:url("../images/tag_blue.png");}
#content-detail .previnfo ul#details li.downloaditem{ background-image:url("../images/download.png");}
#content-detail .previnfo ul#details li.added{ background-image:url("../images/publish-date.gif"); margin-bottom:0;}
#content-detail .previnfo ul#details li.licence{ background-image:url("../images/licence-type.gif"); margin-bottom:0;}

#list ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#list li {
	float:left;
	padding:5px 7px 13px;
	list-style:none;
	margin:2 14px 0 -2px;
	width:196px;
	text-align:center;
}
#list .temp{
	position:relative;
	float:left;
	display:inline;
	width:208px;
	margin:0 5px 25px 5px;
	padding:0;
	background:url(../images/bg-img-holder.gif) no-repeat;
}
#list .temp2{
	position:relative;
	float:left;
	display:inline;
	width:208px;
	margin:0 5px 25px 0px;
	padding:0;
	background:url(../images/bg-img-holder.gif) no-repeat;
}
#list li span {
	display:block;
	overflow:hidden;
	width:100%;
	height:122px;
	margin:2px 0 15px 0;
}
.img-promo{
	vertical-align:middle;
}
#ad{
	margin:10px 5px 25px 35px;
}

#rating{
	margin:0 5px 25px 35px;
}

#bg-main{
	margin:0 0 0 0;
	overflow:hidden;
	background:url(../images/bg-main.png) repeat 0 0;
}
#bg-bottom-footer{
	margin:0 0 0 0;
	width:650px;
	height:34px;
	overflow:hidden;
	background:url(../images/bg-bottom-footer.png) no-repeat 0 0;
}
.upload-holder{
	width:100%;
	overflow:hidden;
	position:relative;
	clear:left;
}
.upload-box{
	position:absolute;
	width:239px;
	top:3px;
	left:3px;
	text-align:center;
	height:1.063em;
	background:#fff;
}
.b-box{
	width:690px;
	margin:0px -24px 14px -14px;
	background:#f9f8f3 url(../images/bg-b-box.jpg?) repeat-y -690px 0;
}
.b-box .holder{background:url(../images/bg-b-box.jpg?) no-repeat;}
.b-box .frame{
	padding:16px 25px 9px 24px;
	background:url(../images/bg-b-box.jpg?) no-repeat -1380px 100%;
}


#user-information, #upload-template, #upload-script{
    width:654px;
	float:left;
	margin:0 0 0 0;
	overflow:hidden;
}
#user-information ul{
	float:left;
	margin:0px 0 0 30px;
}

#user-information ul li{
	margin:10px 0 0 0px;
}


#upload-template .detail{
	float:left;
	margin:0px 0 10px 2px;
}
#upload-template .col-1{
	width:280px;
	margin:5px 0 0 0;
	float:left;
}
#upload-template .col-1 .text_form, #register .col-1 .password_form{width:250px;}
#upload-template .col-2{
	width:290px;
	margin:5px 0 0 0;
	float:right;
}
#upload-template .col-2 .text_form{width:250px;}
#upload-template .col-2 .password_form{width:250px;}
#upload-template .col-2 input.link, #register .col-1 input.upload-text{width:250px;}

#upload-template .previnfo ul#details li.authorname{ background-image:url("../images/asterisk_orange.png");}
#upload-template .previnfo ul#details li.doctype{ background-image:url("../images/doctype.gif");}
#upload-template .previnforight ul#details li.layout{ background-image:url("../images/layout-type.gif");}
#upload-template .previnforight ul#details li.contrast{ background-image:url("../images/contrast.gif");}
#upload-template .previnforight ul#details li.added{ background-image:url("../images/publish-date.gif");}
#upload-template .previnfo ul#details li.tags{ background-image:url("../images/tags.gif");}


.menu_left{
	float:left;
	width:250px;
	padding:0;
	margin:0 0 0 10px;
}

.sidebar-top{
	float:right;
	width:100%;
	padding:0;
	margin:0 0 0 0px;
	overflow:hidden;
	background:url(../images/bg-sidebar-top.jpg) no-repeat 0 0;
}
.sidebar-bottom{
	float:right;
	width:100%;
	height:10px;
	padding:0;
	margin:0 0 0 0px;
	overflow:hidden;
	background:url(../images/bg-sidebar-bottom.jpg) no-repeat 0 0;
}
.sidebar{
	float:right;
	width:100%;
	padding:0;
	margin:0 0 0 0px;
	overflow:hidden;
	background:url(../images/bg-sidebar.jpg) repeat 0 0;
}
.sidebar-text{
	float:left;
	width:220px;
	padding:3px;
	margin:0 0 0 20px;
}

.sidebar-img{
	float:left;
	width:220px;
	padding:3px;
	margin:0 0 0 15px;
}

.sidebar-text-user{
	float:left;
	width:220px;
	padding:3px;
	margin:0 0 0 40px;
}
.text-category{
	color:#5d5d5d;
	margin:0 0 .145em;
	font-size:1.6em;
	line-height:1.125em;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	display:block;
	height:1%;
	padding:3px;
	margin:20px 0 0 50px;
}

.text-category-main{
	color:#f45c8a;
	margin:0 0 .145em;
	font-size:1.6em;
	line-height:1.125em;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	display:block;
	height:1%;
	padding:3px;
	margin:3px 0 0 30px;
}

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear-forgot:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin:0 0 40px 0px;
}

#breadcrumb {
	margin:0 0 10px 15px;
}

#breadcrumb li {
	display:inline;
	margin:0 0 0 2px;
}
#breadcrumb li .first{
	vertical-align:bottom;
	background:url(../images/bullet2.png) no-repeat 0 0;
}
.gach {
	display:block;
	height:5px;
	margin:2px 12px 0 2px;
	background:url(../images/bg-cont-main.gif) no-repeat 0 0;
}
#login{
    width:640px;
	margin:0 0 0 0;
	overflow:hidden;
}
#login .detail{
	float:left;
	margin:10px 0 10px 15px;
}
#login .col-1{
	width:280px;
	float:left;
}
#login .col-1 .text_form, #login .col-1 .password_form{width:250px;}
#login .col-2{
	width:280px;
	float:right;
}
#login .col-2 .text_form{width:250px;}
#login .col-2 .password_form{width:250px;}
#login .col-2 input.link, #login .col-1 input.upload-text{width:250px;}

#register{
    width:640px;
	margin:0 0 0 0;
	overflow:hidden;
}

#register .detail{
	float:left;
	margin:10px 0 10px 15px;
}
#register .col-1{
	width:280px;
	float:left;
}
#register .col-1 .text_form, #register .col-1 .password_form{width:250px;}
#register .col-2{
	width:280px;
	float:right;
}
#register .col-2 .text_form{width:250px;}
#register .col-2 .password_form{width:250px;}
#register .col-2 input.link, #register .col-1 input.upload-text{width:250px;}


#order{
    width:654px;
	float:left;
	margin:0 0 0 0;
	overflow:hidden;
}

#order .detail{
	float:left;
	margin:5px 0 100px 15px;
}
#order .col-1{
	width:280px;
	float:left;
}
#order .col-1 .text_form, #order .col-1 .password_form{width:230px;}
#order .col-2{
	width:280px;
	float:right;
}
#order .col-2 .text_form{width:230px;}
#order .col-2 .password_form{width:250px;}
#order .col-2 input.link {width:230px;}

#forumrules {
	float:left;
	margin:15px 0 0 0;
	padding:5px;
	width:550px;
	height:120px;
	border:1px solid #b1b1b1;
	background-color:#ffffff;
	overflow:auto;
}
.optional{clear: both; margin:15px 0 11px;}
.optional label{margin:10px;}

input.text_form, input.password_form, input.textarea_form{
	float:left;
	clear:left;
	border:1px solid #b1b1b1;
	margin:0;
	padding:0 4px 1px;
}

/* ribbon */
.ribbon{
	width:117px;
	height:117px;
	position:absolute;
	top:0;
	right:0;
}
.ribbon a{
	display:block;
	height:100%;
	background: url(../images/ribbon.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
}
#fade{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:998;
}

/*
select{
	float:left;
	clear:left;
	width:100%;
	margin:0;
}
*/
.select_css{
	width:100%;
	margin:0;
}
#contact{
	width:98%;
	padding:0px 0 14px 20px;
}
#contact ul{
	
}
#contact ul li{
	padding:5px;
}
#contact ul li input{
	height:15px;
	float:right;
	margin:0 0 0 20px;
	width:400px;
}
#contact ul li select{
	height:22px;
	float:right;
	margin:0 0 0 20px;
	width:405px;
}

input.checkbox, input.radio{
	width:16px;
	height:15px;
	float:left;
	margin:0;
	padding:0;
}
input.checkbox{margin:13px 0 0 0;}


.popup{
	width:425px;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.popup .t, .popup .b{
	height:25px;
	overflow:hidden;
}
.popup .t{background:url(../images/bg-popup-t.png) no-repeat;}
.popup .b{background:url(../images/bg-popup-b.png) no-repeat;}
.popup .c{
	background:url(../images/bg-popup-c.png) repeat-y;
	padding:0 31px 7px;
	width:363px;
}

.popup .c:after{
	content:"";
	display:block;
	clear:both;
}
.popup .b-box{
	width:100%;
	margin:0;
	background:url(../images/bg-popup-b-box.jpg?) repeat-y -363px 0;
}
.popup .b-box .holder{background:url(../images/bg-popup-b-box.jpg?) no-repeat;}
.popup .b-box .frame{
	background:url(../images/bg-popup-b-box.jpg?) no-repeat -726px 100%;
	padding:16px 24px 9px;
}
.popup .inner, .popup-cards .inner{
	float:left;
	width:100%;
	margin:-4px 0 0;
}
.popup .close, .popup-cards .close{
	position:absolute;
	top:14px;
	right:14px;
	font-size:0.75em;
	line-height:1em;
	outline:none;
}
.popup .close img, .popup-cards .close img{vertical-align:top;}
.popup .title, .popup-cards .title{
	font-size:1.563em;
	margin:0 14px 18px;
	font-weight:normal;
	color:#404040;
	line-height:1.12em;
	display:block;
}
.popup input.text, .popup input.password{width:305px;}
.hidden, input.required-text, input.file-text{display:none;}
.popup ul.errors{
	padding:0 10px 7px 0;
	margin:0;
	list-style:none;
}
.popup ul.errors li{
	margin-bottom:5px;
}
span.error{
	color:#c24462;
	font-size:0.813em;
	line-height:1.23em;
}
.popup span.error {float:right;}

/*******************************************************************************
  PAGINATION
*******************************************************************************/
.pagination { border:0; margin:0; padding:0; font-size:10px; }
.pagination a { border:solid 1px #DEDEDE; margin-right:2px; }
.pagination .previous-off, .pagination .next-off { color:#888888; display:inline-block; font-weight:normal; padding:3px 4px; }
.pagination .next a,.pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
.pagination .active{ color:#000000; font-weight:bold; display:inline-block; padding:4px 6px; }
.pagination a:link, .pagination a:visited { display:inline-block; padding:3px 6px; text-decoration:none; }
.pagination a:hover{ text-decoration:none; border: 1px solid #999; }

#news{
	margin:0 0 20px 5px;
}
#news_more{
	margin:0 0 10px 5px;
}