@charset "UTF-8";
/* CSS Document */

/*  -- Reset Defaults --  */

body, h1, h2, h3, h4, h5, a, p, img, div, ol, ul, li, caption, blockquote, cite
	{
	margin:0;
	padding:0;
	border:none;
	}

/*  -- Containers --  */
html
	{
	width:100%;
	}
	
body
	{
	width:100%;
	margin:0;
	padding:0;
	}
	
div#container
	{
	margin:30px auto;
	padding:0;
	position:relative;
	width:899px;
	min-height:720px;
	border: 1px #666 solid;
	}
	

/*  -- 1. Header / Branding -- */
div#header
	{
	min-height:70px;
	position:relative;
	}

div#header h1
	{
	text-indent:-9999px;
	}
	
div#header h4
	{
	position:absolute;
	top:75px;
	left:10px;
	z-index:80;
	}	
	

/*  -- 2. Main Navigation -- */
div#nav_main
	{
	margin:0;
	padding:0;
	position:relative;
	width:899px;
	height:35px;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
	}

div#nav_main ul
	{	
	position:relative;
	margin: 7px 0 5px 420px;
	padding: 0;
	z-index: 80;
	}

li.nav
	{	
	display: inline;
	margin:0px 5px 0 5px;
	padding: 2px 0px;
	float: left;
	}


/*  -- 3. Content Container -- */
div#content_container
	{
	margin:35px 45px;
	}
	
p
	{
	margin: 20px 0;
	}

ul#video_samples
	{
	position:relative;
	margin:50px 0;
	}
	
li.instructions p
	{
	padding-left:10px;
	}
	
li.sample
	{
	position:relative;	
	float:left;
	width:125px;
	margin:0 36px 0 0px;
	padding:0;
	overflow:visible;
	}
	
li.sample a img
	{
	border: 3px #720b03 solid;
	}
	
li.sample p
	{
	margin:0;	
	width: 125px;
	text-align:right;
	}
	

/*  --  Pages  --  */


/*  --  About  --  */

img#portrait
	{
	float:right;
	margin:0 50px 25px 25px;
	border: 3px #720b03 solid;
	}
	
img#portrait_work
	{
	float:left;
	margin:0 50px 25px 25px;
	border: 3px #720b03 solid;
	}

/*  --  Partner  --  */
	
img#partner
	{
	margin-bottom:10px;
	}