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



@font-face {
    font-family: 'gotham_bookregular';
    src: url('fonts/gotham-book.eot');
    src: url('fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book.woff2') format('woff2'),
         url('fonts/gotham-book.woff') format('woff'),
         url('fonts/gotham-book.ttf') format('truetype'),
         url('fonts/gotham-book.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham_mediumregular';
    src: url('fonts/gotham-medium.eot');
    src: url('fonts/gotham-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium.woff2') format('woff2'),
         url('fonts/gotham-medium.woff') format('woff'),
         url('fonts/gotham-medium.ttf') format('truetype'),
         url('fonts/gotham-medium.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



html { 
  margin: 0px 0px 0px 0px;
  background-color: #7A7256; 
}

body {
  margin: 0px 0px 0px 0px;
padding: 0px;  
}

#container_top
 {

width: 100%;
height: 525px;
margin: 0px 0px 0px 0px;
border: 1px solid #081F2C;	
background-color: #081F2C;
}

#container_bot
 {
width: 100%;
height: 200px;
margin: 0px 0px 0px 0px;
border: 0px solid #9cf;	

}


#container_top #inner{

width: 960px;
height: 525px;
border: 0px solid #9cf;	
margin: 0px auto 0px auto;	
}

#container_bot #inner{
width: 960px;
height: 200px;
border: 0px solid #9cf;	
margin: 40px auto 0px auto;	
	
}
#container_bot #inner h2{
width: 100%;
text-align: center;	
color: #fff;
/*font-family: 'Montserrat', sans-serif;*/
font-family: 'gotham_mediumregular', sans-serif; 
font-size: 30px;
letter-spacing: 2px;
}

#container_bot #inner p{
width: 100%;
text-align: center;	
color: #fff;
font-family: 'gotham_bookregular', sans-serif;
font-size: 14px;
line-height: 16px;
}


#container_bot #inner p a {
color: #fff;	
font-weight: 400;
}


#container_top #inner h1#logo{
	position: relative;
	left: 50%;
	top: 200px;
	margin-left: -250px;

background-image: url(images/MADbpg_Logo.png);
background-repeat: no-repeat;
text-indent: -9000px;
width: 500px;
height: 220px;	
border: 0px solid #0F0;
background-size: 500px;
}


#container #inner #text_con{
	float: left;
	margin: 110px 0px 0px 130px;
width: 440px;
height: 490px;	
border: 0px solid #0F0;
}


#container #inner #text_con #heading{
	float: left;
	width: 440px;
	height: 30px;
	background-image: url(images/heading_bg.png);
background-repeat: no-repeat;
background-position: top right;
text-indent: -9000px;
	border-bottom: 1px solid #FFF;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 50px 0px;
}


#container #inner #text_con #tagline{
	float: left;
	width: 440px;
	height: 15px;
	background-image: url(images/tagline_bg.png);
background-repeat: no-repeat;
background-position: top right;
text-indent: -9000px;
	padding: 0px 0px 0px 0px;
	margin: 70px 0px 0px 0px;
}




#container #inner #text_con p{
	float: left;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
	
	width: 440px;

color: #FFF;
text-align: right;
margin: 0px 0px 0px 0px;
}

#container #inner #text_con p a {
color: #FFF;
text-decoration: none;	
}

#container #inner #text_con p a:hover {
color: #81be41;
text-decoration: none;	
}

#container #inner #text_con p strong{
font-weight: 600;
}

#container #inner #text_con form {
	float:left;
border: 0px solid #C00;
width: 260px;
height: 35px;
margin: 20px 0px 35px 180px;	
background-color: #FFF;
}


#container #inner #text_con form input{
	float: left;
border: 0px solid #9cf;
width: 200px;
margin: 5px 0px 0px 5px;	
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 16px;
color: #666;	
}


#container #inner #text_con form a#btn_submit{
	float: right;
	width: 35px;
	height: 35px;	
		background-image: url(images/btn_submit.png);
background-repeat: no-repeat;
background-position: top right;
text-indent: -9000px;
border: 0px solid #9cf;
}


#container_top  #social_con{
	float: left;
	width: 440px;
	height: 40px;

	padding: 0px 0px 0px 0px;
	margin: 85px 0px 0px 0px;
	border: 0px solid #C00;
}

#container_top  #social_con ul{
	float: right;
	height: 40px;

	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #C00;
	list-style-type: none;
}

#container_top #social_con ul li{
	float: left;
	height: 40px;
	width: 40px;
	border: 0px solid #0f0;
	margin: 0px 0px 0px 10px;
}

#container_top #social_con ul li a{
	float: left;
	height: 40px;
	width: 40px;
text-indent: -9000px;
background-repeat: no-repeat;
background-position: top right;	
}

#container_top #social_con ul li.fb a{

		background-image: url(images/icon_fb.png);
		background-repeat: no-repeat;
background-position: top right;	

}

#container_top #social_con ul li.ig a{

		background-image: url(images/icon_ig.png);
background-repeat: no-repeat;
background-position: top right;	
}



/* for 1024px */
@media screen and (max-width: 980px) {
#container {
margin: 40px 0px 0px 0px;
}

#container #inner #text_con #social_con {
	margin: 65px 0px 0px 0px;	
}
}