body {
	padding:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: 'Roboto', sans-serif;
}
	  
h1,h2,h3,h4,h5,h6{
	font-weight:200;
	text-shadow: 0 1px 3px rgba(0,0,0,.4);
	font-family: "Amatic SC", cursive;
}

h3{
	font-size:350%;
}

h4{
	font-size: 34px;
}

.logo {
	border: 0px;
	width: 50px;
	height: 50px;	
	background:url(images/cr351logo.png);
	background-size:48px 48px;
	background-repeat:no-repeat;
}
	  
header#top-section{
	position:relative;
	overflow:hidden;
	padding-top:0px;
	width:100%;
	min-width:100%;
	min-height:50px;	
	z-index:0;
	border: 0px solid red;
}

.inner-top-bg{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	display:inline-block;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	background: rgba(0, 0, 0, 0.3);
	
}
.jumbotron {
	background: none;
	text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:1;
	width:100%;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
}

.jumbotron h1{
	color:#fff;
	padding-top:220px;

}

.jumbotron p.lead {
	color:#fff;
	font-size:120%;
	max-width:60%;
	margin-left:auto;
	margin-right:auto;

	position:relative;
}
.btn.btn-start{
	background: rgba(0,0,0, 0);
	border:4px solid #fff;
	color:#fff;
	padding: 19px 24px;
	font-size: 24px;
	font-weight: 200;
	margin-top:40px;
	z-index:2;
}		
.btn.btn-start:hover{
	background: rgba(0,0,0, 0.5);
	color:#fff;
	padding: 19px 24px;
	font-size: 24px;
	font-weight: 200;
	margin-top:40px;
	z-index:2;
}
section {
	padding-top:50px;
	padding-bottom:50px;
	min-height:100px;
	width:100%;
	min-width:100%;
	position:relative;
	overflow:hidden;
}

#alert { 
    display:none; 
}
#error {
    display:none; 
}
.validation-error {
	float: none; 
	color: #FF0000;
	padding-left: 5px; 
	vertical-align: top; 
}

#video01{
	margin-bottom: 10px;
}




/* default */  
#Section-0
{
	background: url(images/ambg01.jpg) 50% 0% fixed no-repeat;
	background-size:100% auto;
	min-height:480px;
}

#Section-1{
	background: url(images/artemoto2013_01.jpg) 50% 0% fixed repeat;
	background-size:100% auto;
	min-height:480px;
}

#Section-2{
	background: url(images/artemoto2013_05.jpg) 50% 0% fixed repeat;
	background-size:100% auto;
	min-height:480px;
} 

#Section-3{
	height:480px;
	padding: 0px;
	margin: 0px;
}

#Section-4{
	background: url(images/artemoto2013_02.jpg) 50% 0% fixed repeat;
	background-size:100% auto;
	min-height:480px;	
}

footer{
	background: #000000; 
	background-size:100% 100%;

	width:100%;
	min-width:100%;
	padding-top:10px;
	min-height:100px;
	position:relative;
	color: #ffffff;
}

  #Section-2 hr{
	color:tramsparent;
  }
  

  #map {
	margin: 0px;
	width: 100%;
	height: 400px;
  }
  
  .color-white{
	color:#fff;
  }
  
  .panel{
	background: rgba(250,250,250, 0.65);
	margin-bottom:30px;
	-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    1px 1px 12px rgba(0, 0, 0, 0.5);
	box-shadow:         1px 1px 12px rgba(0, 0, 0, 0.5);
	border:1px solid rgba(250,250,250, 0.5);
  }	  
  
  .panel-heading, .panel-footer{
	background: rgba(250,250,250, 0.4);
	-webkit-box-shadow: 1px 1px 12px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 12px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 12px rgba(50, 50, 50, 0.5);
	
  }
  .panel h3{
	text-shadow: 0px 1px 0px rgba(250, 250, 250, 1);
  }
  .panel .list-group-item{
	background: rgba(250,250,250, 0.7);
  }

  /****************** NAVIGATION STYLES *************************/
 .navbar {
	background-color: #000000;
	border:0px;
	box-shadow:0px -3px 0px rgba(50,50,50, 0.25) inset;
	font-family: "Amatic SC", cursive;
	font-size: 36px;
}

navbar-fixed-top{
	z-index:1030;
}
  
.navbar .nav > li > a {
	float: none;
	/*padding: 15px 20px 15px;*/
	color: #777777;
	text-decoration: none;
	text-shadow: none;
	text-transform:uppercase;
}
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	color: #eeab04;
	text-decoration: none;
	background-color: #fff;
	-webkit-box-shadow:  none;
	-moz-box-shadow:   none;
	box-shadow:  none;
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #00ccff;
	box-shadow:0px -3px 0px rgba(50,50,50, 0.53) inset;
	}

.social
{
	text-align: right;
}
	
.mainsupporters
{
	border: 0px solid red;
	text-align: center;
}

.mainsupporters img
{
	max-width: 100px;
	max-height: 100px;
	margin-left: 4px;
	margin-right: 4px;
}

.supporters
{
	border: 0px solid red;
	text-align: center;
}
.supporters img
{
	max-width: 50px;
	max-height: 50px;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;

}

section .container ul li
{
	margin: 10px;
	border: 0px solid red;
}

/*************** @media ******************/
@media (max-width: 979px){

		#Section-0
		{
			background: url(images/ambg01.jpg) 50% 0% fixed no-repeat;
			background-size:100% auto;
			min-height:350px;
		}
	  
		#Section-1{
			background: url(images/artemoto2013_01.jpg) 50% 0% fixed repeat;
			background-size:100% auto;
			min-height:350px;
		}
	  
		#Section-2{
			background: url(images/artemoto2013_04.jpg) 50% 0% fixed repeat;
			background-size:100% auto;
			min-height:350px;
		} 
	  
		#Section-3{
			min-height:350px;			
		}
	  
		#Section-4{
			background: url(images/artemoto2013_02.jpg) 50% 0% fixed repeat;
			background-size:100% auto;
			min-height:350px;
		} 
		
		.mainsupporters img
		{
			width: 90px;
		}
		.supporters img
		{
			width: 50px;

		}
		.navbar-fixed-top {
			margin-bottom: 0px;
		}
		
		.navbar-fixed-top, .navbar-fixed-bottom {
			position: fixed;
		}
		
		.navbar .container {
			width: auto;
			padding: 0px 20px;
		}
		
		.navbar .brand {
			padding-right: 10px;
			padding-left: 10px;
			margin: 0 0 0 15px;
		}
		.container{
			padding:0px 20px;
		}
		
		.jumbotron {
			padding: 0px;
			top:30px;
		}
		.jumbotron h1 {
			color: #fff;
			padding-top: 150px;
			font-size:40px;
		}
		footer .page-header h3{
			padding-top:100px !important;
		}
}
@media (max-width: 762px){
		header#top-section{
			background: url(images/ambg01.jpg) 50% 0% fixed no-repeat;
			background-size:100% auto;
		}
		
		.page-header{
			margin: 20px 0 20px;		
		}
		
		#Section-0
		{
			background: url(images/ambg01.jpg) 50% 0% fixed no-repeat;
			background-size:100% auto;
			min-height:300px;
		}
	  
		#Section-1{
			background: url(images/artemoto2013_01.jpg) 50% 0% fixed repeat;
			background-size:100% auto;
			min-height:300px;
		}
	  
		#Section-2{
			background: url(images/artemoto2013_04.jpg) 50% 0% fixed repeat;
			background-size:100% auto;
			min-height:300px;
		} 
	  
		#Section-3{

			min-height:300px;			
		}
	  
		#Section-4{
			background: url(images/artemoto2013_02.jpg) 50% 0% fixed repeat;
			background-size:100% auto;
			min-height:300px;
		}
		
		.container{
			padding:0px 20px;
		}
  
		.mainsupporters img
		{
			width: 50px;
		}
		.supporters img
		{			
			width: 30px;

		}
 
}