/*********************
	LAYOUT
*********************/


div.clear { clear: both }

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}



* {
    margin: 0;
    padding: 0;
}

body {
	background-color: #f5f4f4;
	position: relative;
	height: 100%;
	width: 100%;
}


body.home {
	background: url(../img/atf_logo_1.jpg) no-repeat left center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


body,
p,
li {
	font-family: "Georgia", Arial;
	font-size: 16px;
	color: #7a7a7a;
}

p {
	margin-bottom: 20px;
	line-height: 25px;
}

img { border: none }


div.container {
	width: 960px;
	margin: 0 auto;
}

h1 {
	font-family: "Open Sans", Arial, serif;
	color: #9e9e9e;
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 50px;
}




h1 strong {
	font-weight: 800;
	color: #5206ff;
}


	h1 sup {
		font-size: 13px;
	}




h2 {
	color: #000;
	font-family: "Open Sans", Arial, serif;
	text-transform: uppercase;
}


	h2 em {
		font-style: normal;
		text-transform: none;
	}








/*********************
	EVENT
*********************/

h3 {
	margin-top: 30px;
}








/*********************
	PAGE
*********************/
	


	div.content {
		padding-bottom: 200px;		
	}


	header nav {
		float: right;
	}

	header nav ul { 
		border-bottom: 1px solid #dfdede;
		float: left;
		margin-top: 10px;
		margin-right: 20px;
		background-color: #FFF;
	}


	header nav ul li {
		list-style-type: none;
		display: inline-block;
		margin-left: 10px;
	}


		header nav ul li:first-child {
			margin-left: 0;
		}



	header nav ul li a {
		font-family: "Open Sans", Arial, serif;
		text-decoration: none;
		color: #000;
		text-transform: uppercase;
		font-weight: 100;
		font-size: 14px;
		padding: 10px;
		display: inline-block;
	}



		header nav ul li a:hover {
			color: #ff2b06;
		}




		header nav ul li a sup {
			font-size: 9px;
			color: #ff2b06;
		}



			header nav ul li ul {
				display: none;
				position: absolute;
				margin-top: 0;
				border-bottom: none;

			}


			header nav ul li:hover ul {
				display: block;
				border-top: 1px solid #dfdede;
				background-color: #f5f4f4;
			}



				header nav ul li ul li {			
					display: block;
					margin-left: 0;
				}



					header nav ul li ul li a {	
						font-size: 14px;
						font-style: italic;
						width: 248px;
						border-bottom: 1px solid #dfdede;
						display: inline-block;
						text-transform: none;
					}





	header img.logo {
		/*display: block;*/
		margin-top: 100px;
		width: 227px;

	}




	header nav ul.social {
		float: right;
		border: none;
		margin-top: 0;
		margin-right: 0;
	}


		header nav ul.social li {
			margin-left: 0;
			margin-right: -4px;
		}


		header nav ul.social a {
			display: inline-block;
			text-indent: -9999px;
			width: 50px;
			height: 50px;
			padding: 0;
		}


			header nav ul.social a.twitter {
				background: #424242 url(../img/twitter.png) center center no-repeat;

			}


			header nav ul.social a.facebook {
				background: #000000 url(../img/facebook.png) center center no-repeat;
			}


			header nav ul.social a.twitter:hover,
			header nav ul.social a.facebook:hover {
				background-color: #ff2b06;
			}











footer {
	position: fixed;
	bottom: -150px;
	width: 100%;

	transition: bottom 0.5s ease-out;
	-mozilla-transition: bottom 0.5s ease-out;
	-webkit-transition: bottom 0.5s ease-out;

}



	footer.up {
		bottom: 0;
	}


	footer div.top div.legal {
		float: left;
		padding-bottom: 6px;
		width: 82%;
		background-color: #f5f4f4;

	}


		footer div.top div.legal p {
			font-family: "Open Sans", Arial, sans-serif;
			font-size: 16px;
			margin-top: 5px;
			line-height: 14px;
			margin-bottom: 0;
			color: #000;
		}



			footer div.top div.legal p span {
				color: #5206ff;
				font-weight: 600;
			}





	footer div.top a.trigger {
		float: right;
		display: block;
		font-family: "Open Sans", Arial;
		color: #FFF;
		background-color: #5206ff;
		padding: 10px 2%;
		font-weight: 800;
		text-decoration: none;
		width: 14%;
	}



		footer div.top a.trigger span {
			display: inline-block;
			padding: 5px 11px;
			margin-right: 5px;
			border-radius: 100%;
			background-color: #30088b;
			color: #FFF;
		}



		footer.up div.top a.trigger span {
			padding: 4px 13px 6px;

		}



footer div.form {
	height: 150px;
	background: #202020 url('../img/bottom_bg.png') repeat-x left top;
}


	





	footer div.form div.upper img {
		width: 328px;
		float: left;
		margin-top: 30px;
	}

	footer div.form div.upper p {
		margin: 30px 0 0 15px;
		float: left;
		font-style: italic;
	}




		footer form {
			margin-top: 10px;
		}

		footer form div.field {
			float: left;
			margin-right: 46px;

		}


		footer form div.field.fname,
		footer form div.field.lname {
			width: 200px;
		}


		footer form div.field.email {
			width: 250px;
		}




			footer form label {
				display: block;
				color: #fefeff;
				font-style: italic;
				font-size: 12px;
				margin-bottom: 5px;
			}



			footer form label sup {
				color: #5206ff;
			}



			footer form input {
				width: 100%;
				padding: 10px 5px;
				border: 1px solid #5206ff;
			}



			footer form input[type=submit] {
				background-color: #202020;
				padding: 11px 65px;
				border: 1px solid #5206ff;
				color: #5206ff;
				width: inherit;
				float: left;
				margin-top: 24px;
				cursor: pointer;
			}



				footer form input[type=submit]:hover {
					color: #FFF;
				}


			footer div.complete p {
				font-size: 20px;
				text-align: center;
				margin-top: 30px;
			}











	








	








	








	








	








	








div.sidebar {
	width: 30%;
	float: left;
	margin-top: 150px;
}



div.main {
	width: 60%;
	float: right;
	margin-top: 50px;
}



	div.sidebar span.sub {
		font-size: 14px;
		color: #5206ff;
		display: block;
		font-style: italic;
		font-weight: 600;
		margin-bottom: 30px;		

	}




	div.sidebar a.social {
		display: block;
		padding: 15px 0 15px 50px;
		color: #9e9e9e;
		font-size: 14px;
		text-transform: uppercase;
		font-family: "Open Sans", Arial;
		font-weight: 600;
		text-decoration: none;
		border-bottom: 1px solid #dfdede;
		width: 55%;
	}





		div.sidebar a.social:hover {
			color: #000;
		}


			div.sidebar a.social.twitter {
				background: transparent url(../img/twitter_sub.png) center left no-repeat;
			}


			div.sidebar a.social.facebook {
				background: transparent url(../img/facebook_sub.png) center left no-repeat;
			}





img.coming_soon {
	width: 467px;
	margin: 0 auto;
	display: block;
}



	div.speakers ul li {
		list-style-type: none;
		display: inline-block;
		width: 204px;
		height: 200px;
		margin-left: 12px;
		margin-top: 100px;
		text-align: center;
	}



	div.speakers ul li:nth-child(4n+1),
	div.speakers ul li:first-child {
		margin-left: 0;
	}		

	div.speakers ul li h2 {
		margin-top: 10px;
	}


	div.speakers ul li a {
		text-decoration: none;
	}


	div.speakers div.img_container {
		width: 172px;
		height: 172px;
		border-radius: 100%;
		overflow: hidden;
		margin: 0 auto;
		border: 1px solid #CCC
	}




		div.sidebar.speakers div.img_container {	
			margin: 0 0 30px;
		}



		div.speakers img {
			width: 172px;
			margin: 0 auto;
			display: block;
		}



		div.speakers ul li p {
			font-size: 12px;
			color: #ff2b06;
			font-style: italic;
		}



		div.main.speakers h1 {
			margin-top: 30px;
		}








		div.sidebar img.map {
			margin-bottom: 30px;
		}








div.article {
	margin-bottom: 50px;
	background: transparent url(../img/news_border.png) repeat-x left bottom;
	padding-bottom: 20px;x
}



	div.article a.more {
		display: block;
		color: #ff2b06;
		font-size: 16px;
		text-transform: uppercase;
		font-family: "Open Sans", Arial;
		font-weight: 800;
		text-decoration: none;
	}



	div.article a.more:hover {
		color: #000;
	}




	div.article p.date {
		font-style: italic;
		font-weight: 600;
		color: #000;
	}




		div.article p.date span {
			color: #ff2b06;
			font-family: "Open Sans", Arial;
			font-style: normal;
		}