.cf:before,
.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
* {
    padding:0;
    margin:0;
}

body {
    background:#2F89E1 url('../images/bg.jpg') no-repeat 50% 0;
    color:#1f282c;
    font:11px tahoma, arial, helvetica, sans-serif;
    cursor:default;
}

h1, h2, h3, h4, h5 {
    font-weight:normal;
}

h1 {
	font-size:22px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}

h5 {
    font-size:14px;
}

a img {
    border:none;
}

textarea {
    resize:vertical;
}

ul, ol {
    list-style:none;
}

:focus {
    outline:none;
}

.clr {
    clear:both;
}
    
table {
	border-collapse:collapse; 
    border-spacing:0;
}
    
p {
	margin:10px 0;
}

hr {
    color:#aaa;
    border:0 none;
    border-top:1px dotted #aaa;
    height:1px;
}

a, a:visited {
    color:#006a9b;
    text-decoration:none;
}

a:hover, a:active {
    color:#222;
    text-decoration:none;
}

.lcol {
	float:left;
}
    
.rcol {
	float:right;
}
        
.wrapper {
    margin:0 auto;
    width:987px;
    padding:0 10px;
}

.thide {
    display:block;
    overflow:hidden;
    font-size:0;
}

#topmenu {
    margin-top:35px;
}

.logo {
    background:url('../images/logo.png');
    width:275px;
    height:69px;
    margin-top:-25px;
}

.nav-bar {
	margin-left:295px;
    height:45px;
    background:url('../images/top-panel.png') repeat-x;
    border-radius:25px;
	box-shadow:0px 0px 5px rgba(0,0,0,.2);
}

.search-box {
    margin:7px 10px 0 0;
    border-radius:15px;
    box-shadow:0 1px 3px rgba(0, 0, 0,.1) inset;
    background:#f1f2f6;
    width:180px;
    height:30px;
}

.input-text {
    width:145px;
    height:29px;
    padding-left:8px;
    border:none;
    background:none;
    font-size:12px;
}

.ser-button {
    position:relative;
    right:3px;
    top:3px;
    z-index:105;
    cursor:pointer;
    border:none;
    width:20px;
    height:16px;
    background:url('../images/search-button.png') no-repeat;
}

#topnav {
    margin-left:15px;
    height:45px;
}

#topnav li {
	float:left;
	display:inline;
	position:relative;
}

#topnav ul li {
	padding:0;
	float:none;
	border:none;
	display:block;
}

#topnav li.hover li {
    border:none;
}

#topnav li div {
	position:absolute;
	top:15px;
	left:-9999px;
	width:100px;
	z-index:9999;
}

#topnav li.hover div {
    left:0;
}

#topnav li {
	margin-right:0px !important;
	border:none !important;
}

#topnav a {
	line-height:45px;
	display:block;
	height:45px;
	color:#525252;
	font-size:13px;
    text-shadow:0 -1px 0 #fff;
	padding:0px 8px;
}

#topnav .hover a, #topnav a:hover {
	color:#4f5899;
	background:rgba(228,232,241,0.8);
	box-shadow:0px 0px 3px rgba(0,0,0,.2) inset;
}

#topnav div {
	min-width:200px;
	top:45px !important;
	padding-top:4px;
	background:rgba(255,255,255,.98);
	padding:5px 0px;
    border-radius:0 0 3px 3px;
	box-shadow:0px 1px 5px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(0,0,0,0.1);
}

#topnav div a {
	color:#666 !important;
	line-height:27px;
	height:27px;
	font-size:12px;
	text-shadow:none;
	background:none !important;
	box-shadow:none !important;
}

#topnav div a:hover {
	color:#006a9b !important;
	background:#f5f5f5 !important;
}

.primary-nav {
    background:url('../images/arrownav.png') no-repeat 0 2px;
    padding-left:15px;
    margin:17px 0;
    text-shadow:0 1px 0 #fff;
    font-size:12px;
}

#content {
    background-color:#fff !important;
    background:url('../images/wbg.png') repeat-y, url('../images/shadow-right.jpg') repeat-y right;
    margin-bottom:5px;
    border-radius:4px 0 8px 8px;
    box-shadow:0px 0px 5px rgba(0,0,0,.2);
}

#l-content {
    overflow:hidden;
}

#side-panel {
    width:235px;
}

.sidepad {width:234px;}

@font-face {
  font-family:'PT Sans Narrow';
  font-style:normal;
  font-weight:400;
  src:local('PT Sans Narrow'), local('PTSans-Narrow'), url('../fonts/narrow-webfont.woff') format('woff');
}

.dcont {
    padding:10px;
}
    
#tagbox h2, .dcont h2, .newspad h2 {
	font-family:'PT Sans Narrow',arial,tahoma;
    text-transform:uppercase;
}
    
.corner {
	position:absolute;
    top:0;
 	left:-15px;
    background:url('../images/corner.png');
    width:15px;
    height:46px;
}

.block-head {
    position:relative;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    height:29px;
    line-height:28px;
    padding:0 20px 0 5px;
    font-size:16px;
    background: url('../images/bhead.png') no-repeat;
}

.block-inner {
    padding:7px;
    overflow:hidden;
}

.seep {
    background:url('../images/seep.png') 50% 0 repeat-x;
    height:18px;
}

.bannerblock {
    margin:0 auto;
    width:200px;
    height:200px;
    margin-bottom:7px;
    padding:9px;
    border:1px solid #aed2e3;
    border-radius:6px;
}

 #socialbut a {
    color:#ccc;
	display:block;
	font-size:13px;
	padding:5px 0;
	text-align:center;
	width:100px;
}

#socialbut ul li a span {
	background:url('../images/socialb.png') no-repeat;
	display:block;
	font-size:0;
	height:30px;
	margin:2px auto 0;
	width:30px;
	z-index:10;
}

#socialbut ul li a span.vk {
	background-position:0 -34px;
}

#socialbut ul li a span.twitter {
	background-position:0 -68px;
}

#socialbut ul li a span.google {
	background-position:0 -99px;
}

#socialbut ul li a span.fb {
	background-position:0 -133px;
}

#socialbut ul li a span.ok {
	background-position:0 -170px;
}
#socialbut ul li a span.instagram {
	background-position:0 -207px;
}
#socialbut a:hover {
    color:#fff;
    background:url('../images/arrow-left.png') 0 50% no-repeat scroll #f7cd05;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
}

#archbut a {
    width:27px;
    height:29px;
    background:url('../images/archbut.png') no-repeat; 
}
    
#archbut {
    background:rgba(0,0,0,0.2); 
    border-radius:0 0 2px 2px;
}
    
#archbut a:hover {
    background-color:rgba(0,0,0,0.4);
}
    
#archbut a.selected {
    background-color:rgba(0,0,0,0.6); 
}

#archbut a.list {
    background-position: 0px 3px;
}

#archbut a.cal {
    background-position: -22px 3px;
}

.btn-rel {
    color:#fff !important;
    display:block;
    margin:0 7px;
    font-size:15px;
    background-color:#006a9b;
    border-radius:4px;
    padding:8px 0;
    text-align:center;
    border-bottom:1px solid #005a84;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    box-shadow:0 25px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 0 rgba(255, 255, 255, 0.06) inset;
}

.btn-rel:hover {
    background-color:#035981;
}

.mnav li a {
    display:block; 
    padding:4px 0;
	font-size:15px;
    color:#525252;
    text-shadow:0 0 1px #fff;
    background:url('../images/nav-arrow.png') no-repeat 0px 5px;
	padding-left:20px;
}

.mnav li a:hover {
	background-position:0px -14px;
    color:#2f4e87;
}

.vinfo, .pollinfo {
    box-shadow:0 1px 3px rgba(0, 0, 0,0.2) inset, 0 25px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 0 rgba(255, 255, 255, 0.09) inset;
    padding:8px 30px 8px 8px;
    font-size:12px;
    color:#fff;
    background:#8bb312 url('../images/voteinfo.png') no-repeat 94% 50%;
}

.topnews {
    color:#555;
}

.topnews li a {
    color:#2f4e87;
    font-size:12px;
    background:url('../images/tnews.png') no-repeat 7px 50%;
    display:block;
    padding:7px 15px 7px 24px;
    border-bottom:1px solid #e7e7e7;
}


.topnews li a:hover {
    background-color: rgba(255,255,255,0.4);
}

#tagbox {
    padding-top:10px;
}

#tagbox h2 {
    color:#dfddd5;
    line-height:21px;
}
.nblock {
display: none;
}
.tagbox {
    padding: 10px 13px;
    border-radius:4px;
    background-color:#f0f0ed;
}

.tagbox a, .popupcol a, .topnews li a {
    color:#1f282c;
}
        
.tagbox a:hover, .popupcol a:hover, .topnews li a:hover {
    text-decoration:underline;
}

#footer {
    width:100%;
    border-top:1px solid #000;
    padding-top:20px;
    color:#ccc; 
    background:#181818 url('../images/footer.png') 50% 0 no-repeat;
    position:absolute;
    left:0px;
    min-height:180px;
}

#footer a {
    color:#fff;
    text-decoration:underline; 
}

#footer .text {
    font-size:13px;
    line-height:22px;
}

#footer .counts li {
    float: right;
    height: 31px;
    margin-left:8px;
    opacity:0.5;
}

#footer .counts li:hover {
    opacity:1;
}
            
.footlogo {
	width:200px;
    height:30px;
    background:url('../images/footlogo.png');
}
                
.fmenu, .fmenu li { 
	float:left;
    margin:5px 0 15px 0;
}
                    
.fmenu li {
	border-left:1px solid #816b7a; 
    padding:0 10px;
}
                        
.fmenu li:first-child {
	border:0 none;
    padding-left:0; 
}

.news-block {
    overflow:hidden;
    background:url('../images/news-bottom.png') 50% bottom no-repeat, url('../images/news-top.png') 50% 0 no-repeat;
    border-bottom:1px solid #f7faff;
}

.ratebox {
    padding:6px 20px 6px 19px;
    background:url('../images/ratebox.png') no-repeat;
    width:85px;
    height:24px;
}

.newspad {
	padding:10px 10px 0 10px;
}
            
.news-detalis ul {
    overflow:hidden;
    border-radius:5px 0 0 5px;
    background:#eee;
    float:right;
}

.news-detalis ul li {
    float:left;
    vertical-align:middle !important;
    border-right:1px solid rgba(0, 0, 0, 0.11) !important;            
    height:25px;
}

.news-detalis ul li:last-of-type {
    border-right:none !important;
}
    
.green-label {
    float:left;
    display:inline-block;
    height:25px;
    line-height:24px;
    color:#fff;
    background:#f1984a;
    padding:0 10px;
    text-shadow:none;
    margin-right:5px;
    font-size:11px;
    text-transform:uppercase;
    border-radius:2px;
}

.argmore a {
    height:29px;
    line-height:28px;
    float:left;
    background:#54186D;
    border-radius:0 15px 15px 0;
    color:#fff;
    font-size:12px;
    margin-right:10px;
    text-shadow:0 1px 1px rgba(0,0,0,.2);
	box-shadow:0px 0px 3px rgba(0,0,0,.2), 0 25px 20px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 17px 0 rgba(255, 255, 255, 0.08) inset;
    padding:0 15px;
}

.argmore a:hover {
    background:#f7cd05;
}
   
.morelink {
    height:29px;
    line-height:28px;
    color:#666;
    margin:10px 10px 10px 0;
}

.comm-panel {
    border-radius:0 6px 6px 6px;
    font-size:18px;
    display:block;
    height:32px;
    line-height :31px;
    width : 42px;
    text-align:center;
    background:#eee;
}

.comm-panel span a {
    color:#333;
    display:block;
}

.news-detalis {
    padding-left:7px;
    overflow:hidden;
    border-left:3px solid #006a9b;
}
  
.news-info  {
    color:#777;
    background:url('../images/news-arrow.png') no-repeat;padding-left:15px;
}
        
.news-info a {
    color:#777;
    text-decoration:underline;
}

.news-text {
    margin-top:10px;
    font-size:12px;
}

.relnews {
    color:#444;
}

.relnews li a {
    font-size:12px;
    display:block;
}

.relnews li a:hover {
    text-decoration:underline;
}

.relnews li {
    padding:6px;
    display:block;
    overflow:hidden;
}

.relnews li:hover {
    background:#fff;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    border-radius:4px;
}

.relnews img {
    float:left;
    width:100px;
    height:50px;
    padding:5px;
	border: solid 1px #ccc;
	border-radius:2px;
    background:#fff;
	box-shadow:0 3px 7px rgba(0,0,0,0.1);
    margin-right:8px;
}

.relnews-area {
    overflow:hidden;
    background:#f7faff;
    border-bottom:1px solid #e9eef6;
}

.relnews-area h1 {
    padding-bottom:5px;
    text-transform:uppercase;
    text-shadow:0 1px 0 #fff; 
    color:#444;
}

.bcomment {
    border-top:2px solid #8bb312 !important;
    background:#f1f1f1;
}
    
.bcomment .text {
    margin-left:110px;
}

.avatar {
    margin-right:10px;
    position:relative;
}   

.avatar img {
	width:100px;
}

.user-status {
	position:absolute;
    top:-2px;
    right:-2px;
    background:rgba(0,0,0,.8);
    padding:3px 5px 2px 5px;
    border-radius:3px;
}

.user-status img {
    width:10px !important;
    height:10px !important;
}

.comminfo {
    float:left;
    margin-right:10px;
    color:#666;
}
        
.commtitle  {
    color:#777;
    margin-bottom:7px;
}
        
.commtitle a {
    color:#777;
    text-decoration:underline;
}
  
.comedit {
    float:right;
    border-radius:0 0 4px 4px;
    margin-top:-10px;
    background:#8bb312;
}

.comedit li {
    float:left;
    padding:5px 6px 7px 6px;
    width:16px;
    height:16px;
    border-right:1px solid rgba(0, 0, 0, 0.11) !important;   
}
    
.comedit li:last-child {
    border:none;   
}

.upanel {
	margin-left:295px;
    height:42px;
}

.upanel li {
	float:left;
}	

.upanel .logblock a {
	line-height:31px;
	display:block;
    border-bottom:1px solid #005a84;
    box-shadow:0 1px 3px rgba(0, 0, 0,0.3) inset, 0 25px 20px rgba(255, 255, 255, 0.1) inset,  0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 0 rgba(255, 255, 255, 0.06) inset;
	height:32px;
	color:#fff;
    border-radius:20px;
    background-color:#006a9b;
	font-size:13px;
	padding:0px 20px;
    margin:0 15px 0 0;
    border-bottom:1px solid #005a84;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
}
    
.upanel .hlog {
   	line-height:32px;
	height:32px;
    box-shadow:none;
    border-bottom:1px dashed #525252;
    background:none;
	color:#525252;
	font-size:12px;
}

.uavatar {
    position:relative;
}

.uavatar img {
    width:100px;
}

.logarea {
    display:none;
}

.popuplog {
    box-shadow:0 0 5px #000;
    background: #fff;
    position:relative;
}

.popup-head {
    font-size:15px;
    padding:0 15px;
    height:40px;
    line-height:40px;
}

.popup-close {
    position:absolute;
    top:-15px;
    right:-45px;
    width:32px;
    overflow:hidden;
    display:block;
	height:20px;
	float:right;
    background:url('../images/pclose.png') no-repeat;
}

.popupcol {
    padding:5px 15px 15px 15px;
}

.popupcol .usermenu {
	margin:-3px 0 0 120px;
}

.popupcol .usermenu li a {
	display:block; 
	padding: 3px 0;
}

.popupcol .edge p {
	color:#7e7e7e;
    padding:0 !important;
	margin-bottom:4px;
}

.popupcol .edge input {
	margin-bottom:8px;
    padding:5px;
	width: 97%;
}

.popup_shadow {
    background:rgba(0,0,0,.8);
    padding:6px;
    border-radius:4px;
}

select {
    padding:1px;
    height:20px;
	box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
    border:1px solid #bababa;
    font-size:11px;
    border-radius:2px;
}

table.tableform {
    width:100%;
}

table.tableform td {
    padding:2px 0px 3px 0px;
    border-bottom:1px dotted #eaeaea;
    vertical-align:middle;
}

.tableform td.label {
    width:20%;
    padding-right:0;
}

table.tableform input.f_input {
    width:300px;
}

.checkbox {
    padding:4px 0;
    line-height:1em;
}

.checkbox input {
    margin-top:-2px;
    vertical-align:middle;
}

a.fbutton:link, a.fbutton:visited, .fbutton, input.bbcodes {
    padding:3px 9px 4px 9px;
    font:12px tahoma, arial, helvetica ,sans-serif;
    color: #333333;
    margin-top:7px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background: #FAFBFB;
    border: 1px solid #CFD0D2;
    border-top: 1px solid #DEDFE0;
    border-bottom: 1px solid #A1A2A4;
    border-radius: 3px;
    box-shadow: inset 0 2px 2px #fff, 0px -7px 7px rgba(0,0,0,0.05) inset, 0px 1px 0px rgba(0,0,0,0.1);
    transition:all 0.3s ease;
}

a.fbutton:hover, .fbutton:hover, input.bbcodes:hover {
    color:#000;
}

a.fbutton:active, .fbutton:active, input.bbcodes:active {
    color:#555;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.5) inset; 
}

.bb-editor textarea, .xfields input, input.textin, .xfields textarea, .f_input,input.f_input, textarea.f_textarea  {
    border:1px solid #bababa;
    background:#fff;
    padding:4px;
    font:12px Tahoma, arial;
    transition:all 0.2s ease;
    color:#666;
    border-radius:2px;
    box-shadow:0px 1px 0px rgba(0,0,0,0.1) inset;
}
        
.bb-editor textarea:hover, .xfields input:hover,input.textin:hover,.xfields textarea:hover,.f_input:hover,input.f_input:focus, textarea.f_textarea:hover {
    border:1px solid #909090;
}

.bb-editor textarea:focus, .xfields input:focus,input.textin:focus,.xfields textarea:focus,.f_input:focus,input.f_input:focus, textarea.f_textarea:focus{
    color:#000;
    border-color:#789a11;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.2) inset, #8bb312 0px 0px 5px;
}

.grey {
    color:#555;
}

.userinfo {
    display:inline-block;
    margin-left:10px;
    line-height:25px;
}

.info-block {
    background:#F5F5F5;
    padding:10px;
    margin:15px 0;
}

.berrors {
    border-left:3px solid #8bb312;
    border-radius:4px;
    background:#e6f0d9;
    padding:13px;
}
        
.berrors b {
	font-size:12px;
    font-weight:normal;
}

.stats {
    width:33.3%;
    float:left;
    margin-bottom:10px;
}

.uinfo {
    width:49.9%;
    float:left;
}

.pm-menu {
    padding:15px 0;
}
        
.pm-menu li {
	float:left;
    padding:0 5px;
    font-size:12px;
    border-right:1px solid #ccc;
}
                
.pm-menu li:last-of-type {
    border-right:none;
}

.navigation, .navigation a, .navigation span, .bnnavi, .nextprev, .nextprev .thide {
    float: left;
}

.navigation a, .navigation span {
    font-size:15px;
    margin-top:-1px;
    padding:0 12px;
    height: 25px;
    line-height: 23px;
}

.navigation a, .navigation span.nav_ext {
    color: #3f4b51;
}

.navigation a:hover {
    background-color: #eee;
    border-radius:4px;
}

.navigation span {
    background-color: #8bb312;
    box-shadow:0 12px 0 rgba(255, 255, 255, 0.07) inset;
    color: #fff;
    border-radius:2px;
}  

.nextprev .pager {
    width: 26px;
     font-size:0;
     margin: 0 4px; 
     float:left !important;
     height:26px;
     background: url("../images/pages.png") no-repeat;
}

.nextprev a span {
    cursor: pointer;
}

.nextprev span .pnext {
    background-position: -26px -52px;
}

.nextprev a .pnext {
	background-position: -26px 0;
}

.nextprev a:hover .pnext {
	background-position: -26px -26px;
}

.nextprev span .pprev {
	background-position: 0 -52px;
}

.nextprev a .pprev {
	background-position: 0 0;
}

.nextprev a:hover .pprev {
	background-position: 0 -26px;
}
.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
}
/*---Показ древовидных комментариев---*/
.comments-tree-list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-tree-list .comments-tree-list {
  padding-left: 30px;
}

.comments-tree-item {
  display: block;
  margin: 0;
  padding: 0;
}

/*---Форма быстрого ответа на комментарий---*/

#dlefastreplycomments {
  padding:5px;
  background: #e4ecf0;
  margin: 5px 5px 5px 30px;
}

.commentsreplyname {
 padding: 2px; border: 1px solid #bcc0c2;
 width: 200px;
 background: #fff url("../images/fields.png") repeat-x;
}

/*---Вывод результатов голосования на сайте---*/
.pollallvotes {
  text-align: center;
  margin-top: 10px;
}
/* new menu------------------------------------------------------------*/
.navbar {
  width: 100%;
  height: 50px;
  background: #6b1f8a;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size:16px !important;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b1f8a), color-stop(50%, #6b1f8a), color-stop(51%, #54186d), color-stop(100%, #5B37F8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#6b1f8a', endColorstr='#54186d', GradientType=0);
  /* IE6-9 */
  margin: 0 auto 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  border-top: 1px solid #363636;
  border-left: 1px solid #363636;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.navbar ul li {
  display: inline;
  float: left;
  width: 118px; 
  height: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #999999;
  line-height: 50px;
  border-right: 1px solid #363636;
  border-left: 1px solid #000000;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.navbar ul li a {
  width: 125px;
  height: 100px;
  display: inline-block;
}
.navbar ul li.navbar_li:first-child {
  border-left: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.navbar ul li.navbar_li:last-child {
  border-right: none;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.navbar .hover {
  background: #f7cd05;
  color: #333333;
  display: block;
}
.navbar a {
  color: #ffffff;
  text-decoration: none;
}
.navbar a:hover {
  color: #ffffff;
}
/*????????? ??????????? ????*/
.navbar ul li:hover > .subnav
{
	opacity:100;
	 -moz-transform: rotate(360deg); /* Firefox */
    -ms-transform: rotate(360deg); /* IE */
    -webkit-transform: rotate(360deg); /* Safari, Chrome, iOS */
    -o-transform: rotate(360deg); /* Opera old */
    transform: rotate(360deg);	
}
ul.subnav
{
	position:absolute;
	z-index:99999;
	margin-top:-50px;
	opacity:0;
	transition:all 150ms ease-in;
}
.subnav li
{
  display:block !important;
  float:none !important;
  background: #6b1f8a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b1f8a), color-stop(50%, #6b1f8a), color-stop(51%, #54186d), color-stop(100%, #54186d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6b1f8a 0%, #6b1f8a 50%, #54186d 51%, #54186d 100%);
  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#6b1f8a', endColorstr='#54186d', GradientType=0);
  /* IE6-9 */
}
.subnav li:last-child
{
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; 
}
/*new footer*/
	.white_top
	{
		min-height:50px;
		box-shadow:0 1px 1px 1px rgba(0,0,0,0.4), inset 0 1px 1px 1px rgba(255, 255, 255, 0.5),inset 0 0 2px 1px rgba(255,255,255,0.35);
		border-radius:5px;
		margin:5px 0;
  background: #dadada; /* Old browsers */
  background: -moz-linear-gradient(top, #dadada 0%,#eeeeee 100%);/* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dadada), color-stop(100%, #eeeeee));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dadada 0%,#eeeeee 100%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #dadada 0%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dadada 0%,#eeeeee 100%);  /* IE10+ */
  background: linear-gradient(to bottom, #dadada 0%,#eeeeee 100%);  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#dadada', endColorstr='#eeeeee', GradientType=0);/* IE6-9 */
	}
	.purple_bottom
	{
		min-height:200px;
		box-shadow:0 1px 1px 0px rgba(0,0,0,0.58),inset 0 1px 1px 0px rgba(255,255,255,0.76);
		border-radius:5px;
		padding-bottom:5px;
  background: #6b1f8a; /* Old browsers */
  background: url(../images/purple_bg_light.png) center top no-repeat,-moz-linear-gradient(top, #6b1f8a 0%,#54186d 100%);/* FF3.6+ */
  background: url(../images/purple_bg_light.png) center top no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b1f8a), color-stop(100%, #54186d));/* Chrome,Safari4+ */
  background: url(../images/purple_bg_light.png) center top no-repeat,-webkit-linear-gradient(top, #6b1f8a 0%,#54186d 100%);/* Chrome10+,Safari5.1+ */
  background: url(../images/purple_bg_light.png) center top no-repeat,-o-linear-gradient(top,  #6b1f8a 0%,#54186d 100%); /* Opera 11.10+ */
  background: url(../images/purple_bg_light.png) center top no-repeat,-ms-linear-gradient(top, #6b1f8a 0%,#54186d 100%);  /* IE10+ */
  background: url(../images/purple_bg_light.png) center top no-repeat,linear-gradient(to bottom, #6b1f8a 0%,#54186d 100%);  /* W3C */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#6b1f8a', endColorstr='#54186d', GradientType=0);/* IE6-9 */
	}
	.footer_menu_wrap
	{
		margin:0 auto;
	}
	.menu_block
	{
		width:33%;
		float:left;
		color:#FFF;
		margin-top:25px;
	}
	.block_menu_head
	{
		text-align:center;
		padding:0 0 15px;
		margin:0 0 5px;
		background:url(../images/fmh_bg.png)center bottom repeat-x;
		font-size:1.5em;
	}
	.block_inner{margin:0 10%;}
	.devider
	{
		
		background:url(../images/vertical_devider.png) left center no-repeat, url(../images/vertical_devider.png) right center no-repeat;
	}
	.block_menu_text 
	{
		min-height:100px;
		background:#6e3984;
		border-radius:3px;
		box-shadow:0 2px 5px 0px rgba(0,0,0,0.75);
		font-size:1.2em;
		line-height:1.5em;
		padding:5px;
		text-align:center;
	}
	.block_menu_text a 
	{
		color:#FFF;
		transition:all 200ms ease-out;
		-moz-transition:all 200ms ease-out;
		-ms-transition:all 200ms ease-out;
		-o-transition:all 200ms ease-out;
		-webkit-transition:all 200ms ease-out;
	}
	.block_menu_text a:hover
	{
		cursor:pointer;
		color:#09F;
	} 
	
	.copyright
	{
		background:#641d80;
		margin-top:10px;
	}
	.copy, .studio{
		width:33%; 
		padding:15px 0 7px;
		float:left; 
		text-align:center; 
		color:#FFF; 
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		}
	.counters{width:34%; float:left;}
	.counter{
		float:left; 
		width:90px; 
		height:30px;
		background:#6e3984;
		border-radius:3px;
		margin:3px 10px 0;
	}
	.footer_shadow
	{
		min-height:80px;
		background:url(../images/footer_shadow.png) center top no-repeat;
	}
	
/*---------------gallery------------------*/
.gallery_pic
{
	width:295px;
	height:295px;
	margin:10px 0;
	padding:5px;
	overflow:hidden;
	box-shadow:0 0 5px 3px #CCCCCC;
}
.gallery_pic img{max-width:100%;}

.gallery_pic:nth-child(odd){float:left;}
.gallery_pic:nth-child(even){float:right;}