* {margin: 0; padding: 0;}
html {background: #002157;}
body  {font: normal 12px Tahoma, Geneva, sans-serif; color: #b3bdcd; background: #002157;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px; display: block;}
ul {list-style: none;}
img {border: none;}
a {text-decoration: underline; color: #fff799;}
a:hover {text-decoration: none;}
input, textarea {outline: none;}

@font-face {
    font-family: 'myriadpro';
    src: url('../fonts/myriadpro-regular-webfont.eot');
    src: url('../fonts/myriadpro-regular-webfont.eot?iefix') format('eot'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-regular-webfont.svg#webfontZ2WZryns') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-semibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot');
    src: url('../fonts/myriadpro-semibold-webfont.eot?iefix') format('eot'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
         url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-semibold-webfont.svg#webfontZ2WZryns') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*center*/
.center {width: 1254px; margin: 0px auto;}
/*center*/

/*head*/
.head {height: 156px; position: relative; z-index: 3;}
.head-small {height: 102px;}

.head .menu {position: absolute; left: 0; top: 0; font-family: myriadpro; text-transform: uppercase; z-index: 2;}
.head .menu li.item {float: left; width: 148px; border: 3px solid ; border-top: none; margin-right: 1px; text-align: center; position: relative; z-index: 2;}
.head .menu li a {display: block; position: relative;}
.head .menu li a {height: 43px; padding: 35px 0 0 0; color: #0f192a; text-decoration: none;  text-shadow: #562a08 -1px -1px 1px; background: url(../images/bullet.gif) 50% 27px no-repeat; border-top: none;}
.head .menu li.withdrop:hover {border: 1px solid ; border-top: none; padding: 0 2px 5px 2px;}
.head .menu li.withdrop:hover a {color: ; text-shadow: none; padding: 24px 0 0 0; height: 55px; background: url(../images/bullet2.gif) 50% 42px no-repeat;}

.head .menu li.withdrop div.drop {position: absolute; left: -1px; top: -9999px; background: #fff; border: 1px solid ; border-top: none; padding: 0 3px 3px 3px;}
.head .menu li.withdrop div.drop2 {position: absolute; left: -1px; top: -9999px; background: #fff; border: 1px solid ; border-top: none; padding: 3px;}
.head .menu li.withdrop div.az2 {border-top: 1px solid ; border-left: 1px solid ; width: 145px; margin: 3px auto 0px auto; font: normal 12px Tahoma, Geneva, sans-serif;}
.head .menu li div.az2 div {background: #FFFFFF; padding: 1px; border-bottom: 1px solid ; border-right: 1px solid ;}
.head .menu li div.az2 div {float: left; width: 26px; height: 26px;}
.head .menu li div.az2 a {color: #fff799 !important;}
.head .menu li div.az2 a, .head .menu li.withdrop:hover div.az2 a, .head .menu li.withdrop:hover div.az2 a:hover {background: none; padding: 6px 0 0 0; height: 20px; width: 26px; float: left; text-shadow: none;}
.head .menu li.withdrop:hover div.az2 div a:hover {background: ;  color: #ffffff !important;}

.head .menu li .top2 {width: 1035px; border-top: 1px solid ; border-left: 1px solid ;}
.head .menu li .top2 ul {width: 207px; float: left;}
.head .menu li .top2 li {height: 29px; text-align: left !important; border-bottom: 1px solid ; border-right: 1px solid ;}
.head .menu li .top2 a {display: block; height: 22px !important; background: #ffffff !important;  position: relative; padding: 7px 0 0 40px !important; text-transform: uppercase; text-decoration: none; color: #fff799 !important;}
.head .menu li .top2 span {position: absolute; width: 28px; height: 21px; padding-top: 7px; display: block; left: 1px; top: 1px; text-align: center; color: ; font-weight: bold; border-right: 1px dotted ;}
.head .menu li .top2 a:hover {background:  !important; border: 1px solid #fff !important; padding: 6px 0 0 39px !important; height: 21px !important; color: #ffffff !important;}
.head .menu li .top2 a:hover span {left: 0; top: 0; border-right: 1px solid #fff; background: ; height: 20px; color: #ffffff;}

.head .menu li.withdrop:hover div.drop, .head .menu li.withdrop:hover div.drop2 {top: 83px;}

.head .block {border: 3px solid ; border-top: none; width: 627px; position: absolute; right: 0; top: 0; height: 78px;}

.head .block .logo {background: url(../images/logo.png) 0 0 no-repeat; width: 237px; height: 77px; position: absolute; left: 41px; top: 0;}
.head .block .logo a {height: 77px; text-indent: -9999px; overflow: hidden; display: block;}
.social {position: absolute; top: 23px; left: 315px; padding: 0 0 0 1px; width: 260px;}

.head .desc {width: 700px; left: 0; top: 96px; color: #b3bdcd; position: absolute; z-index: 1;}
.head .desc h1 {font-size: 12px; font-weight: bold; display: inline;}

.promo {font-family: myriadpro; font-size: 12px; color: ; position: absolute; left: 633px; top: 102px; text-align: right; z-index: 1; width: 300px;} 
.promo p {font-size: 34px; line-height: 24px;}
.promo span {text-transform: uppercase;}

.search {position: absolute; left: 948px; top: 102px; width: 294px; height: 29px; padding: 3px 0 0 10px; background: #fff; border: 1px solid ;}
.search input[type="text"] {width: 225px; margin-right: 10px; background: none; border: none; font: normal 12px Tahoma, Geneva, sans-serif; color: #000; float: left; margin-top: 6px;}
.search input[type="submit"] {background: none; border: none; width: 100%; height: 24px; cursor: pointer; text-align: center; font-family: myriadpro; font-size: 11px; color: #ffffff; text-shadow: #f5740d -1px -1px 1px; text-transform: uppercase;}
.search span {height: 24px; display: block; width: 54px; float: left; border: 1px solid ;}
/*head*/

/*thumbs*/
.thumbs {padding-bottom: 8px;}
.thumbs div {border: 1px solid ; width: 300px; float: left; margin: 0 10px 10px 0; background: #fff; padding: 2px; position: relative; z-index: 1;}
.thumbs div.last {margin-right: 0;}
.thumbs a {text-decoration: none;}
.thumbs div span.category {position: absolute; left: 2px; bottom: 2px; width: 300px; height: 28px; padding-top: 5px; color: #002157; font-size: 18px; text-align: center; text-transform: uppercase; z-index: 2;}
.thumbs div span.opacity-block {position: absolute; left: 2px; bottom: 2px; width: 300px; height: 33px; background: #334d79; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 è íèæå */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ text-transform: uppercase; z-index: 1;}
.thumbs div:hover {background: ;}
.thumbs a:hover span.category {color: #ffffff; text-decoration: underline;}
.thumbs a:hover span.opacity-block {background: #ccd8ed;}
/*thumbs*/

/*header*/
.header {height: 40px; position: relative;}
.header2 {margin-bottom: 20px; text-align: center;}
.header h2, .header2 h2 {padding: 0 0 0 36px; font-size: 29px; color: ; font-weight: normal; font-family: myriadpro-semibold;}
.header h1, .header2 h1 {padding: 0 0 0 36px; font-size: 29px; color: ; font-weight: normal; font-family: myriadpro-semibold;}
.header2 h2 {padding: 0 ;}
.header div {padding: 0 0 0 36px; font-size: 25px; color: #7a4014; font-weight: normal; font-family: myriadpro-semibold;}
.header span {display: block; width: 25px; height: 25px; position: absolute; left: 0; top: 4px; border: 1px solid ; z-index: 1;}
.header span em {background: url(../images/bullet3.gif) 50% 10px no-repeat; position: static; border: none; height: 25px; width: 25px; display: block; z-index: 2;}

.header span.bullet2 {display: block; width: 25px; height: 25px; position: absolute; color: #0f192a; left: 0; top: 4px; z-index: 1;}
.header span.bullet2 em {background: url(../images/bullet5.gif) 50% 8px no-repeat; position: static; border: none; height: 25px; width: 25px; display: block; z-index: 2;}
/*header*/

/*thumbs2*/
.thumbs2 {padding-bottom: 14px;}
.thumbs2 div {border: 1px solid ; width: 240px; height: 320px; float: left; margin: 0 6px 6px 0; background: #fff; padding: 2px; position: relative;}
.thumbs2 div.last {margin-right: 0;}
.thumbs2 a {text-decoration: none;}
.thumbs2 div span.category {position: absolute; left: 2px; bottom: 2px; width: 240px; height: 22px; padding-top: 7px; color: #002157; font-size: 12px; text-indent: 10px; text-transform: uppercase; z-index: 2;}
.thumbs2 div span.opacity-block {position: absolute; left: 2px; bottom: 2px; width: 240px; height: 29px; background: #334d79; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 è íèæå */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ text-transform: uppercase; z-index: 1;}
.thumbs2 div:hover {background: ;}
.thumbs2 a:hover span.category {color: #ffffff; text-decoration: underline;}
.thumbs2 a:hover span.opacity-block {background: #ccd8ed;}
/*thumbs2*/

/*thumbs3*/
.thumbs3 {padding-bottom: 14px;}
.thumbs3 div {border: 1px solid ; width: 240px; float: left; margin: 0 6px 6px 0; background: #fff; padding: 2px; position: relative;}
.thumbs3 div.last {margin-right: 0;}
.thumbs3 a {text-decoration: none;}
.thumbs3 div:hover {background: ;}
/*thumbs3*/

/*thumbs4*/
.thumbs4 {padding-bottom: 14px;}
.thumbs4 div {width: 246px; float: left; margin: 0 6px 6px 0; position: relative;}
.thumbs4 img {background: #fff; padding: 2px; border: 1px solid #e2be52;}
.thumbs4 div.last {margin-right: 0;}
.thumbs4 a {text-decoration: none;}
.thumbs4 div:hover img {background: #e2be52;}
.thumbs4 p {background: #fff; border: 1px solid #e2be52; border-top: none; height: 101px; padding: 1px 10px 0 10px;}
.thumbs4 p a {font-size: 14px; text-decoration: underline; font-weight: bold;}
.thumbs4 p a:hover {text-decoration: none;}
.thumbs4 p a.q01 {background: url(../images/bullet6.gif) 0 6px no-repeat; padding: 0 0 0 12px;}
.thumbs4 p span {display: block; font-size: 11px; margin: 5px 0 5px 0;}
/*thumbs4*/

/*block2*/
.block2 {background: #fff; border: 1px solid ; height: 32px; position: relative; margin-bottom: 20px;}

.pages {position: absolute; top: 3px; right: 0; font-size: 11px;}
.pages span, .pages a {display: block; float: left; position: relative; margin-right: 3px;}
.pages span.q01 {padding: 7px 7px 0 0; text-transform: uppercase;}
.pages a {width: 24px; height: 19px; padding-top: 5px; text-align: center; border: 1px solid ; color: #0f192a; text-decoration: none;} 
.pages a.prev, .pages a.next {width: auto; padding: 5px 8px 0 8px; color: #ffffff; text-transform: uppercase; border: 1px solid ;}
.pages a.active {border: 1px solid #fff799;}

.filter {position: absolute; top: 3px; left: 3px;}
.filter span, .filter a {display: block; float: left; padding: 5px 10px 0 10px; height: 19px; position: relative; text-transform: uppercase; margin-right: 3px;}
.filter span {background: #002157; padding-top: 6px; height: 20px;}
.filter a {color: #ffffff; text-decoration: none;}
.filter a.q02 {border: 1px solid #fff799;}
.filter a.q03 {border: 1px solid ;}
/*block2*/

/*block3*/
.block3 {background: #fff; border: 1px solid ; padding: 2px; position: relative; width: 1249px; margin-bottom: 20px;}
.top, .top3 {position: relative; background: ; padding: 1px 0 0 1px;}
.top ul, .top3 ul {width: 207px; float: left; margin-right: 1px;}
.top li, .top3 li {height: 29px; position: relative; margin-bottom: 1px;}
.top a, .top3 a {display: block; height: 22px; background: #ffffff;  position: relative; padding: 7px 0 0 40px; text-transform: uppercase; text-decoration: none;}
.top a span.count, .top3 a span.count {position: absolute; width: 28px; height: 21px; padding-top: 7px; display: block; left: 1px; top: 1px; text-align: center; color: ; font-weight: bold;}
.top a span.dots, .top3 a span.dots {position: absolute; left: 29px; top: 0; height: 28px; width: 1px; border-left: 1px dotted ;}
.top a:hover, .top3 a:hover {background: ; border: 1px solid #fff; padding: 6px 0 0 39px; height: 21px; color: #ffffff;}
.top a:hover span.count, .top3 a:hover span.count {left: 0; top: 0; background: ; height: 20px; color: #ffffff;}
.top a:hover span.dots, .top3 a:hover span.dots {position: absolute; left: 28px; top: 0; height: 27px; width: 1px; border-left: 1px solid #fff;}
/*block3*/

/*block4*/
.block4 {border: 3px solid ; background: ; position: relative; margin-bottom: 16px;}
.block4-wrapper {padding: 1px; position: relative;}
.block4-wrapper2 {padding: 0; height: 54px; position: relative;}

.block4 .promo {color: #002157; left: 613px; top: 10px}
.block4 .search {position: absolute; left: 928px; top: 10px;}

.block4 .social2 {position: absolute; top: 12px; left: 14px; width: 250px;}
/*block4*/

/*links*/
.links {padding-bottom: 18px;}
.links a {text-decoration: none; margin-right: 14px; line-height: 18px; padding: 0 0 0 11px; background: url(../images/bullet4.gif) 0 4px no-repeat; color: #742500; font-weight: bold;}
.links a:hover {text-decoration: underline;}
/*links*/

/*links2*/
.links2 {border: 1px solid ; position: relative; margin-bottom: 16px;}
.links2-wrapper {border: 2px solid #fff; position: relative; padding: 72px 0 0 0;}
.links2 .search {left: 601px; top: 18px;}
.links2 .promo {left: 286px; top: 20px} 
.links2-in {padding: 0 0 20px 20px;}
.links2-in a {margin: 0 25px 0 0; color: ;}
/*links2*/

/*paysite*/
.paysite {border: 1px solid ; position: relative; margin-bottom: 16px;}
.paysite-wrapper {border: 2px solid #fff; position: relative;}
.paysite-in {padding: 20px;}
.paysite-in img {padding: 2px; background: #fff; border: 1px solid ; float: left; margin: 0 20px 0 0;}
.paysite-in a {font-size: 28px; font-family: myriadpro; letter-spacing: -0.5px;}
.paysite-in a.q01 {font-size: 30px;}
.paysite-in .info {width: 880px; float: left;}
.paysite-in span {display: block; font-size: 18px; color: ; margin-bottom: 15px;}
.paysite-in p {color: ; font-size: 14px; margin-bottom: 15px; line-height: 18px;}
/*links2*/

/*button*/
.button-wrapper {width: 415px; letter-spacing: -1px; margin: 0px auto 16px auto;}
.button {border: 1px solid ; background: #fff; height: 32px; position: relative; display: inline-block; padding: 3px 0 0 3px; width: auto;}
.button a {position: relative; border: 1px solid ; font-size: 16px; font-family: myriadpro; text-decoration: none; text-transform: uppercase; height: 24px; padding: 3px 10px 0 10px; display: inline-block; margin: 0 3px 0 0; color: #ffffff;}
/*button*/

/*az*/
.az {padding: 6px 0 20px 0;}
.az table {font-size: 11px;}
.az td {padding: 0 0 0 20px; border-right: 1px dotted #e2bf52; width: 192px !important; vertical-align: top;}
.az td.last {border: none;}
.az td.first {padding: 0 0 0 0;}
.az h3 {font-family: myriadpro; font-weight: bold; font-size: 15px; color: ; margin-bottom: 0;}
.az a {font-weight: bold; color: #fff799; text-decoration: none;}
.az li {background: url(../images/bullet4.gif) 0 6px no-repeat; padding: 2px 0 5px 16px; position: relative; width: 159px;}
.az li:hover a {text-decoration: underline;}
.az ul {padding-bottom: 5px;}
/*az*/

/*list*/
.list {position: absolute; top: 3px; right: 0; font-size: 11px; text-transform: uppercase;}
.list a {width: 24px; height: 19px; padding-top: 5px; text-align: center; border: 1px solid ; color: #0f192a; text-decoration: none; display: block; float: left; position: relative; margin-right: 3px; white-space: nowrap;} 
.list a.active {border: 1px solid #fff799;}
/*list*/

/*biograph*/
.biograph {background: #fff; position: relative; border: 1px solid ; margin-bottom: 20px;}
.model-info {width: 1038px; float: left; padding: 2px 0 2px 0;}
.model-info .info-table  {border-top: 1px solid ; border-left: 1px solid ; position: relative;}
.model-info .param {width: 177px; padding: 4px 10px 8px 20px; float: left; font-size: 12px; font-weight: bold; border-right: 1px solid ; border-bottom: 1px solid ;}
.model-info .param-info {width: 798px; padding: 4px 10px 8px 20px; float: left; clear: right; border-right: 1px solid ; border-bottom: 1px solid ;}
.biograph .photo {width: 186px; float: left; padding: 12px;}
.biograph .photo img {background: #fff; padding: 2px; border: 1px solid ; margin-bottom: 4px;}
.biograph .photo p {font-family: myriadpro; color: #401c00; font-size: 16px; line-height: 18px;}
.biograph .photo span {display: block; color: #7a4014; font-family: myriadpro-semibold; font-size: 22px;}
.info-table .odd {background: #0f192a;}
.info-table .first {position: relative;}
.info-table .last {position: relative;}
/*biograph*/

/*big*/
.big {text-align: center; padding: 10px 0 20px 0;}
.big img {padding: 2px; border: 1px solid ; background: #fff;}
.big .q01 {padding-top: 14px; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: ;}
.big .q01 span {color: #b3bdcd;}
.big .q02 {padding-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 24px; color: ;}
/*big*/

/*footer*/
.footer {border: 1px solid ; border-bottom: none; position: relative;}
.footer-wrapper {border: 2px solid #fff; border-bottom: none; position: relative; padding: 0 18px 0 18px;}

.footer .copy {font-size: 11px;}
.footer .copy a {color: #b3bdcd;}
.footer .copy p {padding-bottom: 12px;}

.footer .menu {padding: 12px 0 0 0;}
.footer .menu li {float: left; margin-right: 20px; background: url(../images/bullet4.gif) 0 5px no-repeat; padding: 0 0 13px 11px; font-weight: bold;}
/*footer*/