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

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #010200;
	background-position: top;
}


.clear {
	background: none;
	clear: both;
}



/* ============================== FONT STYLES ================================= */
p {
	margin: 10px 0;
	padding: 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	text-align: justify;
}

/* ============================== HEADER ================================= */
#container {
	margin: 0 auto;
	width:980px;
	margin-top:5px;
	height:925px;
	
	-webkit-border-radius: 15px;
border-radius: 15px;
margin-bottom:50px;
		
}

#header-wrap{
width:100%;
height:181px;
background-image:url(images/bg-header.png);
	background-repeat:repeat-x;
	
}

#header {	
	width: 980px;
	height:181px;
	margin: 0 auto;	
	
}

#header .hleft{
width:33%;
float:left;		
}

#header .hleft img{
margin-top:100px;
float:left;
margin-left:20px;
}


#header .hmiddle img{
margin-top:10px;
}

#header .hmiddle{
width:33%;
float:left;
}

#header .hright{
width:34%;
float:left
}
#header .hright img{
margin-top:78px;
float:left;
margin-left:20px;
}





#header-m{
display:none;	
}
#toggle{
display:none;
}

/* ==================== SLIDESHOW ================= */

#sliders{
	width:980px;
	height:430px;
	margin:0 auto;
	float:left;
}

#sliders > div { 

margin:0px;
}



#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 980px; 
    height: 430px; 
	float:left;
}

#slideshow > div { 
    position: absolute; 
    top: 00px; 
    left: 00px; 
    right: 00px; 
    bottom: 00px; 
}







/* ==================== MAIN CONTENT================= */

#main-content {
	width:966px;
	float: left;
	background-color:#FFF;
	height:475px;
	margin-top:20px;
	border:7px solid #CCC;
}


#main-content p{
color:#000;
line-height:1.6em;	
	
}

#main-content h3 {
	color:#000;
	font-size: 20px;
	font-weight:normal;
	line-height: 1.5em;
	font-family: 'Oswald', sans-serif;
	text-align:left;
	text-transform:uppercase;
	margin-left:20px;
	
	
}


#main-content .main-left{
	width:70%;
	float:left;
		height:200px;
}

#main-content .main-right{
	width:28%;
	float:left;
	margin-left:10px;
	height:200px;
	border-left:2px solid #CCC;
}

#main-content .main-right ul{
text-align:left;
line-height:1.7em;	
list-style-image: url('images/arrow.png');
text-decoration:underline;
}

#main-content .logos{
width:100%;
height:300px;
float:left;
margin-top:20px;	
	
}
#main-content .logos img{
float:left;
	
}







/* ===================== FOOTER ===================== */
#footer-wrapper {
	width: 100%;
	clear: both;
	float: left;
	bottom:0; 
	background-color:#000;
}
#footer {
	width: 980px;
	margin: 0 auto;
	height:100px;
	background-color:#000;
}

#footer .ftop{
width:100%;
height:54px;	
	
}

#footer .ftop p{
color:#fff;
text-align:center;
font-size:13px;

}

#footer .fbottom{
width:100%;
height:20px;	
	
}

#footer .fbottom p{
color:#fff;
text-align:center;
font-size:12px;
margin-top:20px;

}


#footer .fbottom a{
color:#666;
text-align:center;
font-size:12px;

}

#footer .fbottom a:hover{
color:#999;
text-align:center;
font-size:12px;

}



#footer p {
	
	color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
	line-height:1.5em;
	
}


/* Max width of 600 pixels.________________________________________ */
@media screen and (max-width: 600px) {

body{
background-color:#000;
background-image:none;	
}






#container {
	margin: 0 auto;
	width:100%;
	margin-top:5px;
	height:auto;
	background-color:#fff;
	-webkit-border-radius: 15px;
border-radius: 15px;
margin-bottom:50px;
		
}

#header-wrap{
width:100%;
height:151px;
	
}

#toggle {
        display:block;
		width:100%;
		height:30px;
    }



#header {	
	display:none;
}





#header-m{
	width: 100%;
	height:151px;
	margin: 0 auto;	
	display:block
}

#header-m img{
width:100%;
float:left;
clear:both;
margin-bottom:8px;
}

#header-m .text-m{
width:100%;
height:160px;
float:left;	
	
}

#header-m .text-m p{

color:#fff;
text-align:left;
text-align:justify;
font-size:14px;
}


#header-m .text-m a{
color:#6CF;
}
#header-m .text-m a:hover{
color:#fff;	
	
}

/* ==================== SLIDESHOW ================= */

#sliders{
	width:100%;
	height:auto;
	margin:0 auto;
	float:left;
}

#sliders > div { 

margin:3px;
width:100%
}



#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 100%; 
    height: 248px; 
	float:left;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

#slideshow img{ 
width:100%;

}




/* ==================== MAIN CONTENT================= */

#main-content {
	width:100%;
	float: left;
	height:auto;
	background-color:#FFF;
	
}

#main-content .main-left{
float:left;
width:100%;	
}

#main-content .main-right{
float:left;
width:100%;	
}

#main-content .logos{
width:100%;
height:800px;		
}



/* ===================== FOOTER ===================== */
#footer-wrapper {
	width: 100%;
	clear: both;
	float: left;
	bottom:0; 
	background-color:#000;
}
#footer {
	width: 100%;
	margin: 0 auto;
	height:100px;
	background-color:#000;
}

#footer .ftop{
width:100%;
height:54px;	
	
}

#footer .ftop p{
color:#fff;
text-align:center;
font-size:12px;

}

#footer .fbottom{
width:100%;
height:20px;	
	
}

#footer .fbottom p{
color:#fff;
text-align:center;
font-size:12px;
margin-top:20px;

}


#footer .fbottom a{
color:#666;
text-align:center;
font-size:12px;

}

#footer .fbottom a:hover{
color:#999;
text-align:center;
font-size:12px;

}



#footer p {
	
	color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	
	line-height:1.5em;
	
}



p.browse{
text-align:center;
margin-top:12px;
font-size:15px;	
	
}








}