/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body{
margin:0;
padding:0;
background: #000 url(../images/bbg.jpg) top center no-repeat;
font-family: Helvetica Neue, Helvetica, Arial;
}

.header{
width: 100%;
background: url(../images/header.png) repeat;
height: 68px;
float: left;
margin-bottom:70px;
}

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

a.logo{
float: left;
background: #000;
height: 53px;
padding: 15px 30px 0;
color: #fff;
text-decoration: none;
font-size: 33px;
}
.main{
width: 80%;
margin: 0 auto;
}

.main_content{
width: 500px;
padding-top: 50px;
margin:0 auto
}

.main_content p{
font-size: 20px;
letter-spacing: 0.5px;
color: #36362c;
text-align: center;
font-weight: 300;
line-height: 30px;
text-shadow: 1px 1px 1px #f5f4ea;
filter: dropshadow(color=#f5f4ea, offx=1, offy=1);
margin-bottom: 25px;

}
.log{ background: url(../images/log.png);
	width:186px; height:196px; text-align: center; float:left; margin:30px}
	.login{ 
	width:386px; float:left; margin:30px}
.log p.bolder{
font-weight: 500px;
font-size: 22px;
margin-top: 25px;
padding:20px;
}
.log a{text-decoration:none}
.log a:hover{ background: url(../images/log1.png);
	width:186px; height:196px; text-align: center; float:left;}
	.footer{
width: 580px;
margin: 0 auto;
bottom:0px;
}
.footer p.bolder{
font-size: 12px;
letter-spacing: 0.5px;
color: #36362c;
text-align: center;
font-weight: 300;
line-height: 30px;
text-shadow: 0px 2px 5px #c5f4ea;
filter: dropshadow(color=#f5f4ea, offx=1, offy=1);
margin-bottom: 25px;}
.footer a:hover {font-size: 20px;
}
@media only screen and ( min-width: 768px) and ( max-width: 980px )
{
	
	body { width:auto; background: #000 url(../images/bbg_exxx.jpg) top center no-repeat; }
	.main_content{
width: 500px;
padding-top: 50px;
margin:0 auto
}
.header{
width: 100%;
}
.header_main{
width: auto;
margin: 0 auto;
}
}
@media only screen and ( min-width: 467px) and ( max-width: 768px ) {
	body { width:auto; background: #000 url(../images/bbg_exx.jpg) top center no-repeat; }
	.main_content{
width: 400px;
padding-top: 50px;
margin:0 auto
}
.header{
width: auto;
}
.header_main{
width: auto;
margin: 0 auto;
}
.log{margin:0px}
.main{
width: 480px;
margin: 0 auto;
}
a.logo{
font-size: 23px;
}
	.footer{
width: auto;
margin: 0 auto;
bottom:0px;
}
}
@media only screen and ( max-width: 467px) {
	body { width:auto; background: #000 url(../images/bbg_ex.jpg) top center no-repeat; }
	.main_content{
width: 200px;
padding-top: 50px;
margin:0 auto
}
.header{
width: auto;
}
.header_main{
width: auto;
margin: 0 auto;
}
.log{margin:0px}
.main{
width: 380px;
margin: 0 auto;
}
a.logo{
font-size: 23px;
}
	.footer{
width: auto;
margin: 0 auto;
bottom:0px;
}
}