@charset "UTF-8";
/* CSS Document */

#main_content
{
	position: relative;
	margin: auto;
	width: 1008px;
	text-align: center;
}


#navigation {
	font-family:Optima, Helvetica, Verdana, sans-serif;
	color:#000000;
	text-decoration:none;
	margin:15px 0px 0px 140px;
	font-size: 12px;
	top: 330px;
	z-index:15;
}

#navigation a {
	color:#999999;
	text-decoration:none;
	z-index:15;
}

#navigation a:hover {
	font-family:Optima, Helvetica, Verdana, sans-serif;
	color:#000000;
	text-decoration:none;
	z-index:15;
}

#selected a {
	color:#AC8C40;
	font-size:12px;
	z-index:15;
}

#navigation li {
	list-style:none;
	float:left;
	padding:5px 20px 5px 5px;
	z-index:15;
}
/*
#navigation li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}*/

#campaign {
	position: absolute;
	top: 10px;
	text-align: center;
	width: 800px;
}

#display {
	position: absolute;
	text-align: center;
	width: 1000px;
	height: 600px;
}

#logo {
	position:fixed;
	right:10px;
	top:-55px;
	width:240px;
	height:80px;
	z-index:150;
}

#link {
	height:125px;
	position:fixed;
	right:0;
	top:-55;
	width:250px;
	z-index:150;
}

#body {
	 position:relative;
	 margin-left: auto;
     margin-right: auto;
     top:20px;
	 width: 1008px; 
	 height: 1000px;
	 text-align: center; 
	 z-index:10;
}

#black {
	background-color:#000000;
	position:relative;
	 margin-left: auto;
     margin-right: auto;
     top:-750px;
	 width: 1008px;
	 height: 1000px;
	 text-align: center;
	 z-index:50;
}

#campaign {
	position:absolute;
	left:74px;
	top:381px;
	width:160px;
	height:280px;
	z-index:2;
	display:block;

}

#campaign:hover {
	position:absolute;
	background: url(../../css/images/CampaignRoll.jpg) top no-repeat;
	left:74px;
	top:144px;
	width:160px;
	height:280px;
	z-index:3;
	display:block;
}

#design {
	position:absolute;
	left:314px;
	top:381px;
	width:147px;
	height:280px;
	z-index:3;
	display:block;
}

#design:hover {
	position:absolute;
	background: url(../../css/images/DesignRoll.jpg) top no-repeat;
	left:312px;
	top:145px;
	width:152px;
	height:270px;
	z-index:3;
	display:block;
}

#identity {
	position:absolute;
	left:545px;
	top:383px;
	width:149px;
	height:280px;
	z-index:4;
	display:block;
}

#identity:hover {
	position:absolute;
	background: url(../../css/images/IdentityRoll.jpg) top no-repeat;
	left:548px;
	top:145px;
	width:148px;
	height:266px;
	z-index:14;
	display:block;
}

#motion {
	position:absolute;
	left:782px;
	top:380px;
	width:147px;
	height:280px;
	z-index:100;
	display:block;
}

#motion:hover {
	position:absolute;
	background: url(../../css/images/MotionRoll.jpg) top no-repeat;
	left:782px;
	top:145px;
	width:149px;
	height:270px;
	z-index:100;
}

#selectionbox {
	position:fixed;
	bottom:-20px;
	right:0px;
	height:120px;
	width:600px;
	z-index:200;
	text-align:right;
	display:block;
}

#selectionbox2 {
	position:fixed;
	bottom:-35px;
	right:0px;
	height:120px;
	width:1100px;
	z-index:200;
	text-align:right;
	display:block;
}

.clear {
	clear:both;
}

#box {
	width:74px;
	height:83px;
	z-index:3;
	padding-left:10px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;

}

#box:hover {
	width:74px;
	height:83px;
	color:#777777;
	z-index:4;
}

#help {
	position:absolute;
	left:357px;
	top:-488px;
	width:63px;
	height:15px;
	z-index:3;
}
#continue {
	position:absolute;
	left:458px;
	top:-488px;
	width:67px;
	height:16px;
	z-index:4;
}

#max {
	position:absolute;
	top:77px;
	left:763px;
	width:244px;
	height:293px;
}

#rip {
	position:absolute;
	top:93px;
	left:20px;
	width:298px;
	height:231px;
}

#lady {
	position:absolute;
	top:105px;
	left:548px;
	width:216px;
	height:50px;
}

#glass {
	position:absolute;
	top:93px;
	left:323px;
	width:215px;
	height:264px;
}

#lightboxmagnet1 {
	position:absolute;
	top:33px;
	left:45px;
	width:250px;
	height:235px;	
	
}

#lightboxmagnet2 {
	position:absolute;
	top:33px;
	left:295px;
	width:170px;
	height:235px;	
	
}

#lightboxfridge {
	position:absolute;
	top:300px;
	left:5px;
	width:820px;
	height:705px;	
}	

#lightboxde3 {
	position:absolute;
	top:93px;
	left:545px;
	width:165px;
	height:310px;	
	
}

#lightboxde4 {
	position:absolute;
	top:155px;
	left:735px;
	width:230px;
	height:150px;	
	
}

#lightboxde5 {
	position:absolute;
	top:345px;
	left:720px;
	width:230px;
	height:50px;	
	
}

#asobi1 {
	position:absolute;
	top:45px;
	left:5px;
	width:270px;
	height:180px;	
	
}

#asobi2 {
	position:absolute;
	top:45px;
	left:530px;
	width:230px;
	height:180px;	
	
}

#asobi3 {
	position:absolute;
	top:230px;
	left:5px;
	width:250px;
	height:180px;	
	
}

#asobi4 {
	position:absolute;
	top:230px;
	left:255px;
	width:250px;
	height:180px;	
	
}

#asobi5 {
	position:absolute;
	top:230px;
	left:505px;
	width:250px;
	height:180px;	
	
}

#asobi6 {
	position:absolute;
	top:230px;
	left:750px;
	width:250px;
	height:180px;	
	
}

#asobi7 {
	position:absolute;
	top:450px;
	left:17px;
	width:500px;
	height:180px;	
	
}


#oldus {
	position:absolute;
	top:85px;
	left:5px;
	width:270px;
	height:315px;	
	
}

#trees {
	position:absolute;
	top:85px;
	left:255px;
	width:100px;
	height:315px;	
	
}

#hello {
	position:absolute;
	left:570px;
	top:195px;
	width:128px;
	height:210px;
	z-index:4;
}

#strips {
	position:absolute;
	left:760px;
	top:104px;
	width:62px;
	height:161px;
	z-index:3;
}

#tunic {
	position:absolute;
	left:708px;
	top:30px;
	width:59px;
	height:208px;
	z-index:2;
}

#glamour {
	position:absolute;
	left:850px;
	top:37px;
	width:108px;
	height:160px;
	z-index:4;
}

#sketched {
	position:absolute;
	left:760px;
	top:280px;
	width:103px;
	height:240px;
	z-index:2;
}

#shaded {
	position:absolute;
	left:708px;
	top:400px;
	width:59px;
	height:208px;
	z-index:2;
}

#draped {
	position:absolute;
	left:872px;
	top:183px;
	width:91px;
	height:225px;
	z-index:7;
}

#eastern {
	position:absolute;
	left:872px;
	top:410px;
	width:91px;
	height:166px;
	z-index:8;
}
#fabric {
	position:absolute;
	left:872px;
	top:413px;
	width:71px;
	height:161px;
	z-index:7;
}
#fabric {
	position:absolute;
	left:789px;
	top:505px;
	width:126px;
	height:182px;
	z-index:9;
}
#cram {
	position:absolute;
	left:622px;
	top:544px;
	width:91px;
	height:176px;
	z-index:10;
}

#barratt {
	position:absolute;
	left:521px;
	top:504px;
	width:79px;
	height:166px;
	z-index:11;
}

#electrician {
	position:absolute;
	left:700px;
	top:604px;
	width:79px;
	height:166px;
	z-index:11;
}

#ink {
	position:absolute;
	left:511px;
	top:415px;
	width:121px;
	height:78px;
	z-index:12;
}

#stare {
	position:absolute;
	left:370px;
	top:315px;
	width:150px;
	height:170px;
	z-index:140;
}

#frame {
	position:absolute;
	left:270px;
	top:500px;
	width:230px;
	height:250px;
	z-index:11;
}

#amelie {
	position:absolute;
	left:43px;
	top:413px;
	width:03px;
	height:401px;
	z-index:14;
}

#radblack {
	position:absolute;
	top:13px;
	left:365px;
	width:150px;
	height:310px;	
	
}