/*-- CASCADING STYLE SHEET --*/

	body {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		text-align: center;
		font-size: 12px;
		color: #333333;
		background: #ffffff;
		margin:0;
		padding:0;
		}

	body.portfolio {
		width: 10100px;
		}

	body.about {
		width: 2100px;
		}

	body.recognition {
		width: 1965px;
		}

	body.contact {
		overflow-x: scroll;
		}

	img {
		border: none;
		}

	a {
		font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
		}

	a:link { 
		color: #999999;
		text-decoration: none;
		}

	a:visited {
		color: #999999;
		text-decoration: none;
		}

	a:active {
		color: #999999;
		text-decoration: none;
		}

	a:hover {
		color: #999999;
		text-decoration: underline;
		}

	h1 {
		color: #333333;
		font-size: 12px;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		}

	p {
		color: #333333;
		font-size: 12px;
		text-align: justify;
		line-height: 18px;
		margin: 12px 0px 0px 0px;
		}

	.container {
		float: left;
		width: 100%;
		text-align: left;
		background: #ffffff;
		}

/*-- SPLASH --*/

	#splash {
		position: absolute;
		top: 50%;
		margin-top: -167px;
		left: 50%;
		margin-left: -234px;
		}

/*-- HEADER | LOGO & NAVIGATION --*/

	#header {
		float: left;
		width: 100%;
		height: 52px;
		background: #ffffff;
		}

	#logo {
		float: left;
		position: fixed !important;
		position: static;
		width: 325px;
		height: 14px;
		background: #ffffff;
		margin-left: 15px !important;
		margin-left: 8px;
		}

	#navigation {
		float: left;
		position: fixed !important;
		position: static;
		width: 360px;
		min-height: 15px;
		background: #ffffff;
		margin: 1px 0px 0px 352px !important;
		margin: 1px 0px 0px 12px;
		}

	#navigation ul { }

	#navigation li {
		float: left;
		list-style-type: none;
		margin-left: 5px;
		}

	#navigation li.first {
		margin-left: 0px;
		}

	#navigation	li a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #999999;
		}

	#navigation	li a:link {
		text-decoration: none;
		}

	#navigation	li a:visited {
		text-decoration: none;
		}

	#navigation	li a:active {
		text-decoration: none;
		}

	#navigation	li a:hover {
		color: #666666;
		text-decoration: none;
		}

	#navigation li a.on {
		color: #333333;
		}

	#navigation .seperator {
		margin: 4px 0px 0px 0px;
		}

/*-- CONTENT --*/

	#container_content {
		float: left;
		width: 100%;
		height: 356px;
		background: #ffffff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}

	#content {
		float: left;
		background: #ffffff;
		margin: 15px 0px 0px 0px;
		}

/*-- CONTENT | PORTFOLIO --*/

	#container_content.portfolio {
		float: left;
		width: 100%;
		height: 358px;
		background: #ffffff;
		border-top: 0px solid #ccc;
		border-bottom: 0px solid #ccc;
		}

	#container_content.portfolio ul {
		margin: 0;
		padding: 0;
		}

	#container_content.portfolio li {
		float: left;
		list-style-type: none;
		}

	#content.portfolio {
		float: left;
		background: #ffffff;
		margin: 0px 0px 0px 0px;
		}

	.framed {
		float: left;
		border: 1px solid #ccc;
		margin-left: 5px;
		}

	.framed_first {
		float: left;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		}

	.framed_last{
		float: left;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		margin-left: 5px;
		}

	.cedar {
		float: left;
		}

	.gorham {
		float: left;
		}

	.norfolk {
		float: left;
		}

	.louis {
		float: left;
		}

	.kent {
		float: left;
		}

/*-- CONTENT | ABOUT --*/

	.bio {
		float: left;
		width: 400px;
		height: 325px;
		margin-left: 15px !important;
		margin-left: 8px;
		}

	.emblem {
		float: left;
		width: 320px;
		height: 325px;
		margin-left: 52px;
		margin-right: 52px;
		}

	.pointofview {
		float: left;
		width: 450px;
		height: 325px;
		}

	.creativestrategy {
		float: left;
		width: 450px;
		height: 325px;
		margin-left: 48px;
		margin-right: 36px !important;
		margin-right: 8px;
		}

/*-- CONTENT | RECOGNITION --*/

	.publication {
		float: left;
		width: 400px;
		height: 325px;
		margin-left: 15px !important;
		margin-left: 8px;
		}

	.publication p.quote {
		font-size: 12px;
		color: #787878;
		text-align: left;
		line-height: 22px;
		}

	.screenshot {
		float: left;
		height: 325px;
		margin-left: 52px;
		margin-right: 52px;
		}

	.screenshot.last {
		float: left;
		height: 325px;
		margin-left: 52px;
		margin-right: 0px;
		}

/*-- CONTENT | CONTACT --*/

	#content .contact {
		width: 400px;
		height: 325px;
		margin-left: 15px;
		}

/*-- ARROWS --*/

	#container_arrows {
		float: left;
		width: 100%;
		height: 55px;
		background: #ffffff;
		}

	#arrows {
		width: 125px;
		position: fixed !important;
		position: static;
		left: 50%;
		height: 31px;
		margin-top: 24px;
		margin-left: -50px !important;
		margin-left: -100px;
		}

	#arrows ul {	
		margin: 0;
		padding: 0;
		list-style:none;
		}

	#arrows ul li {
		margin: 0;
		padding: 0;
		display:inline;
		width: 16px;
		height: 30px;
		}

	#arrows ul li a{
		float: left;
		display: block;
		width: 16px;
		height: 30px;
		overflow: hidden;
		cursor: pointer;
		font-size: 12px;
		text-indent: -9000px;
		}

	#arrows ul #left a {
		background-color: transparent;
		background-image: url('../images/scroll_left.jpg');
		background-repeat: no-repeat;
		}

	#arrows ul #right a{
		background-color: transparent;
		background-image: url('../images/scroll_right.jpg');
		background-repeat: no-repeat;
		}

	#arrows .left {
		position: static;
		float: left;
		margin-left: 0px;
		}

	#arrows .center {
		position: static;
		float: left;
		margin-left: 24px;
		}

	#arrows .right {
		position: static;
		float: left;
		margin-left: 48px !important;
		margin-left: 24px;
		}