body{ 
	font-family: times,arial,verdana,tahoma,sans-sherif;
	font-size: 110%;
	background: -webkit-gradient(linear, left top, left bottom, from(#5B5A5A),to(#BBBBBB));
	background:-moz-linear-gradient(top,#5B5A5A,#BBBBBB);
	background: -ms-linear-gradient(top, #5B5A5A, #BBBBBB);
}

div#wrapper{
	width:800px;
	background:#fff;
	margin:60px auto;
	padding:20px 20px 40px 20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px
}

div#header{		
	padding:0 0 0 50px;
	margin:0;
	font-size:270%;
	color:#fff;
	text-shadow:1px 1px 10px black;
	box-shadow:1px 1px 5px #3e3e3e;
	background:#BA0101;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px	
}
nav {
	width:99%;
	list-style:none;
	padding:1%;
	margin:20px 0;
	float: left;
	background:#000;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 5px #3e3e3e
}
nav li {
	float:left;
	border-left: 1px solid #fff
}
nav li:first-child {
	border-left: 0;
}
nav li:last-child{
	border-right: 0;
}
nav li a {
	padding:0 25px;
	display:bock;
	font-family:verdana ,arial ,sans-sherif;
	font-size:95%;
	font-weight:bold;
	text-decoration:none;
	color:#fff
}
nav li a:hover{
	color:red;
}
h1{
	font-size:180%;
	padding:50px 0 20px 10px;
	text-shadow:1px 1px 5px gray
}

h2{
	font-size:150%;
	padding:50px 0 20px 10px;
	text-shadow:1px 1px 5px gray
}
h3{
	font-size:120%;
	color:#000;
	padding:0;
	text-shadow:1px 1px 5px gray
}
h4{
	font-size:100%;
	padding:0 0 0 10px;
	text-shadow:1px 1px 5px gray
}

p{
	width: 90%;
	line-height: 120%;
	margin: 10px auto 20px auto;
	padding:0;
}

ul{
	font-size:100%;
	list-style:none;
	
}
ul li a{
	line-height:150%;
	display:bock;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
ul li a:hover{
	color:red;	
}
#contact-form fieldset {width:80%;}
#contact-form li {margin:10px;list-style: none;}
#contact-form input  {margin-left:10px auto; text-align: left;}
#contact-form textarea {margin-left:10px auto; text-align: left;
}
div#container{
	width:100%;
	margin:0 auto;
}
div#colum_left{
	float:left;
	margin:0 auto;
}
div#colum_right{
	float:left;
	margin:0 auto;
}
div.clear{
	clear:both;	
}
footer{
	width:100%;
	list-style:none;
	float: left;
	padding:0;
	margin:0 0 5% 0
}
footer li {
		float:left
}
footer li a {
	padding:0 20px 20px 20px;
	margin:0 20px;
	display:bock;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	color:#000
}
footer li a:hover{
	color:red;
}	
figure img{
	max-width:100%;
	border:1px solid #000;
	margin:0 auto;
}
img{max-width:100%}

@media only screen
and (min-width:480px)
and (max-width:800px){
	div#wrapper{width:70%;
	font-size:100%;
	color:green;}
	div#header{
	font-size:180%;}
	nav{widht:100%;
	margin:20;}
	nav li a{
	font-size:45%;
	padding:8px;}
	h1{font-size:150%;}
	p{margin:8px auto 12px auto; line-height:150%}
	ul li a {line-height:170%}
	figure img{max-width:100%; padding:0; margin:0}
	iframe{height:300px}
	footer{width:100%;}
	footer li a{
	font-size:65%;
	padding:5px;
	margin:0;}
}
@media only screen
and (min-width:320px)
and (max-width:480px){
	div#wrapper{width:85%;
	padding:20px 5px 40px 5px;
	font-size:100%; color:gray}
	div#header{
	font-size:130%;}
	div#colum_left{float:none}
	nav{width:100%;
	padding:0;}
	nav li a{
	font-size:8px;
	padding:0 3px;}
	h1{font-size:130%; padding:20px 0 0 10px;}
	h2{font-size:110%; padding:10px 0 2px 0;}
	h3{font-size:90% ; padding:0;}
	p{
	line-height:170%;}
	ul li a {line-height:190%}
	figure img{padding:0; margin:0}
	iframe{hight:300px}
	footer{width:90%;}
	footer li a{
	font-size:65%;
	padding:0 5px;
	margin:0;}
}
@media only screen
and (min-width:240px)
and (max-width:320px){
	div#wrapper{width:88%;
	line-height:150%;	
	font-size:100%; color:brown}
	div#header{
	widht:60%;
	font-size:110%;}
	div#colum_left{float:none}
	nav{width:98%;}
	nav{padding:0}
	nav li a{
	font-size:8px;
	padding:0 3px;}
	h1{font-size:130%; padding:50px 0 0 10px;}
	h2{font-size:120%; padding:20px 0 2px 0;}
	p{line-height: 150%; margin:5px auto 10px auto;}
	ul li a {line-height:200%}
	figure img{padding:0; margin:0}
	footer{width:110%}
	iframe{height:250px}
	footer li a{
	font-size:10px;
	padding:0 3px 3px 0;
	margin:10px 10px 10px 0;}
	footer{font-size:70%}
}
@media only screen
and (min-width:100px)
and (max-width:240px){
	div#wrapper{width:98%;
	margin:10px auto;
	font-size:90%;
	color:yellow}
	div#header{
	widht:95%;
	font-size:110%;}
	div#colum_left{float:none}
	nav{width:98%;}
	nav{padding:0}
	nav li a{
	font-size:100%;
	padding:0 3px;}
	h1{font-size:130%; padding:50px 0 0 10px;}
	h2{font-size:120%; padding:20px 0 2px 0;}
	p{line-height: 100%; margin:5px auto 10px auto;}
	figure img{padding:0; margin:0}
	iframe{height:250px}
	footer{width:50%;}
	footer li a{
	font-size:80%;
	padding:0 3px 3px 0;
	margin:10px 10px 10px 0;}
}