body {
	background:url(../img/back2.jpg) top left no-repeat #2d2d2d;
	font-family:Arial, Sans-Serif;
	font-size:100.01%;
	margin:0;
	padding:0;
	width:1020px;

	}  

	#container{
	margin:0;
	padding:0;
	width:1020px;

	}

	/* =========== */
	/* = Top Nav = */
	/* =========== */
	#top-nav
	{
	height:30px;
	width:202px;
	position:absolute;
	background-color: white;
	display:block;
	margin-left:720px;
	background-color:#2d2d2d;
	}

	#top-nav ul{
	margin:0;
	padding:0;
	height:30px;
	background-color:#2d2d2d;
	}

	#top-nav ul li{
	height:31px;
	float:left;
	display:block;

	}

	#top-nav ul li.first
	{
	width:107px;
	}
	#top-nav ul li.second
	{
	width:95px;
	}
	#top-nav ul li a{
	float:left;
	text-indent:-9999px;
	display:block;

	}

	#top-nav ul li.first a
	{
	background:url(../img/top-nav.png) top left no-repeat;
	width:107px;
	height:31px;
	}

	#top-nav ul li.first a:hover
	{
	background:url(../img/top-nav.png) 0px -66px no-repeat;
	}

	#top-nav ul li.second a
	{
	background:url(../img/top-nav.png) -107px 0px no-repeat;
	width:95px;
	height:31px;
	}
	#top-nav ul li.second a:hover
	{
	background:url(../img/top-nav.png) -107px 66px;
	}


	/* ======== */
	/* = h1's = */
	/* ======== */

	h1
	{
	width:645px;
	text-indent:-9999px;
	display:block;
	padding:17px 0 17px 0;
	clear:both;
	float:left;
	}

	h1.intro 
	{
	background:url(../img/intro.png) top left no-repeat;
	margin:200px 0 0 434px;	
	height:122px;
	}

	/* ============ */
	/* = Section Properties = */
	/* ============ */

	.section 
	{
	float:left;
	margin:0;
	padding:0;
	width:1020px;
	}

	.section .content
	{
	float:right;
	margin: 0 0px 0 0px;
	width:1020px;
	}
	.section .content.example1
	{
	background:url(../img/1-soundmatters-sketchfolio375.jpg) top right no-repeat;
	float:left;
	height:375px;
	}
	.section .content.example2
	{
	background:url(../img/januscapital-sketchfolio400.jpg) top right no-repeat;
	float:left;
	height:400px;
	}
	.section .content.example3
	{
	background:url(../img/paulmartins-sketchfolio400.jpg) top right no-repeat;
	float:left;
	height:400px;
	}
	.section .content.example5
	{
	background:url(../img/lefthandweb-sketchfolio525.jpg) top right no-repeat;
	float:left;
	height:525px;
	}
	.section .content.example4
	{
	background:url(../img/chimeradesign-sketchfolio326.jpg) top right no-repeat;
	float:left;
	height:326px;
	}
	.section .content.example6
	{
	background:url(../img/6-lefthandcards-sketchfolio277.jpg) top right no-repeat;
	float:left;
	height:277px;
	}

	.section .content.example7
	{
	background:url(../img/tr-sketchfolio277.jpg) top right no-repeat;
	float:left;
	height:277px;
	}
	
	.section .content.example8
	{
	background:url(../img/conexis-sketchfolio525.jpg) top right no-repeat;
	float:left;
	height:525px;
	}
	
	.section .content.example9
	{
	background:url(../img/poi-sketchfolio525.jpg) top right no-repeat;
	float:left;
	height:525px;
	}
	
	.section .content.example10
	{
	background:url(../img/pepperdine-sketchfolio525.jpg) top right no-repeat;
	float:left;
	height:525px;
	}
	
	.section .content.example11
	{
	background:url(../img/dts-sketchfolio277.jpg) top right no-repeat;
	float:left;
	height:277px;
	}
	
	.section .content.example12
	{
	background:url(../img/3-unitedhealthcare-sketchfolio375.jpg) top right no-repeat;
	float:left;
	height:375px;
	}
	.section .content.example13
	{
	background:url(../img/leaserunner-callout-873x525.jpg) top right no-repeat;
	float:left;
	height:525px;
	}
	.section .content.about-us
	{
	background:url(../img/aboutus.jpg) top right no-repeat;
	float:left;
	height:277px;
	}

	.section h3
	{
	clear:both;
	color:white;
	float:left;
	font-size:17px;
	font-weight: lighter;
	margin:14px 0 0 0px;
	padding-left:280px;
	text-align:right;
	text-transform: capitalize;
	width:640px;

	}

	.section  p
	{
	background:url(../img/divider.jpg) 280px 31px no-repeat;
	clear:both;
	color:#d6a521;
	float:left;
	font-size:13px;
	margin:0 0 0px 0px;
	padding-bottom:47px;
	padding-left:280px;
	text-align:right;
	text-transform: uppercase;
	width:640px;

	}
	.section .copy p
	{
	background:none;
	clear:both;
	color:#fff;
	float:none;
	font-size:16px;
	margin:0 0 0px 0px;
	padding-bottom:15px;
	padding-left:280px;
	text-align:left;
	text-transform: none;
	line-height: 25px;
	width:640px;

	}

	/* ======== */
	/* = h2's = */
	/* ======== */

	h2
	{
	position:absolute;
	}


	/* ==================== */
	/* = Defined Sections = */
	/* ==================== */

	.section.recent-work h2
	{
	background:url(../img/h2-recentwork.png) top left no-repeat;
	height:26px;
	margin:0;
	padding:0;
	text-indent:-999px;
	width:280px;
	}

	.section.about-us h2
	{
	background:url(../img/h2-about-us.png) top left no-repeat;
	height:26px;
	margin:0;
	padding:0;
	text-indent:-999px;
	width:280px;

	}


	/* ========== */
	/* = Footer = */
	/* ========== */

	#footer
	{
	border-top: 1px solid #626262;
	float:left;
	margin-left:108px;
	width:815px;

	}

	#footer p
	{
	color:#929496;
	font-size:11px;
	margin:0;
	padding:9px 0 9px 0;
	text-align: right;

	}