/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

	
/* Typography
================================================== */
	body {
		-webkit-font-smoothing: antialiased;
		text-shadow: rgba(0,0,0,.01) 0 0 1px;
	}
	
	h1 {
		font-family: 'AccordLight', Helvetica, Arial sans-serif;
		color: #333333;
		font-size: 25px;
		letter-spacing: -0.05em;
		line-height: 30px;
	}
	
	p {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 14px;
		line-height: 23px;
		color: #5a5a5a;
	}
	
	p strong {
		font-weight: bold;
		font-size: 17px;
	}
	

/* #Page Styles
================================================== */

	/* General Layout
	================================================== */
	body, html {
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}
	
	.col33 {
		width: 33%;
	}
	
	/* Header
	================================================== */
	header {
		margin: 0 10px;
		height: 70px;
		background: url('../images/header-bg.png') repeat-x top left;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
	header img {
		margin: 17px 0 0 25px;
	}
	
	header.rtl img {
		margin: 17px 25px 0 0;
	}
	
	/* Section
	================================================== */
		
	/*TOP*/
		
		section.top {
			background: #f0f0f0;
			margin: 0 10px;
			padding: 25px;
			overflow: hidden;
		}
		
		section.top h1 {
			margin-bottom: 0px;
		}
		
		section.top hr {
			height: 0px;
			border-bottom: 1px solid #fff;
			border-top: 1px solid #dcdcdc;
			margin: 15px auto 25px;
		}
		
		section.top article {
			max-width: 500px;
			margin: 0 auto;
		}
		
		section.top article img {
			width: 100%;
			max-width: 240px;
			max-height: 81px;
		}
		
		section.top article p {
			margin-bottom: 25px;
		}
		
		section.top article p:last-child {
			margin-bottom: 0px;
		}
	
	/*BOTTOM*/
		
		section.bottom {
			margin: 0 10px;
			padding: 25px 0;
			background: #fff;
			overflow: hidden;
		}
		
		section.bottom article {
			width: 90%;
			margin: 0 auto;
			display: table;
			min-height: 150px;
		}
		
		div.col33 {
			display: table-cell;
			border-right: 1px solid #5a5a5a;
		}
		
		div.col33:last-child {
			border-right: none;
		}
		
		div.col33.rtl{
			border-right: none;
			border-left: 1px solid #5a5a5a;
		}
		
		div.col33.rtl:last-child {
			border-left: none;
		} 
		
		div.col33 img {
			display: block;
			text-align: center;
			margin: 10px auto 0;
		}
		
		div.col33:first-child img {
			margin-top: 6px;
		}
		
		div.col33 p {
			margin: 18px 23px 0;
			text-align: center;
		}
	
	/* Footer
	================================================== */
	footer.rtl {
		display: none;
	}
	
	footer {
		width: 100%;
	}
	
	footer img {
		width: 100%;
	}
	
	#footer500, #footer350 {
		display: none;
	}
		

/* #Media Queries
================================================== */

	@media only screen and (max-width: 700px) {
		section.bottom {
			padding: 0px;
		}
		
		section.bottom article {
			display: block;
		}
		
		div.col33, div.col33.rtl {
			width:100%;
			float: none;
			display: block;
			border-right: none;
			border-left: none;
			border-bottom: 1px solid #5a5a5a;
			padding: 25px 0;
			height: auto;
		}
		
		div.col33:last-child {
			border-bottom: none;
		}
		
		#footer700 {
			display: block;
		}
		#footer500 {
			display: none;
		}
		#footer350 {
			display: none;
		}
	}
	
	@media only screen and (max-width: 500px) {
		#footer700 {
			display: none;
		}
		#footer500 {
			display: block;
		}
		#footer350 {
			display: none;
		}
	}

	@media only screen and (max-width: 350px) {
		#footer700 {
			display: none;
		}
		#footer500 {
			display: none;
		}
		#footer350 {
			display: block;
		}
	}
	


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
	font-family: 'AccordLight';
	src: url('../fonts/accordalternate-light-webfont.eot');
	src: url('../fonts/accordalternate-light-webfont.eot?iefix') format('eot'),
	     url('../fonts/accordalternate-light-webfont.woff') format('woff'),
	     url('../fonts/accordalternate-light-webfont.ttf') format('truetype'),
	     url('../fonts/accordalternate-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}