/* css for layout don't change)*/

body {
	margin: 0px;
	padding: 0px;
	font-family: GillSans, Trebuchet, Arial, sans-serif;
	font-size: 12px;
	background-color: #000000;
	
}

/* primary navigation (don't change)*/

img.logo { 
	border: 0; 
}

#lmnopnav {
	position: absolute; 
	left: 16px; 
	top: 20px; 
	width: 204px; 
	height: 52px; 
	z-index: 13; 
	border:0;
}

#portnav {
	position: absolute; 
	left: 24px; 
	top: 72px; 
	width: 73px; 
	height: 24px; 
	z-index: 12;
}

#clientnav {
	position: absolute; 
	left: 97px; 
	top: 72px; 
	width: 52px; 
	height: 24px; 
	z-index: 14;	
}

#contactnav {
	position: absolute; 
	left: 149px; 
	top: 72px; 
	width: 60px; 
	height: 24px; 
	z-index: 14;	
}

#identity{
	position: absolute;
	left: 0px;
	top: 134px;
	width: 209px;
	height: 21px;
	z-index: 1;
}

#webdesign{
	position: absolute;
	left: 0px;
	top: 234px;
	width: 209px;
	height: 21px;
	z-index: 1;
}


#book{
	position: absolute;
	left: 0px;
	top: 324px;
	width: 209px;
	height: 21px;
	z-index: 5;
}

#pubs{
	position: absolute;
	left: 0px;
	top: 418px;
	width: 209px;
	height: 21px;
	z-index: 7;
}

#packaging{
	position: absolute;
	left: 0px;
	top: 503px;
	width: 209px;
	height: 21px;
	z-index: 9;
}

#motion{
	position: absolute;
	left: 0px;
	top: 584px;
	width: 209px;
	height: 21px;
	z-index: 13;
}

/* Content (don't change)*/

#bio {
	position: absolute; 
	left: 240px; 
	top: 115px; 
	width: 523px; 
	height: 255px; 
	z-index: 1;
}

#address {
	position: absolute; 
	left: 240px; 
	top: 370px; 
	width: 268px; 
	height: 141px; 
	z-index: 2;
}

#contact {
	position: absolute; 
	left: 508px; 
	top: 370px; 
	width: 255px; 
	height: 141px; 
	z-index: 3; 
	vertical-align: middle;
}	

#L2 {
	position: absolute;
	left: 637px;
	top: 115px;
	width: 275px;
	height: 470px;
	z-index: 2;
}	

#L1 {
	position: absolute;
	left: 237px;
	top: 116px;
	width: 388px;
	height: 747px;
	z-index: 1;
	vertical-align: middle;
}
	
/* general text styling */

.note {
	font-size: 9px;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular, sans-serif;
	color: #FFFFFF;
	
}

.navcont {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
}

.portfolio {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
}

.about {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	line-height: 24px;
}

.clist {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	line-height: 34px;
}

.reach {
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	line-height: 36px;
}

.mtitle {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	font-weight: 500;
	margin-right: 3px;
		
}

.portfoliosub {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: right;
}


a {
	text-decoration: none;
	color: #666666;
}
a:link, a:visited {
	text-decoration: none;
	color: #9999CC;
}
a:hover {
	text-decoration: none;
	color: #CCCC66;
}
p {
	margin: 0 0 0 0;
}

.spacer {
	color: #ffffff;
}