@charset "utf-8";
/************************************************************************
**************** GLOBAL RESET + HOLYSHIT:] ******************************
************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left}
a {outline: 0} /*anti-firefox*/
/* CLEAR FIX*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0} 
.clearfix {display: inline-block} 
* html .clearfix {height: 1%}
html[xmlns] .clearfix {display: block} 
/************************************************************************
******************* BASE LAYOUT ******************************************
************************************************************************/
html, body, #main {height: 100%}
body {position:relative; min-height: 738px; min-width:1000px; background: #615370}
#wrap {
	position:absolute; bottom: 0;
	width: 100%;
	height: 738px;

	background: url(img/wrap_border_bg.jpg) no-repeat center bottom;
}
#wrap-out {
	height: 100%;
	min-height: 738px;
	background: #615370 url(img/body_borders_bg.png) no-repeat center bottom;	
}
#main {
	position:relative;
	margin: 0 auto;
	width: 1000px;
	height: 738px;
	background: url(img/main_empty_bg.jpg) no-repeat;
}
#main-bg {display:block}


/************************************************************************
********************* CONTENT *******************************************
************************************************************************/
#c-wrap {position:absolute; top: 198px; left: 10px; width: 462px; background: url(img/content_bg.png) repeat-y}
#content {width: 100%; padding: 17px 0 0 0}
#content ul {margin: 3px 0 0 10px;}
#content ul li {list-style:none; background:url(img/elements.png) no-repeat -100px -193px; padding-left: 10px;}

#content p {text-align: justify;}
#content p, #content ul {margin-bottom: 12px}

/*********************PageMain Version 2.0 - MAIN-NAVIGATION **********/
#main-navigation {position:relative}

#main-navigation dt {
	float:left;
	clear:left;
	width: 140px;
	margin-right: 5px;
	height: 24px;
	text-align:right;
	color:#f8be80;
}
#main-navigation dd {height: 24px}
#main-navigation dd a {color: white;text-decoration:none;}
#main-navigation dd a:hover {text-decoration:underline}

#main-navigation dd i {
	display: inline-block;
	background: url(img/main_navigation_bullet.png) no-repeat 0 2px;
	width: 6px;
	height: 10px;
	padding: 0;
	margin: 0 7px;
}

#welcome-image {position:relative; margin: 18px auto 16px 13px}
/************************************************************************
********************* SECTIONS ******************************************
************************************************************************/
#contacts-top, #logo {text-indent: -9999px;}

#logo {position:absolute; top: 16px; left: 7px;background: url(img/logo.jpg) no-repeat;width: 466px;height: 83px}
#contacts-top {position:absolute; top: 159px; left: 7px;width: 466px;height: 30px;background: url(img/contacts_top.png) no-repeat;}

#contacts-bottom {position:absolute; bottom: 0px; left: 488px;background: url(img/elements.png) no-repeat;width: 462px;height: 98px;}

#contacts-bottom a:hover {text-decoration:none}

#contacts-bottom div {float: left;width: 180px;margin: 20px 0 0 40px;display:inline;}
#copyright {position:absolute; top: 640px; left: 8px;width: 400px;background: url(img/elements.png) no-repeat -2px -298px}

#dev-info {position:absolute; top: 690px; left: 8px; padding-top: 10px; background: url(img/elements.png) no-repeat 1px -390px}
#dev-info a {display:block;margin: 0 0 2px 75px;}
#dev-info .rankwing-logo {position:absolute; top: 0; left: 0;margin-left: 0;background: url(img/elements.png) no-repeat 0px -200px;width: 68px;height: 32px;}

/************************************************************************
**************** COMMON text, font styles  ******************************
************************************************************************/
#main {font: 14px Arial, Helvetica, sans-serif;color: white;}
#content p, #content ul li {line-height: 19px;}

strong {font-weight: bold}
#copyright {font-size: 12px; line-height: 14px}
#copyright a { color:white; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }
#dev-info {font-size: 10px}
#dev-info a {color: #FFFFCC; text-decoration:none}
#dev-info a:hover {text-decoration:underline}

#contacts-bottom div {font-family: Verdana, Geneva, sans-serif; font-size: 16px; line-height: 20px}
#contacts-bottom div a {display:inline-block; color: white; margin-bottom: 2px}

#main-navigation {font: 20px "Arial Narrow", "Times New Roman", Times, serif}