/* css for layout */

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

/* primary navigation */

img.logo { 
	border: 0; 
}

#lmnopnav {
	position: absolute; 
	left: 16px; 
	top: 20px; 
	width: 204px; 
	height: 52px; 
	z-index: 20; 
	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;	
}
#shell {
	left: 560px;
	top: 115px;
	height: 510px;
	position: absolute;
	width: 380px;
	text-align: left;
}

#c9 {
	left: 120px;
	top: 300px;
	height: 25px;
	position: absolute;
	width: 360px;	
} 
#c9 a{
	text-decoration: none;
	color: #9999CC;
}
#c9 a:hover{
	text-decoration: none;
	color: #CCCC66;
}
 

#c1 {
	left: 0px;
	top: 384px;
	height: 122px;
	position: absolute;
	width: 180px;
	
} 
#c1 a{
	text-decoration: none;
	color: #9999CC;
}
#c1 a:hover{
	text-decoration: none;
	color: #CCCC66;
}
#c2 {
	left: 200px;
	top: 385px;
	height: 122px;
	position: absolute;
	width: 180px;
		
} 

#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;
}

/* Folio */

#sergio{
	position: absolute;
	left: 344px;
	top: 533px;
	width: 72px;
	height: 72px;
	z-index: 2;
}

#warwick1{
	position: absolute;
	left: 344px;
	top: 365px;
	width: 72px;
	height: 72px;
	z-index: 2;
}

	
#wbtv{
	position: absolute;
	left: 344px;
	top: 182px;
	width: 72px;
	height: 72px;
	z-index: 3;
	}

#wayans{
	position: absolute;
	left: 443px;
	top: 182px;
	width: 72px;
	height: 72px;
	z-index: 4;
}

#ligos{
	position: absolute;
	left: 245px;
	top: 273px;
	width: 72px;
	height: 72px;
	z-index: 6;
}

#newvideo{
	position: absolute;
	left: 344px;
	top: 273px;
	width: 72px;
	height: 72px;
	z-index: 7;
}

#crazylips{
	position: absolute;
	left: 443px;
	top: 273px;
	width: 72px;
	height: 72px;
	z-index: 8;
}

#markmoore{
	position: absolute;
	left: 245px;
	top: 365px;
	width: 73px;
	height: 73px;
	z-index: 10;
}

#lookingroom{
	position: absolute;
	left: 245px;
	top: 182px;
	width: 72px;
	height: 73px;
	z-index: 11;
	vertical-align: middle;
}

#osd{
	position: absolute;
	left: 443px;
	top: 365px;
	width: 72px;
	height: 73px;
	z-index: 12;
	vertical-align: middle;
}

#psps{
	position: absolute;
	left: 245px;
	top: 451px;
	width: 72px;
	height: 72px;
	z-index: 14;
}

#hiip{
	position: absolute;
	left: 344px;
	top: 451px;
	width: 72px;
	height: 72px;
	z-index: 15;
}

#thirdst{
	position: absolute;
	left: 443px;
	top: 451px;
	width: 72px;
	height: 72px;
	z-index: 16;
}

#eyeq{
	position: absolute;
	left: 344px;
	top: 82px;
	width: 72px;
	height: 72px;
	z-index: 17;
}

/* css for roll-overs */

#luck{
	margin: 0;
	width: 130px;
	height: 174px;
	left: 65px;
	top: 120px;
	position: relative;
}
#luck ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Gill Sans, Trebuchet, arial, san-serif;
	font-size: 16px;
	line-height: 20px;
	color: #666666;
}
#luck li {
	margin: 0 0 0 0;
	width: 130px;
}
#luck a {
	/*/*/display: block;
	margin: 0;
	padding: 174px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:174px; /* for IE5/Win */
	width: 130px;/* */
}
#luck a:hover {
	background-position: 0 -174px;
}
#luck a:active, #luck a.selected {
	background-position: 0 -348px;
} 
#luckbut a  {
	width: 130px;
	background: url(images/typo.gif) top left no-repeat;
}
#guck{
	margin:0;
	width: 130px;
	height:174px;
	left: 196px;
	top: -54px;
	 /*\*//*/
    top: -174px;
    /**/
	position: relative;
}
#guck ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Gill Sans, Trebuchet, arial, san-serif;
	font-size: 16px;
	line-height: 20px;
	color: #666666;
}
#guck li {
	margin: 0 0 0 0;
	width: 130px;
}
#guck a {
	/*/*/display: block;
	margin: 0;
	padding: 174px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:174px; /* for IE5/Win */
	width: 130px;/* */
}
#guck a:hover {
	background-position: 0 -174px;
}
#guck a:active, #luck a.selected {
	background-position: 0 -348px;
} 
#guckbut a  {
	width: 130px;
	background: url(images/graphd.gif) top left no-repeat;
}

/* general text styling */

.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;	
	line-height:16px;
	
}

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

.portfoliosubs {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: right;
	line-height:16px;
}


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

.spacer {
	color: #ffffff;
}