@charset "UTF-8";
html{
}

.samplemv .titleL {
	border-left: 15px solid #3B9342;
}
.titleL {
	border-bottom: 1px solid #DCDCDC;
	margin: 20px 0;
	border-left: 15px solid #D70545;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 22px;
}


#container{
	padding:0 !important;
	width:768px;
	margin-top:0;
}

#video-area{
text-align:center;
padding: 0 10px;}
#video-area video{
width:100%;
height:auto;
margin: 0 auto;
display: block;}




@media all and (orientation:portrait){
	#video-area{
		margin-top:25px;
	}
}

/* iphone4 4S ipod touch 4under landscape */
@media (min-width: 320px) and (max-width: 321px) and (orientation:portrait){
	#video-area{
	margin-top:0;
	}
	#video-area video{
		width:320px;
		height:180px;
	}
}

/* iphone4 4S ipod touch 4under landscape */
@media (min-width: 480px) and (max-width: 481px) and (orientation:landscape){
	#video-area{
	margin-top:0;
	}
	#video-area video{
		width:480px;
		height:270px;
	}
}
/* iphone4 4S ipod touch 4under landscape */
@media (min-width: 576px) and (max-width: 577px) and (orientation:landscape){
	#video-area{
	margin-top:0;
	}
	#video-area video{
		width:576px;
		height:324px;
	}
}

/* ipad ipad2 ipadmini portrait */
@media (min-width: 768px) and (max-width: 769px) and (orientation:portrait){
	#video-area video{
		width:768px;
		height:432px;
	}
}

/* ipad ipad2 ipadmini landscape */
@media (min-width: 1024px) and (max-width: 1025px) and (orientation:landscape){
	#video-area{
	margin-top:0;
	}
	#video-area video{
		width:1024px;
		height:576px;
	}
}


#video-bottom p{
	padding:0 10px;
	min-width:300px;
	max-width:640px;
	margin:15px auto 0;
	font-size:14px;
	line-height:1.2;
}

#links-btn{
	margin:20px auto;
	padding:0;
}
/*
#links-btn p{
line-height:1.5;
font-size:16px;
	width:90%;
	max-width:320px;
	color:#ccc;
	display:block;
	text-align:center;
	margin:0 auto 10px;
	padding:5px 0;
	text-decoration:none;
	border-radius:5px;
	border:double 3px #ccc;
	background: #eee;
	min-width:0;
}
*/
#links-btn a{
	width:90%;
	max-width:320px;
	color:#333;
	display:block;
	text-align:center;
	margin:0 auto 10px;
	padding:5px 0;
	text-decoration:none;
	border-radius:5px;
	border:double 3px #333;
	background: #fafafa;
}



.icon-hd,
.icon-high,
.icon-low{
	margin:20px auto;
}
.icon-hd,
.icon-high,
.icon-low{
	display:none;
}
.hd .icon-hd,
.high .icon-high,
.low .icon-low{
	display:block;
}


.icon-hd .inner,
.icon-high .inner,
.icon-low .inner{
	border-radius:5px;
	max-width:300px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:24px;
	text-shadow:0 0 2px #666,0 0 2px #666,0 0 2px #666,0 0 2px #666;
}


.icon-hd{
}
.icon-hd .inner{
	box-shadow:0px -18px 12px #105dbd inset;
	background-color:#00a0e9;
}
.icon-high{
}
.icon-high .inner{
	box-shadow: 0px -18px 12px #078d10 inset;
	background-color: #46e33a;
}
.icon-low{
}
.icon-low .inner{
	box-shadow:0px -18px 9px #AD7D06 inset;
	background-color:#e7be17;
}