/* CSS Document */
* {
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	text-align:center;
}
img {
	vertical-align:top;
}
a img {
	border:0;
}
ul {
	list-style:none;
	margin-top: 6px;
}
ul li {
	background:url(images/arrow.gif) left 10px no-repeat;
	padding-left:15px;
	line-height:1.692em;
}
html, input, textarea {
	font-family:Arial;
	font-size:0.813em;  
	line-height:1.462em;
	color:#5D5A58;
}
table {
	border-collapse:collapse;
	/* border:0; */
}
input, select {
	vertical-align:middle;
	font-weight:normal;
}
a {
	color:#c00;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#010101;
}
li a {
	text-decoration:underline;
}
.float-l {
	float:left;
}
.float-r {
	float:right;
}
.clear {
	clear:both;
}
#main { width:880px; margin:0 auto; text-align:left;}

/***************header***************/
#header {background: #140903 url(images/logo-img.jpg) top left no-repeat; font-size:1.231em; line-height:1.5em;}
#header .header-back { background:url(images/header-back.gif) bottom left repeat-x;}
#header .float-r {margin-top:0px; width:527px;}
#header .text {margin-top:130px;margin-bottom:24px;width:475px;}
#header .navigation {height:68px; padding-right:0px;width:527px;}
#header .cite {	color:#D6CBAC; font-size: 0.8em; line-height: 1.3em; font-style:italic; }
#header .signature { color:#968B6C; margin-top: 4px; font-size: 0.7em; }

.col-1 {width:285px;}
.col-2 {width:492px;}
#footer {width:350px;}
/***************content***************/
#content {background:url(images/main-back.gif) top left repeat-x; padding-top:34px;}
#content .border {
	background:url(images/content-border.gif) bottom left repeat-x;
	height:16px;
	width:100%;
	margin-bottom: 12px;
}
#content .border-un {background:url(images/content-border.gif) bottom left repeat-x; height:30px; width:100%; }
#content .main {width:812px;}
/***************page-1***************/
.col-1 .float-l {margin:0 5px 0 0;}
.col-1 .float-r {margin:0 5px 0 0; width:210px}
.col-1 {padding:0 0 0 30px;}
.col-2 {padding:0 0 0 40px;}
.col-1 h2, .col-2 h2 {
	color:#150600;
}
.col-1 strong, .col-2 strong {color:#150600;}
.col-1 div {margin:15px 0;}
.col-1 .title, .col-2 .title {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
.col-1 .title-un, .col-2 .title-un {margin:0 0 3px 0;}
.col-2 a img {margin-top:15px;}
#page-1 .col-2 .news {line-height:1.69em;}
#page-1 .col-2 .news span {padding-top:15px}
#page-1 .red {
	border: 2px inset #c00;
	padding: 10px;
}

#feat_detail {
	margin-top: 6px;
}

/***************page-2***************/
#page-2 .col-2 .float-l,
#page-3 .col-2 .float-l {padding-right:30px;}
#page-2 .col-2 .float-l div,
#page-3 .col-2 .float-l div {padding-top:25px;}
#page-2 .col-2 .float-l,
#page-3 .col-2 .float-l {width:205px;}
#page-2 th, td {
	padding: 6px;
}
#page-2 #popup-backend, #page-2 #popup-frontend {
	border: 1px solid #999;
	padding: 8px;
	margin-left: 12px;
	position:absolute;
	display:none;
	top: 440px;
	width: 400px;
	background-color:#FFFFFF;
}
#page-2 #popup-backend h1, , #page-2 #popup-frontend h1 {
	font-size: 1.5em;
	line-height: 1.8em;
}
#page-2 table, #page-8 table {
	border: 1px solid #666;
	border-width: 2px;
}
#page-2 td, #page-2 th, #page-8 td, #page-8 th {
	border-top: 1px solid #ccc;
}
#page-2 th, #page-8 th {
	border-bottom: 1px solid #333;
	background-color: #EEE;
	padding: 6px;
	color: #CC0000;
	font-weight: bold;
}
/***************page-3***************/
/***************page-4***************/
#page-4 .col-1 ul li {background:none; padding:15px 0 0 0;}
#page-4 .col-2 .contacts .con-1,
#page-4 .col-2 .contacts .con-2 {width:170px;}
#page-4 .col-2 .contacts .con-1 {padding:0 80px 0 0;}
#page-4 .col-2 .contacts .con-2 {padding:0 0 0 0;}
#page-4 .col-2 .contacts .con-1 div,
#page-4 .col-2 .contacts .con-2 div {padding-bottom:20px;}
#page-4 .col-2 .contacts .con-1 p,
#page-4 .col-2 .contacts .con-2 p {padding-bottom:0;}
#contact-form {font-size:1em}
#contact-form .float-l div {height:26px; width:178px; padding-right:10px;}
#contact-form .float-l input {height:16px; width:178px; margin:0 5px 2px 0;}
#contact-form .float-l textarea {width:273px; height:42px; }
#contact-form .float-r input {margin:15px 15px 0 10px; }
#page-4 .col-2 p {padding-bottom:10px; }
/***************page-5***************/
#page-8 .screenshotgrid td { padding: 0; border:0; }
#page-8 table.screenshotgrid { border:0; }
/***************footer***************/
#footer {font-size:0.923em; color:#010101; text-align:left; padding:25px 0 40px 0; }
#footer .navigation li { display:inline; background:none; padding:0 8px 0 0; }
#footer .navigation .un a { border-left:none; padding-left:0; }
#footer a {border-left:1px solid #010101; padding-left:11px; text-decoration:none; }
#footer a:hover {text-decoration:underline;}
#footer .copy a {text-decoration:underline; color:#010101; padding-left:8px;}
#footer .copy a:hover {text-decoration:none;}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16pt;
	color: #C00;
	margin-bottom: 14px;
}
