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

.wrapOverall {
	width:1024px;
	padding:0px;
	margin:0 auto;
	
}
/********************************/
/* general html tag rules */
/********************************/

body { 
	background-color:#9a9a9a;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(images/WEB_index_f.png);
	background-attachment: fixed;
}


h1, h2, h3, h4, h5 {
	background-image:;
	height:200px;
	width:200px;
	position:fixed;
	color: #CCCc;
	top: 100px;
	left: 1150px;
	margin: 0px;
	padding: 0px;
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 25px;
}


/********************************/
/* project annotation */
/********************************/

p {
	width: 150px;
	color: #FFFFFF;
	position:static;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 20px;
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 11px;
	float:right;
	line-height:1.5;
	letter-spacing:1px;
}

h6 {
	width: 150px;
	color: #FFFFFf;
	position:static;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 20px;
	font-family: 'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 18px;
	float:right;
	line-height:1.5;
	letter-spacing:1px;
}

a {
	
}

a:hover {
	
}

hr {
	
}


/********************************/
/* general template class rules */
/********************************/



.wrapBucket {

	
}

/********************************/
/* Project annotation boxes */
/********************************/
	
.textblock {
	background-image:url(images/textbox.png);
	background-color:#666666;
	height:600px;
	width:216px;
	position:absolute;
	margin: 0px;
	top: 400px;
	left: 1099px;
		
	}
	
	.textblock2 {
	background-image:url(images/textbox.png);
	background-color:#666666;
	height:600px;
	width:216px;
	position:absolute;
	margin: 0px;
	top: 2295px;
	left: 1099px;
		

	}
	
		.textblock3 {
	background-image:url(images/textbox.png);
	background-color:#666666;
	height:600px;
	width:216px;
	position:absolute;
	margin: 0px;
	top: 4400px;
	left: 1099px;
		

	}
	.textblock4 {
	background-image:url(images/textbox.png);
	background-color:#666666;
	height:600px;
	width:216px;
	position:absolute;
	margin: 0px;
	top: 5800px;
	left: 1099px;	

	}
.textblock5 {
	background-image:url(images/textbox.png);
	background-color:#666666;
	height:600px;
	width:216px;
	position:absolute;
	margin: 0px;
	top: 10700px;
	left: 1099px;	

	}
	
	.quinoatextblk {
	background-image:url(images/textbox.png);
	background-color:#666666;
	height:600px;
	width:216px;
	position:absolute;
	margin: 0px;
	top: 7800px;
	left: 1099px;
	}
/********************************/
/* Project imagery */
/********************************/

.display_documentation_farkas {	
	background-image:url(images/PORTFOLIO_PNG/DOCUMENTATION/FARKAS_RESIDENCE_P.png);
	height: 3600px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 115px;
	top: 230px;
	}
	
.maroubra {	
	background-image:url(images/PORTFOLIO_PNG/DOCUMENTATION/MAROUBRA.png);
	height: 994px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 4000px;
	}



.display_west_bar_concept {	
	background-image:url(images/PORTFOLIO_PNG/WEST_BAR/PLANTERBOX.png);
	height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 115px;
	top: 230px;
	}
	
	.display_west_bar_concept2 {	
	background-image:url(images/PORTFOLIO_PNG/WEST_BAR/proposalPLANTERBOX.png);
	height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 1830px;
	}
	
	
	.desingers_saturday_mural {	
	background-image:url(images/PORTFOLIO_PNG/ZENITH/DESIGNERS_SATURDAY_MURAL.png);
	height: 670px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 115px;
	top: 230px;
	}
	
	
	.zenith_installation {	
	background-image:url(images/PORTFOLIO_PNG/ZENITH/display_zenith_installation.png);
	height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 670px;
	}
	.display_zenith_showroom_mural {
	background-image:url(images/PORTFOLIO_PNG/ZENITH/ZENITH_SHOWROOM_MURAL.png);
	height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 1500px;
	}

	
	.display_taskforce {	
	background-image:url(images/PORTFOLIO_PNG/GRAPHICS/UNIAPON.png);
    height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 115px;
	top: 230px;
	}
	
	
	.display1_plastic_waste {	
	background-image:url(images/PORTFOLIO_PNG/GRAPHICS/Plastic_waste.png);
    height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 1760px;
	}
	
	.display_taiwan_poster {	
	background-image:url(images/PORTFOLIO_PNG/GRAPHICS/taiwan_poster.png);
	height: 1530px;
	width: 1010px;
	position:inherit;
	margin: 0px;
	left: 0px;
	top: 1760px;
	}
		.artcircle {	
	background-image:url(images/PORTFOLIO_PNG/GRAPHICS/artcircle.png);
	height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 1900px;
	}
	
	.display_quinoa_stamp {	
	background-image:url(images/PORTFOLIO_PNG/GRAPHICS/quinoa-stamp.png);
	height: 1530px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left: 0px;
	top: 1900px;
	}
	
	
	.documentation_librarydesk {	
	background-image:url(images/PORTFOLIO_PNG/DOCUMENTATION/DESK_DETAIL.png);
	height: 4486px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left:0px;
	top: 1400px;
	}
	.documentation_unidesk {	
	background-image:url(images/PORTFOLIO_PNG/DOCUMENTATION/UNI_DESK_.png);
	height: 4414px;
	width: 1010px;
	position:absolute;
	margin: 0px;
	left:0px;
	top: 4900px;
	}

	
	
/********************************/
/* black display bucket */
/********************************/
.navMain {
	background-image:url(images/navbar.png);
	height: 78px;
	width: 1200px;
	color: #FFFFFF;
	position:fixed;
	top: 10px;
	left: 115px;
	margin: 0px;
	padding: 0px;
	z-index:1000;
}


/********************************/
/* general navigation rules */
/********************************/

.navMain ul {
	
	margin: 10px;
	padding: 20px;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
	font-size: 13px;
	color: #FFFFFF;
	float:right

}
.navMain li {
	margin:10px;
	padding:0px 20px;
	list-style:none;
	display:inline;
}
.navMain li a {
	margin:0px;
	padding:0px;
	color: #FFFFFF;
	text-decoration:none;

}
.navMain li a:hover {
	color: #6A458A;
	font-size: 13px;
	background-color:;
	text-decoration:overline;
	font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;

}


/********************************/
/* general list rules */
/********************************/
/********************************/
/* general drop down menu rules */
/********************************/	

.dd_menu {
	color: #FFFFFF; padding:0px; margin:0px; list-style-type:none; height:0px; 
}
.dd_menu li {
float:left; height:80px; border-right:solid 1px white;
}
.dd_menu li a {
padding:9px 20px; display:block; color:#CCC; text-decoration:none; font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
}
.dd_menu ul {
	position:absolute; left:1110px; top:-7999px; list-style-type:none;
}
.dd_menu li:hover {
position:top;
}

/* this is the project drop box */	
.dd_menu li:hover ul {
	left:710px; top:91px;background-image:url(images/index_speech_box.png); padding:8px; border:0px solid black; width:400px; height:615px; top:80px;
	}
	
/* this is the project icons */	
.dd_menu li:hover ul li {

	height:155px; top:400; border:none;padding:20px;
	
	margin-top:110px;
	margin-bottom:-184px;
	margin-left:30px;
	padding-left:10px;
	padding-right:0px;
	padding-top:45px;

	}
	


/********************************/
/* general drop down text rules */
/********************************/

.dd_menu li:hover ul li a {
	height:22px; padding:0px; ; font-size:px; letter-spacing:0px; 
	width:100px; border:px solid ;font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;
}





.copyright {
top:780px;position:fixed;left:630px;
;font-size:11px;font-family:'Century Gothic', 'Apple Gothic', sans-serif, Helvetica, Arial;

}