body{
	background: #f4f4f4;
	margin: 0
}
#container{
	width: 780px;
	margin: 0 auto;
	background: #fff
}
#header{
	padding: 45px 0 20px 40px;
	font-weight: bold
}
#header a{
	color: #121212;
	text-decoration: none;
	font-size: 30px;
	font-family: "Myriad Pro", "Arial Narrow"
}
#menu{
	background-color: #3b7687;
	padding: 6px 0 6px 40px;
	text-shadow: 0px 0px 6px rgba(255 ,255 ,255 , 0.7);
	color: #ccccff;
	font-family: "Tahoma";
	font-size: 18px;
	font-weight: bold;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000
}
#menu a{
	color: #c5d6db;
	text-decoration: none;
	font-size: 14px;
	font-family: "Arial Narrow", "Myriad Pro"
}
#menu a:hover{
	
}
#sidebar{
	float: left;
	width: 120px;
	padding: 30px 0 0 40px;
	margin: 0
}
h1{
	margin: 0px;
	color: #869843;
	font-size:24px;
	font-family: "Arial Narrow", "Myriad Pro";
	font-weight: bold
}
.h1-w{
	margin: 0px;
	color: #869843;
	font-size:24px;
	font-family: "Arial Narrow", "Myriad Pro";
	font-weight: bold;
	text-shadow:
	3px  3px 0 #000,
	-1px -1px 0 #000,  
	1px -1px 0 #000,
	-1px  1px 0 #000,
	1px  1px 0 #000
}
h2{
	color: #3b7687;
	font-size: 15px;
	font-family: "Lucida";
	margin: 20px 0 5px 0;
	text-shadow: 2px 2px #ddd
}
#main{
	margin: 0 0 0 180px;
	padding: 35px 40px 30px 0;
	color: #444444;
	font-family: "Georgia";
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
}
#main a{
	color: #3b7687;
	text-decoration: none
}
#main a:hover{
	
}
#footer{
	padding: 6px 40px 6px 40px;
	background: #d6d6d6;
	font-family: "Lucida Sans Unicode";
	color: #444444;
	font-size: 11px;
	text-align: right
}
#footer a{
	text-decoration: none;
	color: #262626
}
#footer a:hover{
	
}
.separator{
	font-size:11px;
	color:#fff
}
#list{
	background: #191919;
	color: #fff;
	font-family: monospace;
	font-size: 11px
}
#list-title{
	padding: 5px 0 0 5px
}
#list-title p{
	padding: 0;
	margin: 0
}
#main-spec{
	margin: 0 0 0 180px;
	padding: 35px 40px 30px 0;
	color: #444444;
	font-size: 13px;
	line-height: 18px
}
#spec-tbl{
	width: 550px;
	font-family: "Courier New";
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px
}
.img-spec{
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 5px;
	width: 150px
}
.img-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.td-spec{
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 4px;
	font-weight: bold;
	width: 130px
}
.td-spec-d{
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 4px
}
.img-container{
	position: relative;
	text-align: center;
	color: fff
}
.img-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
h1.img-text{
	text-shadow:
	3px  3px 0 #000,
	-1px -1px 0 #000,  
	1px -1px 0 #000,
	-1px  1px 0 #000,
	1px  1px 0 #000
}
iframe{
	border-radius: 8px
}
.side-link{
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000
}
.side-link a{
	font-family: "Tahoma";
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000
}
.side-link a:hover{
	text-decoration: underline;
	text-shadow: 0px 0px 5px rgba(100, 100, 100, 1)
}
.img-text a{
	text-decoration: none;
	color: #869843;
	font-size:24px;
	font-family: "Arial Narrow", "Myriad Pro";
	font-weight: bold;
	text-shadow:
	3px  3px 0 #000,
	-1px -1px 0 #000,  
	1px -1px 0 #000,
	-1px  1px 0 #000,
	1px  1px 0 #000
}
.img-text a:hover{
	text-decoration: underline
}
@media screen and (max-width: 500px){
	#container{
		width: 500px;
		margin: 0 auto;
		background: #fff
	}
}