*, html {padding:0;margin:0;}
html {overflow-y:scroll;}
body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue Regular", Helvetica, Verdana, Arial, sans-serif;
	font-size: small;
	color: #5b3e19;	
	
	}


object {
background:#d4c7a6 url(/images/css-bg.gif) repeat left top;
}
a {color:#5b3e19; text-decoration:none;}
a:hover, .active {color:rgb(247, 148, 29);}
a:focus {}
#wrap {
	margin: 3em auto;
	padding: 0;
	font-size: 120%;
	letter-spacing:-0.05em;
	overflow:hidden;
	width:60em;
	}
#content {
	width: 45em;
	float: right;
	}
#sidebar {
	width: 230px;
	float: left;
	margin:0;
	overflow:hidden;
	position:fixed;
	bottom:65px;
	z-index:9;
	}
#film #sidebar {
	bottom:24px;
	}
#header {
	background:rgba(255,255,255,0.5);
	border-radius: 0 1em 1em 0;
	-moz-border-radius: 0 1em 1em 0;
	-webkit-border-radius: 0 1em 1em 0;
	padding:1em 1em 1em 0;
	}

#header a {	}
p {
	padding:0;
	margin:0;
	font-size:115%;
	padding-bottom:1em;
	line-height:1.1;
	}
p a{
	text-decoration:underline;
	}
h1 {
	padding-bottom:0.7em;
	}
h2 {
	font-size:130%;
	padding-bottom:0.75em;
	text-transform:lowercase;
	}
h3 {
	margin-bottom:0;
	}
.alignleft {float:left;
	margin:5px;
	}
.alignright {
	float:right;
	padding:5px;
	margin-right:10em;
	}
.list {
	font-size:115%;
	list-style-type:none;
	}
#splash {
	text-align:center;
	}
#splash img {
	padding-bottom:4em;
	}
#splash .first {
	font-size:180%;
	}
#splash .subnav {
	font-size:140%;
	}
.blurb {
	font-size:130%;
	padding-bottom:2.5em;
	}
.nav {
	padding:0;
	margin:0;
	}
.nav li {
	list-style-type:none;
	font-size:150%;
	padding:0 0 0.4em 0;
	margin:0;
	}
.subnav {
	padding:0;
	margin:0;
	}
.subnav li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
	}
#sidebar img {

	border:0;
	}
#desc{display:none;}
#description {
	height:200px;
	margin:0 10px 0 0;
	}
/* contact form */
label, input {display:block;}
/* imagegallery */
#placeholder {
	padding:0;
	margin:3px 0 0 0;
	float:left;
	}
/* 2 col gallery */
#imagegallery {
	line-height:0;
	padding:0;
	margin:0 190px 0 88px;
	}
#imagegallery li {
	float:left;
	width:145px;
  height:120px;
	line-height:0;
	list-style-type:none;
	padding:0;
	margin:0;
	}
#imagegallery li a {
	display:block;
	padding:2px;
	margin:0;
	border:0;
	}

#imagegallery li a img {
	padding:0;
	margin:0;
	border:0;
	border:1px solid #efe5d1;
	}
 /* 3 col gallery */
 #imagegallery-col3 {
	line-height:0;
	padding:0;
	margin:0;
	margin-left:65px;
	margin-right:160px;
	}
#imagegallery-col3 li {
	float:left;
	width:145px;
	line-height:0;
	list-style-type:none;
	padding:0;
	margin:0;
	}
#imagegallery-col3 li a {
	display:block;
	padding:2px;
	margin:0;
	border:0;
	}

#imagegallery-col3 li a img {
	padding:0;
	margin:0;
	border:0;
	}
#imagegallery a.accessibility {
	display:none;
	}
/* video */
.vidlist {
	margin:0;
	padding:0;
	list-style:none;
	}
.vidlist li {
	padding:2px 2px 1px 2px;
	border-bottom:1px dotted #5b3e19;
	margin-top:2px;
	}

.vidlist li a {
	display:block;
	xwidth:100%;
	height:165px;
	padding-left:300px;
	}
.vidlist li a:hover {color:#2F1A03;}
.vidlist li.film-cath{
	background:url(/images/css-film-cathy.jpg) no-repeat left top;
	}


.vidlist li.film-con{
	background:url(/images/css-film-converse.jpg) no-repeat left top;
	}
a.qt {background:url(/images/qt.png) no-repeat top left;
	display:block;
	height:41px;
	text-indent:-7000px;
	width:134px;
	}
a:hover.qt {background-position:left -50px;}
	
#reelsgallery {
	font-size:14px;
	line-height:17px;
	}
#reelsgallery .title {
	font-weight:bold;
	}
#reelsgallery  li{
	clear:both;
	list-style-type:none;
	margin-bottom:1em;
	overflow:hidden;
	position:relative;
	}
#reelsgallery img {
	bottom:0;
	left:307px;
	position:absolute;
	}
#reelsgallery p {
	font-size:100%;
	padding-bottom:0;
	}
#reelsgallery li a img{
	bottom:auto;
	border-top:1px solid #EFE5D1;
	border-left:1px solid #EFE5D1;
	border-bottom:1px solid #AF986D;
	border-right:1px solid #AF986D;
	left:auto;
	margin:0;
	}
#reelsgallery a {
	float:left;
	height:167px;
	width:307px;
	}
#content img.main {
	padding-bottom:1em;
	width:100%;
	}

/* layout sorted */
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
.clearfix {display:inline-block}
.clearfix {display:block}

/* @group Layouts for resolutions */

/*layouts smaller than 550px, iPhone and mobiles*/
@media screen and (max-device-width: 480px), screen and (max-width: 700px) {
	#wrap{
		letter-spacing:0;
		margin-top:0;
		width:96%;
		}
	#content  {
		width:100%;
		float:none;
		}
	#sidebar {
    bottom: auto;
		float:none;
		margin:0 auto;
		padding-bottom:1em;
		position:relative;
		width:auto;
		}
	#film #sidebar {
		bottom:0;
		}
	#sidebar a {
		display:block;
		}
	#sidebar img {
		left:45%;
		position:absolute;
		top:0;
		width:10%;
		}
	a.qt {
		bottom:auto;
		position:relative;
		}
	.nav {
		padding:8% 0 0;
		text-align:center;
		}
	.nav li {
		display:inline;
		font-size:100%;
		}
	#sidebar .nav li a,
	#sidebar .subnav li a{
		display:inline;
		padding:0.5em 0.25em;
		}
	.subnav {
		border-bottom:1px solid #C7AE8D;
		margin:0 auto;
		padding-bottom:0.5em;
		text-align:center;
		width:85%;
		}
	.subnav li {
		color:#c7ae8d;
		} 
	#sidebar .subnav li a{
		font-size:80%;
		color:#c7ae8d;
		}
	#description {
		display:none;
		}
	#header {
		background:none;
		bottom:auto;
		position:relative;
		top:auto;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		padding:0;
		}
	p {
		font-size:100%;
		}
	#imagegallery {
		margin:0 auto;
		}
	#reelsgallery {
		margin-top:0;
		padding-left:0;
		}
	#splash img {
		max-width:100%;
		}

	#splash .subnav {
		border-bottom:0;
		font-size:100%;
		margin:0;
		padding:0;
		text-align:left;
	}
	#reelsgallery img {
		position:relative;
		}

@media screen and (min-width: 700px) {
	/*layouts larger than 900px*/
	#wrap{
		
		}
	}