/* 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: 20px;
	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;
	
} 

#c2 {
	left: 200px;
	top: 385px;
	height: 122px;
	position: absolute;
	width: 180px;
		
} 

#c3 {
	left: 71px;
	top: 300px;
	height: 18px;
	position: absolute;
	width: 18px;
	
} 

#c4 {
	left: 71px;
	top: 327px;
	height: 18px;
	position: absolute;
	width: 18px;
	
} 
#c5 {
	left: 191px;
	top: 300px;
	height: 18px;
	position: absolute;
	width: 18px;
	
} 
#c6 {
	left: 191px;
	top: 327px;
	height: 18px;
	position: absolute;
	width: 18px;
	
} 
#c7 {
	left: 311px;
	top: 300px;
	height: 18px;
	position: absolute;
	width: 18px;
	
} 
#c8 {
	left: 311px;
	top: 327px;
	height: 18px;
	position: absolute;
	width: 18px;
	
} 

#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: 385px; 
	width: 72px; 
	height: 72px; 
	z-index: 2;
}

#pub0{
	position: absolute;
	left: 344px;
	top: 84px;
	width: 72px;
	height: 72px;
	z-index: 17;
}	
#pub1{
	position: absolute;
	left: 344px;
	top: 182px;
	width: 72px;
	height: 72px;
	z-index: 3
}
#pub2{
	position: absolute;
	left: 344px;
	top: 277px;
	width: 72px;
	height: 72px;
	z-index: 7;
}
#pub3{
	position: absolute;
	left: 344px;
	top: 370px;
	width: 72px;
	height: 72px;
	z-index: 7;
}

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



/* 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;
	
}

.portfoliopd {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;	
	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;
}