/*



copyright 2009 f. claire baxter. 



look, don't touch. 





*/







* {

	margin:0;

	padding:0;

	list-style:none;

}





body {

	font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	width: 16000px;

	overflow: hidden;



}





a img {

	border:none;

}





p {

	line-height: 1.1em;

}







h1 a, h2 a, h3 a, p a{



	padding: 0 1px;

	color: #b2d234;

	text-decoration: none;	

}





h1, h2, h3, p {

	margin-top: 0;

}





img {

	border: none;

}







/*------------ GLOBAL ------------*/



.container {

	float: left;

	display: block;

	height: 1500px;

	width: 2000px;

	position: relative;

	z-index:0 !important;

}





.interior {

	width: 1280px;

}



.interior img {

	margin-right: 10px;

	margin-bottom: 10px;

}





.back, .next {

	position: absolute;

	height: 42px;

	width: 85px;

	left: 50px;

	top: 2px;

}



.home { 	position: absolute; 	width: 75px; 	height: 26px; 	left:  10px; 	top:10px; 

}



.copygrey {

	color: #333;

}



.border {

	border: 1px solid #555555;

}



#arrows { 

	display: none; 

}





#arrows ul li { 

	display: inline; margin: 10px; 

}









/*------------ HOME ------------*/







#home { background: #FFF; }





#home .title { height: 41px; left:10px; position:absolute; top:260px; width:1270px; }



#home .subtitle {

	background: transparent url(../img/home-subtitle.gif) no-repeat top left;

	width: 153px;

	height: 74px;

	position:absolute;

	left:295px;

	top:441px;

}



#home .nav {

	width:147px;

	height:131px;

	position:absolute;

	left:301px;

	top:293px;

}



#home .main-nav {

	position:absolute;

	width:290px;

	height:116px;

	top:36px;

	left:228px;

	padding:0px;

	margin:0px;

}



#home .interior {

	margin-left:200px;

	margin-top:20px;

	padding:0px;

}





#home h2 {

	width: 270px;

	float: left;

}





/*------------ BIO ------------*/



#aboutus {

	background: #ffefca url(../img/bio-bg3.gif) no-repeat top left;

}



#aboutus .interior {

	padding-top: 90px;

	padding-left: 210px;

	font-size: 12pt;

	width:620px;

	color:#333;	height: 555px;

}

#identity .interior p { margin: 0px;}

#aboutus .copy {

	position:absolute;

	width: 625px;

	height:534px;

	top: 85px;

	left: 210px;

	color:#222222 !important;

}



#aboutus .copy p {

	font-size:10pt; margin: 0px 0px 10px 0px;

}



#aboutus .copy h1 {

	font-weight:bold;

	font-size:20pt;

	color:#9e2486; position: relative; left: 160px;

}



#aboutus .copy h2 {

	font-weight:bold;

	font-size:11pt;

	color:#c5d053; position: relative; left: 160px;

}



#aboutus .copy h3 {

	font-weight:bold;

	font-size:14pt;

	color:#cfcdb5;

	text-transform:uppercase;

}

#aboutus .copy p.au { position: relative; left: 160px; width: 440px;}





/*------------ INTERACTIVE ------------*/







#web {

	background: #ff6e00 url(../img/interactive-bg2.gif) no-repeat top left;

	margin-left:-1px;



}



#web .interior {

	padding-top: 190px;

	padding-left: 160px;

	font-size: 20px;

	width:700px; height: 482px;

}





#web .copy {

	position:absolute;

	width:268px;

	height:269px;

	top: 175px;

	left: 530px;

}



#web .copy h1 {

	color:#999;

	text-transform:uppercase;

	text-align:justify;

	font-size:16px;

	line-height:2em;

}





#web  .btmnav { }

#eg  .btmnav {}



/*------------ PRINT ------------*/





#print {

	background: #8ed3ff url(../img/print-bg3.gif) no-repeat top left;

	

}



#print-arrow {

	background: #8ed3ff url(../img/print-arrows.gif) no-repeat top left;

	position:absolute;

	top:38px;

	left:1115px;

	width:522px;

	height:560px;

}



#print .interior {

	padding-top: 160px;

	padding-left: 260px;

	font-size: 20px;

	width:840px;

}



#print .copy {

	position:absolute;

	width:291px;

	height:403px;

	top:153px;

	left:554px;

}



#print .copy h1 {

	color:#999;

	text-transform:uppercase;

	text-align:justify;

	font-size:16px;

	line-height:2em;

}





/*------------ IDENTITY ------------*/





#identity {

	background: #ffd54c url(../img/identity-bg4.gif) no-repeat top left;

	margin-left:-1px;

}



#identity .interior {

	padding-top: 130px;

	padding-left: 230px;

	font-size: 20px;

	width:700px;

}



#identity .copy {

	position:absolute;

	width:286px;

	height:420px;

	top:124px;

	left: 640px;

}



#identity .copy h1 {

	color:#999;

	text-transform:uppercase;

	text-align:justify;

	font-size:16px;

	line-height:2em;

}





/*------------ RETOUCH ------------*/





#eg {

	background: #ffae00 url(../img/retouch-bg2.gif) no-repeat top left;

}



#eg .interior {

	padding-top: 120px;

	font-size: 20px;

	width:1000px; height: 560px;

}



#eg .copy {

	position:absolute;

	width:343px;

	height:437px;

	top:109px;

	left: 565px;

}



#eg .copy h1 {

	color:#999;

	text-transform:uppercase;

	text-align:justify;

	font-size:16px;

	line-height:2em;

}





/*------------ CONTACT ------------*/



#contact {

	background: #ffffff url(../img/contact-bg2.gif) no-repeat top left;

	font-size: 16px;

}



#contact .interior {

	padding-top: 180px;

	padding-left: 520px;

	font-size: 20px;

	width:500px;

}



#contact .copy {

	line-height:1em;	

}



#contact .copy p {

	font-size:11pt;

	font-weight:bold;

	color:#666;

}



#contact .copy h1 {

	font-weight:bold;

	font-size:16pt;

	color:#666;

}



#contact .copy h2 {

	font-weight:bold;

	font-size:11pt;

	color:#c5d053;

}



#contact .copy h3 {

	font-weight:bold;

	font-size:13pt;

	color:#c5d053;

}



#contact .copy h4 {

	font-weight:bold;

	font-size:13pt;

	color:#6bc6c5;

	text-transform:uppercase;

}







/*------------ END ------------*/





#end {

	background: #ffffff;

}





#end .interior {

	padding: 130px 0;

	color:#333333;

}





/*------------ NAV BUTTONS ------------*/







#aboutus .back {

	top: 50px;

	left: 159px;

}



#aboutus .next {

	top: 50px;

	left: 253px;

}





#web .back {

	top: 137px;

	left: 112px;

}



#web .next { top: 137px; left: 199px; }

#print .back { top: 113px; left: 221px; }

#print .next { top: 114px; left: 320px; }

#identity .back { top: 88px; left: 200px; }

#identity .next { top: 88px; left: 286px; }

#eg .back { top: 64px; left: 92px; }

#eg .next { top: 65px; left: 186px; }

#contact .back { top: 126px; left: 420px; }

#contact .next { top: 460px; left: 903px; }

.column { float: left; width: 300px; margin-right: 25px; }

.project { height: 110px; width: 580px; padding-right: 10px; color: white;  float: left; background: url(overlay.png) repeat 0 0; height: 70px; margin-bottom: 26px; overflow: hidden; }

.project:hover { background: url(overlay.png) repeat 100% 100%; }

.project p { font-size: 12px; padding: 0 4px;}

.project img{ float: left; margin-right: 15px; }

.project h2 { padding: 5px; font-size: 16px; }

#expand { position: absolute; left: -1550px; display: block; top: 0; }





.btmnav { color: #fff; font-size: 12px; padding: 20px 0px 0px 180px;} 

.btmnav ul li { display: inline; }

.btmnav a { color: #fff; text-decoration: none;}

.btmnav a:hover { text-decoration: underline;}







div#identity .btmnav { padding: 0px 0px 0px 10px;  margin: 90px 0px 0px 20px;  width: 1235px;} 

div#identity .btmnav a {  color: #000;} 

div#print .btmnav { padding: 0px 0px 0px 10px; margin: 125px 0px 0px 20px; width: 1235px;} 

div#web .btmnav { padding: 0px 0px 0px 10px; width: 1235px; margin: 5px 0px 0px 20px;} 

div#eg .btmnav {   margin:0 0 0 20px; padding:0 0 0 10px; width:1235px;}  

div#contact .btmnav { padding: 385px 0 0 40px;} 



div#contact .btmnav a { color: #000;}

div#aboutus .btmnav a { color: #630;} 

div#aboutus .btmnav { padding: 0px 0px 0px 10px !important ; margin: 30px 0px 0px 15px;  width: 1235px;}

 

a.egraphicsImage {  position: relative; left: -1px; top: 1px;}

a.interactiveImage {position: relative; left: -2px;}

a.websiteImage  { position: relative; left: -3px;}

a.contactImage  { position: relative; left: -4px;}

a.printImage { position: relative; top: 1px;}

a.aboutUsImage { position: relative; top: 1px;}



#home .title a { padding: 0px 5px 0px 0px;}



#eg .interior p { padding-left: 130px; }



.logo { left:755px; position:relative; top: 55px;}