@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg.png) no-repeat center fixed #212630;
	font-family: 'Open Sans', serif;
}

p,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

#main_container{
	width:100%;
}

#inner_container{
	width:980px;
	margin:20px auto;
}

#left_panel{
	float:left;
	padding-left:86px;
}

#right_panel{
	float:left;
	padding:280px 0 0 0;
}
#right_panel .social{
	font-size:12px;
	color:#FFFFFF;
	margin-top:30px;
}

#right_panel .social a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#right_panel .social a:hover{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
}

#footer{
	width:100%;
	margin-top:100px;
	padding-top:20px;
	text-align:center;
	background:url(../images/line.png) no-repeat top;
}
#footer .links{
	font-size:14px;
	line-height:18px;
	color:#FFFFFF;
}
#footer .links a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer .links a:hover{
	text-decoration:underline;
}
#footer .copyright{
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	padding-top:10px;
}


.headings{
	margin:10px 0 10px 0;
}

.headings h1,h2,h3,h4,h5,h6{
	font-size:10px;	
	color:#FFFFFF;
	padding:0 10px 0 10px;
	display:inline;
}
.img{
    max-width: 100%;
    height: auto;
}

@media all and (max-width : 768px) {
#footer{
	width:100%;
	margin-top:100px;
	padding-top:20px;
	text-align:center;
	background:url(../images/line.png) no-repeat top;
}

#inner_container{
	width:95%;
	margin:20px auto;
}
#left_panel{
	float:left;
	padding-left:0px;
	width:30%;
}

#right_panel{
	float:left;
	padding:304px 0 0 0;
	width:70%;
}
}

@media all and (max-width : 480px) {
#right_panel{
	padding:204px 0 0 0;
}
}

@media all and (max-width : 380px) {
#right_panel{
	padding:154px 0 0 0;
}
}