* {
		text-align: left;
	}
	
	img {max-width: 100%; height: auto;}

	body {
		background: #e9822b url(bg.jpg) center no-repeat fixed;
			background-size: 100%;
	        -webkit-background-size: cover;
	        -moz-background-size: cover;
	        -o-background-size: cover;
	        background-size: cover;
	        text-align: center;
		margin: 0;
		padding: 0;
	}

	div {
		font-family: arial;
		font-size: 10.5pt;
		color: #412d24;
		line-height: 160%;
	}


	blockquote {
		color: #ff8b00;
		width: 66%;
		margin-left: auto;
		margin-right: 35px;
		padding: 5px 5px 5px 30px;
		font-family: 'Open Sans', sans-serif;
		font-size: 18pt;
		text-align: right;
		border-right: 1px solid #ff8b00;
		font-weight: 300;
		font-style: italic;
	}


	a:link, a:active, a:visited {
		color: #412d24; 
		text-decoration: none;
	}

	a:hover {
		color: #412d24; 
		text-decoration: none;
	}

	#navi a:link, #navi a:active, #navi a:visited {
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		color: #412d24;
		letter-spacing:0.1em;
		padding: 0 20px;
		font-size: 7pt;
		float: left;
		text-transform: uppercase;
		line-height: 50px;
		border-right: 1px solid #f1f1f1;
		border-bottom: 0px;
	}
	
	#navi a:hover {
			background: #ff8b00;
			color: #fff;
			border-bottom: 0px;
	}
	
	#footer a:link, #footer a:active, #footer a:visited {
		color: #eee;
		font-size: 8pt;
	}
	
	h1 {
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;;
		font-size: 18pt;
		letter-spacing:0.1em;
		line-height: 145%;
		font-variant: small-caps;
		margin: 40px auto;
		font-weight: 400;
		margin: 0;
		color: #ff8b00;
	}
	
	h1 i {
		color: #ff8b00;
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		font-size: 18pt;
		letter-spacing:0.1em;
		line-height: 145%;
		font-variant: small-caps;
		margin: 40px auto;
		font-weight: 300;
		font-style: normal;
	}
	
	#container {
		margin: 0px auto 0 auto;
		width: 851px;
		padding: 0 0 50px 0;
		background: #fff;

	}
	IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
	#tiltshadows {
       width: 851px;
       margin: 1em auto;
       position: relative;
       z-index: 3;
       text-align: center;
	} 

	article:before, article:after  {
       -webkit-box-shadow: 0 15px 10px rgba(0,0,0, .2);
       -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
       box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
       position: absolute;
       bottom: 15px;
       z-index: -1;
       width: 50%;
       height: 20%;
       content: "";
       background: rgba(0, 0, 0, 0.2);
	}


	article:after  {
       -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
       right: 10px;
       left: auto;
	}
 
	article:before  {
       -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
       right: auto;
       left: 10px;
	}  
	
	#header {
		font-family: 'didot', garamond, georgia, times, serif;
		font-size: 20pt;
		font-weight: normal;
		color: #222;
		margin: 0;
		padding: 0;
	}

	#content {
		margin: 15px;
	}

	#navi {
		width: 851px;
		height: 50px;
		line-height: 50px;
		margin: 0;
	}
	
	#footer {
		width: 851px;
		margin: 50px auto;
		text-align: center;
	}
	
	#column {
		columns: 3;
		-webkit-columns: 3; 
		-moz-columns: 3;
	}
	
	/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}