* {
    margin: 0;
    padding: 0;
}

a:hover, a:active, a:focus {
    outline: none;
}

body {
    background: #010c17 url(../images/background.jpg) no-repeat top center;
}

/*home*/

#wrapper {
    width: 900px;
    margin: 0 auto;
    padding: 0 0 50px;
}

#main {
    margin: 30px auto 0;
    border: 1px solid #222d39;
    background: url(../images/bg_main2.png) repeat;
    padding: 17px 28px 28px;
}

#logo {
    background: url(../images/logo.gif) no-repeat;
    float: left;
    width: 313px;
    height: 33px;
}


/* Menu */

#header {
    width: 100%;
    overflow: hidden;
}

.menu {
    float: right;
    list-style: none;
}

.menu li {
    float: left;
    padding-left: 10px;
}

.menu li a {
    display: block;
    height: 34px;
}

#menu_home {
    background: url(../images/menu_home.gif) no-repeat top center;
    width: 123px;
}

#menu_home:hover {
    background-position: bottom center;
}

#menu_library {
    background: url(../images/menu_library.gif) no-repeat top center;
    width: 130px;
}

#menu_library:hover{
    background-position: bottom center;
}

#menu_about {
    background: url(../images/menu_about.gif) no-repeat top center;
    width: 171px;
}

#menu_about:hover {
    background-position: bottom center;
}

#text-outer {
    background: url(../images/top_corners.gif) no-repeat top center;
    width: 840px;
}

#text-outer #text {
    background: url(../images/bottom_corners.gif) no-repeat bottom center;
    width: 814px;
    padding: 0 13px;
}

#text-outer #text p {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #babec1;
    padding: 13px 0;
    line-height: 1.5;
}

#home_pic {
    margin: 0 0 27px 0;
    background: url(../images/picture.jpg) no-repeat 0 0;
    width: 840px;
    height: 280px;
}


/* about_author*/
.content_body {
    padding: 17px 0 0;
}

.content {
    overflow: hidden;
    width: 100%;
    margin: 27px 0 0 0;
}

#photo_autor {
    float: left;
    width: 157px;
    overflow: hidden;
    padding-right: 0;
}

#text_author {
    margin-left:176px;
    width: 663px;
    background: url(../images/coners_top_author.gif) no-repeat top center;
}

#text_author div.bottom {
    background: url(../images/coners_bottom_author.gif) no-repeat bottom center;
    padding: 0 13px;
}

#text_author p {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #a1a6ad;

    padding: 13px 0;
}

#text_author p  a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #a1a6ad;
    text-decoration: none;
}

#text_author p  a:hover {
    color: #0257ae;
}

.hr {
    width: 100%;
    height: 2px;
    background: url(../images/hr.gif) repeat-x 0 0;
    margin:0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* library*/

#pic_library {
    float: left;
    width:186px;
    overflow: hidden;
    margin: 0;    
}

#pic_library img {
    margin: 0 0 20px 0;
}

#text_library {
    margin-left:208px;
    width:630px;
    background: url(../images/top_coners_library.gif) no-repeat top center;
}

#text_library div.bottom {
    width: 604px;
    padding: 13px;
    background: url(../images/bottom_coners_library.gif) no-repeat bottom center;
}

#text_library div.bottom h2 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #f1f1f2;
    margin: 0;
}

#text_library  div.bottom p {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #b8bcc1;
    line-height: 1.5;
    padding: 13px 0;
}

.content li {
    list-style-type: none;
    background: url(../images/bg_spisok.png) repeat;
    width: 172px;
    height: 21px;
    padding: 0 0 0 12px;
}

.content li  a {
    background: url(../images/plus.gif) no-repeat left center;
    text-decoration: none;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    padding: 3px 0 3px 12px;
}

.content li  a:hover {
    color: #397fc7;
    background: url(../images/plus_hover.gif) no-repeat left center;
}



/* Footer */
#footer {
    margin: 19px auto 0;
    width: 823px;
    border: 1px solid #222d39;
    background: url(../images/bg_main.png) repeat;
    overflow: hidden;
    padding: 15px 38px;
}

#footer li {
    list-style-type: none;
    color: #b6b8bb;
    float: left;
    padding: 0 5px;
    font-size: 12px;
}

#footer a, #footer p{
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #b6b8bb;
}

#footer a:hover {
    color: #0257ae;
}

#footer p {
    float: right;
}

/* =Forms begin */
.message_box {
	border: solid 1px #ccc;
	padding: 10px;
	width: 50%;
	margin: 1em auto;	
	overflow: hidden;
}
.message {
	text-align: center;
	font-weight: bold;
	padding: 1em;
}
.f_invalid {
	border: solid 1px red;
}
.f_row label {
	color: #ffffff;
	float: left;
	padding: 2px 4px 2px 0px;
}
.f_row input {
	width: 100px;
}
fieldset.data_container {
	border: 0px;
}
fieldset.data_container .f_row {
	overflow: hidden;
	padding: 2px 0px;
	clear: both;
}
fieldset.data_container .f_row label {
	float: left;
	width: 100px;
	padding: 2px 4px 2px 35%;
}
fieldset.data_container .checkboxes {
	padding: 2px 0px;
}
fieldset.data_container .checkboxes input {
	margin: 0px;
	padding: 0px;
	width: auto;
}
fieldset.data_container .f_row .f_inputs {
	padding-left: 35%;
}
fieldset.data_container .warning_mess {
	color: red;	
	text-align: left;
	padding-bottom: 20px;	
	font-weight: bold;
	padding-left: 35%;
}

fieldset.data_container .warning_mess table {
	margin: auto;		
}
fieldset.data_container .warning_list ul {
	margin: 0px;
	padding: 5px 0px 5px 35%;
	text-align: left;
}
fieldset.data_container .warning_list li {
	text-align: left;
}
fieldset.data_container .box_images {
	text-align: center;
}
.f_buttons {
	padding-left: 45%;
	margin-left: 4px;	
}

.f_buttons input
{	
	width:0px;
	height:0px;
	position:absolute;
	left: -20px;
}

.f_inalid {
	border-color: red;
}
.help_link {
	padding-left: 45%;
}
.f_radio {
	
}

/* =Buttons begin */
.btn, .btn span {
    font: bold 12px/20px Arial, Helvetica, sans-serif;
    height: 20px;
    border: 2px;
    cursor: hand;
    color: #fff;
}
.btn span {
    border: 1px solid white;
    padding: 0px 10px;
    background-position: 0px -20px;
}
.btn span input {
	display: none;
}

.btn:hover span {
    color: #AAAAAA;
}
input.btn {
    background: #333;
}
input.btn_ov {
    background: #000;
}
.btn_left {
	margin-right: 0.5em;
}
/* Buttons end */