﻿html, body{
	height: 100%;
}

body{
	height: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(/i/bg.png) repeat-x;
}

.f-l{
	float: left;
}

.f-r{
	float: right;
}

.clear{
  clear: both;
  height: 0;
  overflow: hidden;
}

.cl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.cl{
	display:inline-block;
}

* html .cl{
	height:1%;
}

.cl{
	display:block;
}

.s1{
	width: 900px;
	margin: 0 auto;
}

.s2{
	background: #fc0000;
	height: 75px;
}

.s3{
	margin-top: 21px;
}

.s4{
	margin-top: 19px;
	width: 280px;
	text-align: right;
}

.s4 a{
  display: inline-block;
  vertical-align: middle;
}

.s4 img{
	margin: 0 3px;	
	-webkit-box-shadow: #000 0px 0 3px;
	-moz-box-shadow: #000 0px 0 3px;
	box-shadow: #000 0px 0 3px;	
	behavior: url(/js/PIE.htc);
}

.s4 .fb{
  margin-right: 50px;
}

.s4 .fb img{
 	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

.s5{
	width: 540px;
	margin: 40px auto 40px auto;
	text-align: center;
}

.s6{
	margin: 40px 0 40px;
	font-size: 18px;
	color: #000;
	width: 560px;
	text-align: center;
}

.s7{
	width: 610px;
	margin: 0 auto;
}

.s8, .s8 img{
	display: block;
}

.s8:hover{
	-webkit-box-shadow: #000 0 0 5px;
	-moz-box-shadow: #000 0 0 5px;
	box-shadow: #000 0 0 5px;	
	behavior: url(/js/PIE.htc);	
}

.s9{
	width: 290px;
	text-align: center;
	margin-top: 10px;
}

.s9 a{
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

.s9 a:hover{
	text-decoration: underline;
}

.s10{
	border-top: 1px solid #acacac;
	margin-top: 40px;
	font-size: 10px;
	color: #858585;
	text-align: center;
	padding-top: 7px;
}