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


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

/* Viewer */

#shell {
	left: 560px;
	top: 100px;
	height: 450px;
	position: absolute;
	width: 380px;
	text-align: left;
} 
#vshell {
	left: 60px;
	top: 15px;
	height: 256px;
	position: absolute;
	width: 320px;
	
} 
#borderbox{
	position: absolute;
	left: 59px;
	top: 15px;
	border-top-width: 1px;
	border-top-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	height: 256px;
	width: 320px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

}
#c1 {
	left: 0px;
	top: 376px;
	height: 65px;
	position: absolute;
	width: 180px;
	
} 

#c2 {
	left: 200px;
	top: 377px;
	height: 65px;
	position: absolute;
	width: 180px;
		
} 

/* Folio */

#note{
	position: absolute; 
	left: 245px; 
	top: 565px; 
	width: 266px; 
	height: 28px; 
	z-index: 14; 
	text-align: center;
}
	
#lmnop{
	position: absolute;
	left: 342px;
	top: 88px;
	width: 72px;
	height: 72px;
	z-index: 2;
	}

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

#guests{
	position: absolute;
	left: 245px;
	top: 182px;
	width: 72px;
	height: 72px;
	z-index: 3;
	}
#quacks{
	position: absolute;
	left: 245px;
	top: 273px;
	width: 72px;
	height: 72px;
	z-index: 4;
}

#fluffer{
	position: absolute;
	left: 439px;
	top: 182px;
	width: 72px;
	height: 72px;
	z-index: 5;
}

#gaygarden{
	position: absolute;
	left: 245px;
	top: 367px;
	width: 72px;
	height: 72px;
	z-index: 7;
}

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

#aspen{
	position: absolute;
	left: 439px;
	top: 367px;
	width: 72px;
	height: 73px;
	z-index: 9;
}

#hedda{
	position: absolute;
	left: 439px;
	top: 273px;
	width: 72px;
	height: 72px;
	z-index: 11;
}

#deep{
	position: absolute;
	left: 342px;
	top: 367px;
	width: 72px;
	height: 72px;
	z-index: 12;
}

#vm{
	position: absolute;
	left: 342px;
	top: 453px;
	width: 72px;
	height: 72px;
	z-index: 13;
}



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

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

.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: #666666;
}
a:hover {
	text-decoration: none;
	color: #CCCC66;
}
p {
	margin: 0 0 0 0;
}

.spacer {
	color: #ffffff;
}