/* 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;	
}
#scrollcont { 
	position: absolute; 
	left: 245px; 
	top: 115px; 
	width: 300px; 
	height: 445px; 
	z-index: 5; 
	clip: auto; 
	overflow: hidden;
}
	
#sp1 {
	position: absolute;
	width: 282px;
	height: 538px;
	z-index: 1;
	left: 245px;
	top: 71px;
}

#sp2 {
	position: absolute;
	width: 282px;
	height: 440px;
	z-index: 2;
	left: 245px;
	top: 115px;
	visibility: hidden;
}

#up {
	position: absolute; 
	left: 542px; 
	top: 295px; 
	width: 48px; 
	height: 36px; 
	z-index: 20; 
	border:0;
}

#down {
	position: absolute;
	left: 542px;
	top: 340px;
	width: 48px;
	height: 36px;
	z-index: 20;
	border:0;
	overflow: hidden;
}

#shell {
	left: 620px;
	top: 115px;
	height: 480px;
	position: absolute;
	width: 300px;
	text-align: left;
	
} 

#c1 {
	left: 0px;
	top: 384px;
	height: 90px;
	position: absolute;
	width: 140px;
	
} 

#c2 {
	left: 160px;
	top: 385px;
	height: 90px;
	position: absolute;
	width: 140px;
		
} 


#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 */

	/* Row */
#n17{
	position: absolute;
	left: 0px;
	top: 113px;
	width: 47px;
	height: 72px;
	z-index: 2;
}
#rh1{
	position: absolute;
	left: 74px;
	top: 113px;
	width: 47px;
	height: 72px;
	z-index: 3;
}
#n15{
	position: absolute;
	left: 148px;
	top: 113px;
	width: 50px;
	height: 74px;
	z-index: 10;
}
#h10{
	position: absolute;
	left: 222px;
	top: 113px;
	width: 48px;
	height: 72px;
	z-index: 5;
}


#hy1{
	position: absolute;
	left: 0px;
	top: 203px;
	width: 51px;
	height: 72px;
	z-index: 6;
}
#h9{
	position: absolute;
	left: 74px;
	top: 203px;
	width: 50px;
	height: 74px;
	z-index: 8;
}


#nb1{
	position: absolute;
	left: 0;
	top: 13px;
	width: 46px;
	height: 72px;
	z-index: 4;
}

#nb2{
	position: absolute;
	left: 74px;
	top: 13px;
	width: 46px;
	height: 72px;
	z-index: 4;
}

#nb3{
	position: absolute;
	left: 148px;
	top: 13px;
	width: 46px;
	height: 72px;
	z-index: 4;
}

#nb4{
	position: absolute;
	left: 222px;
	top: 13px;
	width: 46px;
	height: 72px;
	z-index: 4;
}

#w1{
	position: absolute;
	left: 148px;
	top: 203px;
	width: 46px;
	height: 72px;
	z-index: 4;
}
#w5{
	position: absolute;
	left: 222px;
	top: 203px;
	width: 48px;
	height: 72px;
	z-index: 7;
}


#o1{
	position: absolute;
	left: 0px;
	top: 293px;
	width: 48px;
	height: 72px;
	z-index: 11;
}
#b4{
	position: absolute;
	left: 74px;
	top: 293px;
	width: 47px;
	height: 72px;
	z-index: 7;
}
#h8{
	position: absolute;
	left: 148px;
	top: 293px;
	width: 48px;
	height: 72px;
	z-index: 14;
}
#w4{
	position: absolute;
	left: 222px;
	top: 293px;
	width: 48px;
	height: 72px;
	z-index: 14;
}


#n12{
	position: absolute;
	left: 0px;
	top: 380px;
	width: 48px;
	height: 72px;
	z-index: 7;
}
#m2{
	position: absolute;
	left: 74px;
	top: 380px;
	width: 49px;
	height: 72px;
	z-index: 12;
}
#mc1{
	position: absolute;
	left: 148px;
	top: 380px;
	width: 48px;
	height: 72px;
	z-index: 14;
}
#n14{
	position: absolute;
	left: 222px;
	top: 380px;
	width: 49px;
	height: 72px;
	z-index: 14;
}	


#o2{
	position: absolute;
	left: 0px;
	top: 463px;
	width: 47px;
	height: 72px;
	z-index: 7;
}
#n4{
	position: absolute;
	left: 74px;
	top: 463px;
	width: 46px;
	height: 72px;
	z-index: 12;
}
#b2{
	position: absolute;
	left: 148px;
	top: 463px;
	width: 45px;
	height: 72px;
	z-index: 14;
}
#n13{
	position: absolute;
	left: 222px;
	top: 463px;
	width: 47px;
	height: 72px;
	z-index: 14;
}	

/* Pane 2 */

#o2a{position: absolute; left: 0px; top: 0px; width: 47px; height: 72px; z-index: 7;}
#n4a{position: absolute; left: 74px; top: 0px; width: 46px; height: 72px; z-index: 12;}
#b2a{position: absolute; left: 148px; top: 0px; width: 45px; height: 72px; z-index: 14;}
#n13a{position: absolute; left: 222px; top: 0px; width: 47px; height: 72px; z-index: 14;}	

#h7{ position: absolute; left: 0px; top: 90px; width: 48px; height: 72px; z-index: 2;}
#b1{ position: absolute; left: 74px; top: 90px; width: 48px; height: 72px; z-index: 3;}
#h3{position: absolute; left: 148px; top: 90px; width: 48px; height: 72px; z-index: 10;}
#h6{ position: absolute; left: 222px; top: 90px; width: 48px; height: 72px; z-index: 5;}


#n10{position: absolute; left: 0px; top: 180px; width: 48px; height: 72px; z-index: 6;}
#ss1{position: absolute; left: 74px; top: 180px; width: 45px; height: 72px; z-index: 8;}
#n6{position: absolute; left: 148px; top: 180px; width: 46px; height: 72px; z-index: 4;}
#h2{position: absolute; left: 222px; top: 180px; width: 48px; height: 72px; z-index: 7;}


#h5{position: absolute; left: 0px; top: 270px; width: 48px; height: 72px; z-index: 11;}
#n1{position: absolute; left: 74px; top: 270px; width: 48px; height: 72px; z-index: 7;}
#h4{position: absolute; left: 148px; top: 270px; width: 48px; height: 72px; z-index: 14;}
#n2{position: absolute; left: 222px; top: 270px; width: 50px; height: 72px; z-index: 14;}


#n7{position: absolute; left: 0px; top: 360px; width: 47px; height: 72px; z-index: 7;}
#h1{position: absolute; left: 74px; top: 360px; width: 48px; height: 72px; z-index: 12;}
#n5{position: absolute; left: 148px; top: 360px; width: 48px; height: 72px; z-index: 14;}
#n8{position: absolute; left: 222px; top: 360px; width: 53px; height: 74px; z-index: 14;}






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


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