* { margin:0; padding:0;}
body { background:#000; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#7d7c7c;  font-variant:normal;}

input, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1.22em; width:250px; background-color:#FFF; border:1px solid #cccccc;}
table {border-collapse:collapse;}
textarea {height:55px;}
A {
 outline: none;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:5px 0; padding:0;}
h1 { margin:0 0 10px 0; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#cccccc; font-variant:small-caps; font-size:22px;}
h2 { margin:10px 0 10px 0; padding:0; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#cccccc; font-variant:small-caps; font-size:20px;}
h2 a {color:#cccccc; text-decoration:none;}
.tail-top { background:url(images/tail-top.gif) left top repeat-x #040404;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form label { display:block; height:26px;} 
#contacts-form label input { width:393px; padding:2px 0 3px 3px; color:#a4a4a4; background:#161718; border:1px solid #a4a4a4;}
#contacts-form textarea {width:401px; height:92px; padding:2px 0 2px 3px; margin-bottom:15px; color:#a4a4a4; background:#161718; border:1px solid #a4a4a4; overflow:auto;}

/*==================list====================*/
ul { list-style:none;}

.nav { position:absolute; top:230px; margin-left:205px; text-transform:uppercase; font-size:10px;}
.nav li { display:inline; padding:0 12px;}
.nav li a { color:#b88312; text-decoration:none;}
.nav li a:hover { color:#fff;}
.nav li a.current { color:#fff;}

.puzzle { width:100%; overflow:hidden;}
.puzzle li { float:left; width:106px; margin-right:2px;}

ol li { background:url(images/arrow1.gif) no-repeat left 3px; padding:0 0 12px 15px;}
ol li a { color:#21638d;}

.list2 { width:100%; overflow:hidden;}
.list2 li { float:left; width:210px; text-align:center; padding-bottom:16px;}
.list2 li img { display:block; margin:0 auto 12px auto;}
.list2 li a { color:#21638d;}
.list2 li a:hover { color:#fff;}

.list3 li { width:100%; overflow:hidden; padding-bottom:12px;}
.list3 li span  { float:right;}
.list3 li a { color:#21638d; background:url(images/arrow1.gif) no-repeat left top; padding:0 0 0 16px;}

/*==================other====================*/
.img-indent { margin:0 0 0 0;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:16px;}
.p2 { margin-bottom:10px;}


/*=================txt, links, lines, titles====================*/
a {color:#999999;}
a:hover{text-decoration:none;}

.txt1 { color:#fff;}

.link1 { text-decoration:none;}
.link1:hover { text-decoration:underline;}

.title { margin-bottom:26px;}

/*==================boxes====================*/
.box-1 { background:url(images/box1-bg.jpg) left top repeat-y; width:100%;}
.box-1 .top { background:url(images/box1-top.jpg) no-repeat left top;}
.box-1 .bottom { background:url(images/box1-bottom.jpg) no-repeat left bottom; width:100%; min-height:371px; height:auto !important; height:371px;}
.box-1 .inner { padding:54px 25px 50px 30px;}

.cont-box { padding:0 20px 0 0; margin:0;}
.cont-box span { float:right;}


/*header*/
#header .row-1 { height:235px;}
#header .row-1 .indent { padding:0; text-align:center;}
#header .row-2 { height:235px; }
#header .slogan { position:absolute; top:584px; text-align:center; width:980px; margin-left:-28px; text-transform:uppercase;}
#header .slogan span { color:#fff;}

/*content*/
#content { padding:0 31px 0 28px;}
#content .row-2 { padding:10px 30px 10px 30px; text-align:right;}

/*footer*/
#footer { color:#cccccc; text-align:center; height:100px; margin-top:30px; background-color:#000000;}
#footer p { padding:24px 0 5px 0; margin:0;}
#footer a {color:#3d4245; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/
#main {width:980px; margin:0 auto; position:relative;}

#header {height:546px; background:url(images/header-bg.jpg) no-repeat left top; padding:0 31px 0 28px;}
#header, #content, #footer { font-size:12px;}

.col-1, .col-2, .col-3 { float:left;}

/*======= index.html =======*/
#page1 #content .row-1 .col-1 {width:460px;}
#page1 #content .row-1 .col-2 { width:405px;}
#page1 #content .row-2 .col-1 { width:287px;}
#page1 #content .row-2 .col-2 { width:291px;}
#page1 #content .row-2 .col-3 { width:182px;}

.bord td {border:1px solid #444444; padding:5px;}
strong {color:#999;}
.otst td {padding:10px; border-top:1px solid #444444;}