@charset "utf-8";
* { margin:0; padding:0; }
*:focus { outline:none; }
.hidden { display:none; }
.show { display:block!important; }
.no-margin { margin:0!important; }
.no-padding { padding:0!important; }
.no-bg { background:none!important; }
.no-border, a img { border:none!important; }
.container { width:100%; margin: 0 auto; padding: auto; text-align: center;}
.container:after, .columns:after { content:" "; display:block; height:0; clear:both; visibility:hidden;}
.img-repl { text-indent:-9999px; overflow:hidden; display:block; }
.cc { clear:both; }
.right {
	float:right !important;
}
.left {
	float:left !important;
}
body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display:block; border:none; margin:0; padding:0; }
img{display:inline-block;}
html { height:100%; font-family:Verdana, Helvetica, sans-serif;}
body { height:auto !important; height:100%; min-height:100%; position:relative; }
a { color:#919191; text-decoration:none;}
a:visited {  }
a:hover { color:#ffffff; text-decoration:none;}
a:active {  }
body {background-color:#1A272D;;color:#fff;font: 11px Verdana, Helvetica, sans-serif;letter-spacing: 0px;}
#header,
#page{min-width: 320px; max-width:1330px;margin:0 auto; padding:0px;}
.page-layout { margin:0 auto; padding:0px;position:relative;}
#page{font-family:Arial, sans-serif;}
	
#header{
	width:100%;
}
#header .logo{
	float:left;
}
.logo {
	position: absolute; top 5px; left: 0px;
}
.letter { color: #000; font-weight: bold; }
.logo img { max-width: 100%; height: auto; margin: 0 auto; padding: 0;}
#header .header1{height: 86px; border-top: 7px solid #0E2F47;}
#header .header2{height: 65px; }
#menu-up{
	font-family:Georgia, sans-serif;
	list-style-type:none;
	height:25px;
	float:right;
	background-color: #FFCD02;
}
video {
	width: 800px;
	height: 450px;
}
#menu-up li{
	float:left;
	color:#3C3C3C;
	font-size:14px;
	height:35px;
}
#menu-up li a{
	font-size: 11px;
	color:#3C3C3C;
	padding: 4px 0px 4px 10px;
	margin:0 5px;
	display:block;
	height:17px;
	text-align:center;
}
#menu-up li a:hover{
	color:#000;
	text-decoration:none;
/*	background:url("/img/arr.png") no-repeat 0 7px; */
}


#search-box {
	float: right;
	margin-top: 10px;
	color:#ffffff;
	font-size:14px;
	height:45px;
}
#search-box .searchbut{
	text-indent:-9999em;
	background:url("/img/btn-search.png") no-repeat;
	border:none;
	width:43px;
	height:34px;
	margin-left:10px;
	cursor:pointer;
}
#search-box .searchform{
	width:240px;
	height:18px;
	padding:9px 5px;
	background:#FFF;
	
	border: solid 1px #AAA;
	color:#060606;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}

#menu-header{
	width:100%;
	list-style-type:none;
	height:50px;
	font-family:Verdana, sans-serif;
}
#menu-header li{
	float:right;
	color:#484848;
}
#menu-header li a{
	color:#233543;
	padding: 10px 0px;
	display:block;
	width:120px;
	height:30px;
	color:#8c8c8c;
	text-shadow:#000 1px 1px 0px;
	text-align:center;
	font-size:20px;

	border: 1px solid #393939;
	margin: 2px;
	
}
#menu-header li a:hover{
	background-position:-99px 0;
	color:#dbdbdb;
	text-decoration:none;
	background-position: 0 -39px;
}
#menu-header li a.select{
	color: #d13228;
}
.menu-header-top{
	display: block;
	height: 8px;
	background:url(/img/menu-header-top.png) repeat-x;
}

#footer{
	margin-top:20px;
}
#footer-bottom{
	margin-top:20px;
	margin-bottom: 10px;
	/* background: url(/img/logo.png) no-repeat transparent 40px top; */
}
#footer p{
	color:#fff;
	font-size:11px;
	text-align:center;
	margin:20px;
}
#footer p.copy{
	color:#eee;
	font-size:14px;
}
#footer p.copy  a{
	color:#fff;
	font-weight:bold;
}


.top-list-box{
	font-size:14px;
	color:#484848;
	line-height: 1.5;
	background-color:#fff;
	padding:1px 0;
}
.top-list-box a{
	color:#d13228;
	padding:2px;
}
.top-list-box a:hover{
	color:#808080;
}
.top-list-box table{
	width:100%;
	padding:2px 10px 5px 10px;
	border:none;
}
.top-list-box table tr{
	vertical-align:top;
}

.mhb-box-1,.mhb-box-2,.mhb-box-3,
.tlb-box-1,.tlb-box-2,.tlb-box-3
{
	width: 33.3%;
	height: 7px;
	display: block;
	float: left;
}
.mhb-box-1,.mhb-box-2,.mhb-box-3{
	height: 2px;
}

.tlb-box-1{	background-color: #db4739; }
.tlb-box-2{	background-color: #db6539; }
.tlb-box-3{	background-color: #db9239; }

.mhb-box-1{	background-color: #582c28; }
.mhb-box-2{	background-color: #583228; }
.mhb-box-3{	background-color: #584228; }



.tlb-box-1{
	-webkit-border-radius: 0px 0px 0px 5px;
	   -moz-border-radius: 0px 0px 0px 5px;
	        border-radius: 0px 0px 0px 5px;

}
.tlb-box-3{
	-webkit-border-radius: 0px 0px 5px 0px;
	   -moz-border-radius: 0px 0px 5px 0px;
	        border-radius: 0px 0px 5px 0px;
}



.cats-box{
	width:140px;
	float:left;
	margin-top: 20px;

}

.cats-box span{
	color: #FFF;
	font-size: 14px;

}
.cats-box ul{
	margin:5px 0;
	color: #FFF;
}
.cats-box ul li a{
	color: #003251;
	font-size:12px;
	display:block;
	padding:6px 5px 5px 5px;
	margin-bottom: 3px;
	background:#FFF6B9 ;
	-webkit-border-radius: 3px 0px 0px 3px;
	   -moz-border-radius: 3px 0px 0px 3px;
	        border-radius: 3px 0px 0px 3px;
}
.cats-box ul li a:hover{
	color:#000;
	text-decoration:none;
	background-position: right -26px;
	background-color: #fff;
}





.page-content{
	width: 100%;
	overflow: auto;
}
.thumb{
	font-size:11px;
	font-weight: bold;
	width:240px;
	aspect-ratio: 5 / 3;;
	display:block;
	float:left;
	margin:4px 2px;
	padding: 2px 2px;
	color:#fff;
	position:relative;
	background-color: #476D7B;
}
.thumb:hover{
	color:#476D7B;
	background-color: #EFF2F3;
	text-decoration:none;
}

.thumb .left{margin-left:2px; margin-top: 4px;}
.thumb .right{margin-right:2px; margin-top: 4px;}
.thumb:hover span{
	color:#476D7B;

}
.thumb span{

	font-size:12px;
	display:block;
	padding:3px;
	padding-top: 8px;
	margin-bottom:1px;
	text-overflow: ellipsis;
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
} 
.thumb img{
	background-color:#000;
	border:1px solid #003251 !important;
}
.thumb:hover img{
	border:1px solid #003251 !important;
}
.thumb .lable{
	width:180px;
	height:10px;
	overflow:hidden;
	background:url(/img/shadow.png);
	font-style:normal;
	font-size:10px;
	color:#fff;
	margin:-31px 1px 0;
	padding:10px 0; 
	position:relative;
	z-index:9;
}
.thumb:hover .lable{
	visibility: hidden;
}
.gal{
	width: 185px;
	height: auto;
	border:0px;
}
.gal img{
	width: 183px;
	height: auto;
	border:0px;
}
.gal:hover img{
	border:0px;
}
.small { 
	background-color: #476D7B !important;
	width: 132px !important;
	height: auto;
	padding-left: 2px;
}
.small:hover {
	background-color: #fff !important;
}
.small img {
	width: 130px !important;
	height: auto !important;
	padding-bottom: 0px !important;
}

.sb { 
	background-color: #476D7B !important;
	width: 170px !important;
	margin: 2px;
	height: auto;
	padding-left: 2px;
	padding-bottom: 0px !important;
}
.small:hover {
	background-color: #fff !important;
}
.small img {
	width: 168px !important;
	height: auto !important;
	padding-bottom: 0px !important;
}
.bottom-line {
	border-bottom: 1px solid #ddd;
}
/*
.thumb .lable{
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.thumb:hover .lable {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.thumb:hover img {
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity: 0.5;
}

*/


.archive{
	color:#737373;
	font-size:11px;
	padding:9px 20px;
	display:block;
	margin-bottom: 15px;
	
}
.archive a{
	font-size:16px;
	color:#fff;
	padding:7px 8px;
	margin:2px 2px;
	border:1px solid #000;
	background-color: #234653;
	white-space: nowrap;
	float: left;
}
.archive a:hover{
	color:#fff;
	background-color:#476D7B;
	text-decoration:none;
}

.title-box{
	height:34px;
    position: relative;
}
span.title,
.title-box span{
	display: block;
	background-color: #537080;
	margin-bottom:6px;
	color:#fff;
	font-size:16px;
	padding: 8px 0;
	float:left;
	width:100%;

}
.top-list-box span.title{
	margin: 0;
}
.cats-box span.title{
	padding:8px 5px;
	height:16px;
	display:block;
	width:130px;
	float: none;
	text-align: center;
}
.title-box .menu-title{
	background-color:#000;
	color: #737373;
	font-size: 10px;
	display: block;
	list-style-type:none;
	float:right;
	padding-right: 10px;
}
.title-box .menu-title li{
	float:left;
	margin:0 1px;
}
.title-box .menu-title li a{
	height:14px;

	font-size: 11px;
	color:#d13228;
	padding: 9px 0px 9px 10px;
	margin:0 5px;
	display:block;
}
.title-box .menu-title li a:hover{
	color:#fff;
	background:url(/img/arr.png) no-repeat 0 12px;
}

.title-box .menu-title li.first{
	padding: 9px 10px;
	color:#737373;
	font-weight:bold;
	border:none;
	height:17px;
}

#content-box{
	margin-bottom:10px;
}
#content-left-box{
	float:left;
	width:966px;
	color: #919191;
	font-family: Arial,sans-serif;
}
#content-right-box{
	float:right;
	width:356px;
	background-color:#fff;
	margin: 0 auto;
	padding: 10px 0;
	margin-bottom: 4px;
}
#content-right-box  img{
	margin:0 auto;
	display: block;
}

/* sidebar box */
.sidebar-box{
	width:100%;
	float:left;


}

.sidebar-box span{
	color: #545A5C;
	font-size: 14px;

}
.sidebar-box ul{
	margin:5px 0;
	color: #545A5C;
}

.sidebar-box ul li a{
	color: #08406F;
	font-size:12px;
	display:block;
	padding:6px 5px 5px 5px;
	margin-bottom: 3px;
	background:#EFF2F3 ;
	margin-top: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-border-radius: 3px 3px 3px 3px;
	   -moz-border-radius: 3px 3px 3px 3px;
	        border-radius: 3px 3px 3px 3px;
}
.sidebar-box ul li a:hover{
	color:#fff;
	text-decoration:none;
	background-position: right -26px;
	background-color: #476D7B;
}

.content-zone-two-sb-small{
	width:1330px;
	margin: 2px;
	color: #919191;
}

/*thumbs changer*/
.one-sb {
	width:207px !important;
	height:auto !important;
	padding: 4px !important;
	margin: 3px !important;
}
.one-sb img {
	width:203px !important;
	height:auto !important;
}
.one-sb-small {
	width:236px !important;
	height:auto !important;
	padding: 4px !important;
	margin: 3px !important;
}
.one-sb-small img {
	width:256px !important;
	height:auto !important;
}
.two-sb-small {
	width:258px !important;
	aspect-ratio: 5 / 3;
	padding: 2px !important;
	margin: 2px !important;
}
.two-sb-small img {
	width:256px !important;
	aspect-ratio: 5 / 3;
}

#video-right {
	width: 320px;
	float: right;
}
.video-view{
	background-color:#fff;
	color:#494949;
	font-size:12px;
}
.player-box{
	padding:1px 0px;
	margin:0 auto;
}
.video-enter{
	background-color: #0E2F47;
	color:#FFF;
	font-size:35px;
	font-weight: bold;
	text-align:center;
	width:100%;
	display:block;
	padding:10px 0;
	margin: 0 auto;
}
.ve-arr-left,.ve-arr-right{
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(/img/video-enter-arr.png) no-repeat; 
}
.ve-arr-left{margin-right: 3px;}
.ve-arr-right{background-position: 0 -26px;margin-left: 3px;}

.video-desc {
	padding:10px 0 10px 20px;
	border-bottom:1px dashed #545454;
	color: #919191;
}
.video-desc span{
	float:left;
	color: #eeeeee;
}
.video-desc p{
	margin-left:80px;
}
.video-info{

	text-align: left;
    font-size: 14px;
    color: #919191;
    background-color: #FFF;
    padding: 4px 9px;
    margin: 0px 4px 4px 0px;
    text-decoration: none;
    display: block;
    width: auto;

}
.video-info span{
	width:80px;
	display: inline-block;
	float: left;
	color:#333;
}
.video-info .video-tags a {
    height: 18px;
    line-height: 18px;
    font-weight: 300;
    padding: 4px 10px;
    font-size: 12px;
    margin: 0px 4px 4px 0px;
    float: left;
    min-width: 18px;
    border-radius: 4px;
    width: auto;
    background: none repeat scroll 0% 0% #FFF;
    color: #787878;
    display: block;
    text-decoration: none;
    border: 1px solid #803309;

}
.video-info .video-tags a{
	padding:4px 9px;
	border:1px solid #db4739;
	text-decoration:none;
	display: inline-block;
	width: auto;
}
.video-info .video-tags a:hover{
	background-color:#db4739;
	color:#fff;
	border:1px solid #973e35;
	text-decoration:none;
}

.video-url {
	padding:5px 0 10px 10px;
	color: #eeeeee;
}
.video-url input{
	color:#919191;
	font:12px Arial,sans-serif;
	background-color:#575757;
	border: 1px solid #404040;
    border-left: none;
    border-right: none;
	padding:5px;
	width:auto;
}
.video-info-box{
	width:100%;
}
.video-rating-info{
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
    background-color: #575757;
	width:150px;
	margin-right:10px;
	margin-top: 20px;
	display:block;
	float:right;
	padding:12px 0;
	text-align:center;
	color:#eeeeee;
	font-size:12px;
}
.video-rating-info span{
	padding-left: 30px;
	color:#919191;
	font-size:24px;
	vertical-align: middle ;
}
.video-rating-info span em{
	font-size:42px;
	font-style: normal;
	color: #000000;
}

.add-button-box{
	text-align:center;
	padding:10px 0;
}
.add-button-box .add-button{
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	background-color: #A3485D;
	color:#fff;
	width:164px;
	height:22px;
	display:inline-block;
	font-size:18px;
	padding:10px 0;
	margin-right:15px;
	text-align:center;
	text-decoration:none;
}
.add-button-box .add-button:hover{
	background-color: #db4739;
	color:#fff;
	text-decoration:underline;
}







.related-videos{
	padding-bottom: 10px;
}

.thumb-rel{
	background-color:#2a2a2a;
	font-size:11px;
	width:202px;
	height:200px;
	display:block;
	float:left;
	margin:4px 10px;
	padding: 4px;
	color:#919191;
	border-top: 1px solid #383838;
}
.thumb-rel .left{margin-left:4px;}
.thumb-rel .right{margin-right:4px;}
.thumb-rel:hover{
	color:#fff;
	background-color: #3A3D6F;
	text-decoration:none;
}
.thumb-rel span.title{
	font-size:12px;
	display:block;
	background: none;
	width: 190px;
	padding:2px 0 2px 10px;
}
.thumb-rel:hover span.title{
	text-decoration:underline;
}
.thumb-rel img{
	border:1px solid #202326 !important;
	margin-bottom:2px;
}
.thumb-rel:hover img{
	border:1px solid #e2e2e2 !important;
}
.star-lite,.star-lite-half,.star-lite-empty{
	width:14px;
	height:14px;
	display:block;
	float:left;
	background: url("/img/stars.png") no-repeat;
}
.star-lite-half{
	background-position: 0 -14px;
}
.star-lite-empty{
	background-position: 0 -28px;
}
.active {
	background-color: #476D7B !important;
	color: #fff !important;
}

@media only screen and (min-width: 1330px) {
.page-layout {
		width: 1330px;
	}
	#page { width: 1330px; }

	.gal{
		width: 185px !important;
		height: auto;
	}
	.gal img{
		width: 183px !important;
		height: auto;
	}
	#search-box .searchform { width: 760px; }
	.cats-box { width: 190px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:966px; }
	video { width: 1100px; height: 560px; }
	.related{ width: 176px !important;}
	.related img { width: 174px !important; }
}

@media only screen and (min-width: 1231px) and (max-width: 1329px){
.page-layout {
		width: 1230px;
	}
	#page { width: 1230px; }

	.gal{
		width: 172px !important;
		height: auto;
	}
	.gal img{
		width: 170px !important;
		height: auto;
	}

	.content-zone-two-sb-small{
		width:1230px;
	}

	.two-sb-small {
		width: 238px !important;
		height: auto;
	}
	.two-sb-small img {
		width: 236px !important;
	}

	#search-box .searchform { width: 660px; }
	.cats-box { width: 180px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:870px; }
	video { width: 800px; height: 620px;}
	.related{ width: 210px !important;}
	.related img { width: 206px !important; }
}
@media only screen and (min-width: 1025px) and (max-width: 1230px){
.page-layout {
		width: 1024px;
	}
	#page { width: 1024px; }


	.gal{
		width:164px !important;
		height:auto;
	}
	.gal img{
		width: 162px !important;
		height: auto;
	}
	.content-zone-two-sb-small{
		width:1024px;
	}
	.two-sb-small {
		width:248px !important;
		height:auto !important;
	}
	.two-sb-small img {
		width:246px !important;
	}
	#search-box .searchform { width: 460px; }
	.cats-box { width: 155px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:665px; }
	video { width: 640px; height: 500px}
	.related{ width: 162px !important;}
	.related img { width: 160px !important; }
}
@media only screen and (min-width: 904px) and (max-width: 1024px){
.page-layout {
		width: 904px;
	}
	#page { width: 904px; }


	.gal{
		width:185px !important;
		height:auto;
	}
	.gal img{
		width: 183px !important;
		height: auto;
	}
	.content-zone-two-sb-small{
		width:904px;
	}
	.two-sb-small {
		width:218px !important;
	}
	.two-sb-small img {
		width:216px !important;
	}
	#search-box .searchform { width: 360px; }
	.cats-box { width: 145px; margin-right: 15px; }
	.logo { float: left; }
	#content-left-box{ width:580px; float: left; }
	#content-right-box { width: 320px; }
	.sb { width: 152px !important; }
	.sb img { width: 150px !important; }
	#video-right { width: 940px; margin: 5px; float: none; }
	video { width: 960px;  height: 560px;}
	.related{ width: 143px !important;}
	.related img { width: 141px !important; }
}

/*iPad*/
@media only screen and (min-width: 754px) and (max-width: 903px ){
	.page-layout {
		width: 754px;
	}
	#page { width: 754px; }

	.content-zone-two-sb-small{
		width:754px;
	}
	.two-sb-small {
		width:242px !important;
		height:auto !important;
	}
	.two-sb-small img {
		width:240px !important;
	}
	.gal{
		width:138px !important;
		height:auto;
	}
	.gal img{
		width: 136px !important;
		height: auto;
	}
	#header .logo {
	    float: none !important;
	}
	#search-box .searchform { width: 368px; }
	.cats-box { width: 175px; margin-right: 15px; }
	#content-left-box{ width:430px; float: left; }
	#content-right-box { width: 320px; }
	.sb { width: 152px !important; }
	.sb img { width: 150px !important; }
	video { width: 768px; height: 450px; }
	.related{ width: 145px !important;}
	.related img { width: 143px !important; }
	
}
/*iPad mini*/
@media only screen and (min-width: 736px ) and (max-width: 753px ){
	.page-layout {
		width: 736px;
	}
	#page { width: 736px; }

	.thumb{
		width:174px;
		aspect-ratio: 5 / 3;;
	}
	.thumb img{
		width: 172px;
		aspect-ratio: 5 / 3;;
	}
	.content-zone-one-sb{
		width:736px;
	}
	.content-zone-two-sb-small{
		width:736px;
	}
	.two-sb-small {
		width:176px !important;
		aspect-ratio: 5 / 3;
	}
	.two-sb-small img {
		width:174px !important;
		aspect-ratio: 5 / 3;
	}
	.gal{
		width:196px !important;
		height:auto;
	}
	.gal img{
		width: 194px !important;
		height: auto;
	}
	#header .logo {
	    float: none !important;
	}
	#search-box .searchform { width: 336px; }
	.cats-box { width: 158px; margin-right: 15px; }
	#content-left-box{ width:420px; float: left; }
	#content-right-box { width: 310px; }
	.sb { width: 146px !important; }
	.sb img { width: 144px !important; }
		video { width: 410px; height: 250px; }
}
/*iPhone 6, iPhone 6 Plus*/
@media only screen and (min-width: 567px) and (max-width: 735px){
	.page-layout {
		width: 566px;
	}
	#page { width: 566px; }

	.content-zone-one-sb{
		width:564px;
	}
	.content-zone-two-sb-small{
		width:564px;
	}

	.two-sb-small {
		width:180px !important;
	}
	.two-sb-small img {
		width:178px !important;
	}
	.gal{
		width:180px !important;
		height:auto;
	}
	.gal img{
		width: 178px !important;
		height: auto;
	}
	#header .logo {
	    float: none !important;
	}
	#search-box { display: none; }
	.cats-box { width: 208px; }
	#content-left-box{ width:564px; float: none; }
	#video-right { width: 564px; margin: 10px; float: none; }
	.sb { width: 180px !important; }
	.sb img { width: 178px !important; }
	#content-right-box{ width:564px; }
	video { width: 640px; height: 500px; }
}

/*iPhone 5*/
@media only screen and (min-width: 481px) and (max-width: 566px){
	.page-layout {
		width: 476px;
	}
	#page { width: 476px; }

	.thumb{
		width:229px;
		aspect-ratio: 5 / 3;;
	}
	.thumb img{
		width: 227px;
		aspect-ratio: 5 / 3;;
	}
	.content-zone-two-sb-small{
		width:476px;
	}
	.two-sb-small {
		width:150px !important;
	}
	.two-sb-small img {
		width:148px !important;
	}
	#header .logo {
	    float: none !important;
	}
	#search-box { display: none; }
	.cats-box { width: 227px; }
	#content-left-box{ width:474px; float: none; }
	#video-right { width: 474px; margin: 10px; float: none; }
	#content-right-box{ width:474px; }
	.sb { width: 150px !important; }
	.sb img { width: 148px !important; }
}
/*iPhone 1/2/3*/
@media only screen and (min-width: 362px) and (max-width: 480px){
	.page-layout {
		width: 360px;
	}
#page { width: 360px; }

	.content-zone-two-sb-small{
		width:360px;
	}
	.two-sb-small {
		width:172px !important;
		height:auto !important;
	}
	.two-sb-small img {
		width:170px !important;
	}
	.gal{
		width:171px !important;
		height:auto;
	}
	.gal img{
		width: 169px !important;
		height: auto;
	}
	#header .logo {
	    float: none !important;
	}
	#search-box { display: none; }
	.cats-box { width: 172px; }
	#content-left-box{ width:360px; float: none; }
	#video-right { width: 358px; margin: 5px; float: none; }
	#content-right-box{ width:358px; }
	.sb { width: 170px !important; }
	.sb img { width: 168px !important; }
		video { width: 358px; height: 300px;}
	.related{ width: 171px !important;}
	.related img { width: 169px !important; }
}
/* any */
@media only screen and (max-width: 361px){
	.page-layout {
		width: 320px;
	}
	#page { width: 320px; }
	.content-zone-two-sb-small{
		width:320px;
	}
	.two-sb-small {
		width:150px !important;
		height:auto !important;
	}
	.two-sb-small img {
		width:148px !important;
	}
	.gal{
		width:152px !important;
		height:auto;
	}
	.gal img{
		width: 150px !important;
		height: auto;
	}
	#header .logo {
	    float: none !important;
	}
	#search-box { display: none; }
	.cats-box { width: 320px; }
	#content-left-box{ width:320px;}
	#content-right-box{ width:320px; }
	.sb { width: 150px !important; }
	.sb img { width: 148px !important; }
	#video-right { width: 320px; margin: 2px; float: none; }
	video { width: 320px; height: 260px;}
}
img,
embed,
object,
video {
max-width: 100%; }
.lazy {
    display: none;
}

#navcontainer {
position: absolute; bottom: 0;
float: left;
padding-bottom: 5px;
}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}

#logo-header {
position: relative;
}