/* ----- MAIN LAYOUT AREAS ------- */

body {
	width:auto;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	border:0;
	color:#FFFFFF;
	font-size:9px;
	}

#head {
	height: 95px;
	background-image:url(../images/shared/bg_head.gif);
	background-repeat:repeat-x;
	}
#stage { height: 406px; background-color:#ececec;  }

#foot { 
	height:95px;
	background-image:url(../images/shared/bg_foot.gif);
	background-repeat:repeat-x;
	}

#nav1, #nav2, #nav4, #content1, #content2 { 
	position:absolute;
	height:406px;
	top:95px;
	}

#nav1 {
	z-index:5;
	width:164px;
	left:0; 
	background-color: #5f5f5d;
	border-right:8px solid white;
	}
	

#nav2 {
	top: 140px;
	left: 84px;
	z-index: 20;
	width:80px;
}

#nav4 {
	z-index:30;
	border-top:1px solid #80807d;
	border-bottom:1px solid #80807d;
	top: 253px;
	width:150px;
	margin: 0 0 0 7px;
	padding:0 0 10px 3px;
	height:208px;
	overflow:hidden;
}

.scrollable {overflow:auto;}


#content1 { 
	width:630px; 
	left:164px; 
	background-repeat:no-repeat; 
	background-position:8px 0; 
	text-align:center;
	overflow: hidden;
}


#content2 {
	width:170px;
	border-right:8px solid white;
	border-left:8px solid white;
	z-index: 4;
	padding-left: 8px;
	left:787px;
}
	
#content2 #wrapper {
	width:170px;
	height:406px;
	overflow-y: auto;
	overflow-x: hidden;
	}
		
#head h1 {
	margin:0;
	padding:0;
	background-image:url(../images/shared/logo_head.gif);
	background-repeat:no-repeat;
	letter-spacing: -1000em; /* MIR */
	font-size:1px;
	width:185px;
	height:95px;
	} 


/* ----- NAVIGATION ------- */

ul.navigation { 
	margin:0;
	padding:0;
	list-style:none;
	text-indent:-9999px; /* MIR */
	}
		
ul.navigation li a { 
	display:block;	
	height:20px;	
	margin:0; 
	background-repeat:no-repeat;
	}

ul.navigation li a:hover {background-position:0 -20px;}

#nav1 ul.navigation {margin-top: 40px;}
#nav1 li#home a {background-image:url(../images/nav/home.gif);}
#nav1 li#who a {background-image:url(../images/nav/who.gif);}
#nav1 li#what a {background-image:url(../images/nav/what.gif);}
#nav1 li#connect a{background-image:url(../images/nav/connect.gif);}

#nav2 ul.navigation {border-left:1px solid #8f8f8d; padding-bottom:25px;}

#nav2 ul.navigation li a:link, #nav2 ul.navigation li a:visited { color:#5f5f5b; }
#nav2 ul.navigation li a:hover {color: #64aa3f;}

li#we a {background-image:url(../images/nav/we.gif);}
li#group a {background-image:url(../images/nav/group.gif);}
li#studio a {background-image:url(../images/nav/studio.gif);}
li#philosophy a {background-image:url(../images/nav/philosophy.gif);}

li#web a {background-image:url(../images/nav/web.gif);}
li#print a {background-image:url(../images/nav/print.gif);}
li#identity a {background-image:url(../images/nav/identity.gif);}
li#other a {background-image:url(../images/nav/other.gif);}

li#contact a {background-image:url(../images/nav/contact.gif);}
li#upload a {background-image:url(../images/nav/uploads.gif);}
li#download a {background-image:url(../images/nav/downloads.gif);}


#nav3 {position:absolute; width:170px; bottom:15px;}

#nav3 ul {
	list-style:none;
	float:left;
	margin:0;
	padding:0 0 0 10px;
	font: bold 8px  "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	}
	
#nav3 ul li {
	display:inline; /* Fixes stupid IE li block bug */	}

#nav3 ul li a {
	display:block;
	float:left;
	margin:0 0 8px 0;
	width: 20px;
	height:8px;
	padding:0 0 0 12px;
	background-image:url(../images/shared/projselect.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#nav3 ul li a:link, #nav3 li a:visited { color:#5f5f5b; text-decoration:none;}

#nav3 ul li a:hover {background-position:bottom left;}


/*---Text NAV -----*/

ul.textnav { 
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:9px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:normal;
	}
	
ul.textnav li {
	display:inline; /* Fixes stupid IE li block bug */
	}
	
ul.textnav li a { 
	display:block;	
	padding:3px 0 2px 0;	
	margin:0; 
	font-weight:normal;
	letter-spacing:-.01em;
	}

ul.textnav li a:link, ul.textnav li a:visited {
	color:#ccccca;; 
	text-decoration:none;
	font-weight:normal;
	}

ul.textnav li a:hover {
		/*background-color:#6f6f6c; */
		color:#9ed92d; 
		}




/* ----- CONTENT ------- */


h2, h3 {
	margin:0;
	padding:0;
	font: normal 22px  "HelveticaNeue-CondensedBold",  HelveticaLTMM, Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
 	position:relative; 	text-align:left;}

h2 { color: #000000; }
h3 {font-size:16px; color:#7e7e7e;}

#tagline, #more {position:absolute; top:350px; left:40px;}

#tagline, #more {
	margin:0;
	padding:0;
	display:block;
	color:#FFFFFF;
	text-transform:lowercase;
	font:normal 15px "Helvetica Neue UltraLight", Helvetica, Arial, sans-serif;
	}


h4 {
	margin:30px 5px 10px 10px;
	color: #942923;
	font: bold 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:1.2em;
	text-transform:uppercase;
	}

	
#content2 p, #foot p, #stage p {
	font: 9px/1.5em "Lucida Grande", Arial, Helvetica, sans-serif;
	margin:1em 15px 1em 10px;
	color:#666666;
}

#foot p {
	margin:0;
	padding:30px 20px 0 0;
	letter-spacing:.25em;
	text-align:right;
	}

/* ----- LINKS ------- */

a:link, a:visited {color:#64aa34; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}


#foot a:link, #foot a:visited {color:#666666; font-weight:normal;}

/* ----- PAGE SPECIFICS ------- */

#thegroup #nav3 ul li a {width:50px;}

.who #content1, .what #content1 {/*background-image:url(../images/shared/image_bg.gif);*/ background-color:#FFFFFF;}

/* HOME */
.home #more {display: none;}
.home #nav1 { width:92px; left:0;}
.home #nav1 ul.navigation li#home a { background-position: 0 -20px; }
.home #nav2 {display:none;}
.home #content2 {display:none;}
.home #content1 {left:93px; margin:0; border:0; background-image:none;}
.home #stage { background-position:right; background-repeat:no-repeat;}

.home h2, .home h3 {top:60px; left:40px; color: #d2de95; }
.home h3 { color: #ffffff;}

/*.home#page0 #stage { background-color:#90B44A; background-image:url(../images/home/home0.gif); }*/
.home#page0 #stage { background-color:#84C333; background-image:url(../images/home/home0.jpg); }
.home#page1 #stage { background-color:#F26522; background-image:url(../images/home/home1.gif); }
.home#page2 #stage { background-color:#576DAC; background-image:url(../images/home/home2.gif); }
.home#page3 #stage { background-color:#7E7E7E; background-image:url(../images/home/home3.jpg); background-repeat:repeat-x;}
.home#page4 #stage { background-color:#7E7E7E; background-image:url(../images/home/home4.jpg); background-position:92px top;}
.home#page5 #stage { background-color:#ecebeb; background-image:url(../images/home/home5.jpg); background-position:92px top;}
.home#page6 #stage { background-color:#ecebeb; background-image:url(../images/home/home6.jpg); background-position:92px top;}
.home#page7 #stage { background-color:#000000; background-image:url(../images/home/home7.jpg); background-position:92px top;}
.home#page6 #stage #tagline {	color:#666666; }

.home#page8 #stage { background-color:white; background-image:url(../images/home/home8.jpg); }
.home#page8 h2 {color:#486ca9; top:50px;}
.home#page8 h3 {color:#717171; top:50px;}
.home#page8 #tagline {color:#717171; width:330px; text-align: left; top: 310px; font-size: 15px;}
.home#page8 #more {display:block; top:375px; font-size: 10px;}
.home#page8 #more a {color:#486ca9;}


.home#page9 #stage { background-color:white; background-image:url(../images/home/home9.jpg); }
.home#page9 h2 {color:#de2423; top:50px;}
.home#page9 h3 {color:#717171; top:50px;}
.home#page9 #tagline {color:#717171; width:350px; text-align: left; top: 320px; font-size: 15px;}
.home#page9 #more {display:block; top:365px; font-size: 10px;}
.home#page9 #more a {color:#de2423;}


.home#page10 #stage { background-color:white; background-image:url(../images/home/home10.jpg); }
.home#page10 h2 {color:#2c53a0; top:50px;}
.home#page10 h3 {color:#717171; top:50px;}
.home#page10 #tagline {color:#717171; width:400px; text-align: left; top: 320px; font-size: 15px;}
.home#page10 #more {display:block; top:365px; font-size: 10px;}
.home#page10 #more a {color:#2c53a0;}


.home#page11 #stage { background-color:white; background-image:url(../images/home/home11.jpg); }
.home#page11 h2 {color:#cd5627; top:50px; }
.home#page11 h3 {color:#717171; top:50px; width:350px;}
.home#page11 #tagline {color:#717171; width:450px; text-align: left; top: 320px; font-size: 15px;}
.home#page11 #more {display:block; top:365px; font-size: 10px;}
.home#page11 #more a {color:#cd5627;}


.home#page12 #stage { background-color:white; background-image:url(../images/home/home12.jpg); }
.home#page12 h2 {color:#8ac05e; top:50px; }
.home#page12 h3 {color:#717171; top:50px; width:350px;}
.home#page12 #tagline {color:#717171; width:450px; text-align: left; top: 320px; font-size: 15px;}
.home#page12 #more {display:block; top:365px; font-size: 10px;}
.home#page12 #more a {color:#8ac05e;}

.home#page13 #stage { background-color:white; background-image:url(../images/home/home13.jpg); }
.home#page13 h2 {color:#b5460d; top:50px; }
.home#page13 h3 {color:#717171; top:50px; width:350px;}
.home#page13 #tagline {color:#717171; width:450px; text-align: left; top: 320px; font-size: 15px;}
.home#page13 #more {display:block; top:365px; font-size: 10px;}
.home#page13 #more a {color:#cd5627;}

.home#page14 #stage { background-color:white; background-image:url(../images/home/home14.jpg); }
.home#page14 h2 {color:#71b623; top:50px; }
.home#page14 h3 {color:#717171; top:50px; width:350px;}
.home#page14 #tagline {color:#717171; width:450px; text-align: left; top: 320px; font-size: 15px;}
.home#page14 #more {display:block; top:365px; font-size: 10px;}
.home#page14 #more a {color:#71b623;}

.home#page15 #stage { background-color:black; background-image:url(../images/home/homequickie.jpg); }
.home#page15 h2 {color:white; top:50px; }
.home#page15 h3 {color:#717171; top:50px; width:350px;}
.home#page15 #tagline {color:white; width:470px; text-align: left; top: 320px; font-size: 15px;}
.home#page15 #more {display:block; top:365px; font-size: 10px;}
.home#page15 #more a {color:#ff6dc8;}



.home#page7 h2 {color:#9ed92d;}
 .home#page6 h2 {color:#65a526;} 

/* WHO */



.who #nav2 ul.navigation { padding-top: 15px;}

.who #nav1 ul.navigation li#who a { background-position: 0 -40px; }
.who .thegroup #nav2 ul.navigation li#group a { background-position: 0 -40px;  }
.who .thestudio #nav2 ul.navigation li#studio a { background-position: 0 -40px;  }
.who .philo #nav2 ul.navigation li#philosophy a { background-position: 0 -40px;  }
.who #nav4 {top: 240px; }

/* WHAT */

.what #nav2 ul.navigation {padding-top: 35px; }
.what #nav1 ul.navigation li#what a { background-position: 0 -40px; }
.what .web #nav2 ul.navigation li#web a { background-position: 0 -40px;  }
.what .print #nav2 ul.navigation li#print a { background-position: 0 -40px;  }
.what .identity #nav2 ul.navigation li#identity a { background-position: 0 -40px;  }
.what .other #nav2 ul.navigation li#other a { background-position: 0 -40px;  }
.what #nav4 {top: 252px; }

.what #content1 {background-color:#FFFFFF;}
.what #nav2 ul.navigation {border-left:1px solid #8f8f8d; padding-bottom:17px;}


/* CONNECT */
.connect #content1 {background-color:#FFFFFF;}
.connect #nav2 ul.navigation {padding-top: 55px; }
.connect #nav1 ul.navigation li#connect a { background-position: 0 -40px; }
.connect .contact #nav2 ul.navigation li#contact a { background-position: 0 -40px;  }
.connect .upload #nav2 ul.navigation li#upload a { background-position: 0 -40px;  }
.connect .download #nav2 ul.navigation li#download a { background-position: 0 -40px;  }

.connect .contact h2 {color:#9ed92d;}
.connect .download h2 {color:#9ed92d;}
.connect .download h3 {color:#ffffff;}


.filelisting {
	width: 616px;
	height: 406px;
	overflow:auto;
	position:relative;
	top:0;
	left:170px;
}

	
.connect ul.dls li {
	font: 9px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center;
	overflow:hidden;
}

.connect ul.dls li {
	width:260px; 
	float:left;
	margin: 5px;
	background-repeat:no-repeat;
	list-style:none;
	background-position:top center;
	}
	
.connect ul.dls li a {
display:block; 
padding-top:70px;  
background-repeat:no-repeat;	
background-position:center 2px; 
padding-bottom:10px;
}	
.connect ul.dls li a { background-image:url(../images/shared/icon_file.gif);}
.connect ul.dls li.file a { background-image:url(../images/projects/file_icon.gif); }
.connect ul.dls li.folder a { 	background-image:url(../images/shared/icon_folder.gif); }
.connect ul.dls li.jpg a { background-image:url(../images/shared/icon_jpeg.gif); }
.connect ul.dls li.php a { 	background-image:url(../images/shared/icon_php.gif); }
.connect ul.dls li.gif a {background-image:url(../images/shared/icon_gif.gif); }
.connect ul.dls li.html a {background-image:url(../images/shared/icon_html.gif); }
.connect ul.dls li.pdf a {background-image:url(../images/shared/icon_pdf.gif); }
.connect ul.dls li.psd a {background-image:url(../images/shared/icon_psd.gif); }
.connect ul.dls li.ai a {background-image:url(../images/shared/icon_ai.gif); }
.connect ul.dls li.tif a {background-image:url(../images/shared/icon_tif.gif); }

ul.filenav {width:550px; margin:-6px 0 -8px 175px; list-style:none;display:block;}
 
ul.filenav li {	
	font: 9px "Lucida Grande", Arial, Helvetica, sans-serif;
	float:left;
	color:#666666;
	margin:0; padding:0 8px 0 14px;
	background-image:url(../images/shared/arrow_sep.gif); background-position:left ;background-repeat:no-repeat;height:10px
}

ul.filenav li a {margin:0; padding:0; color:#666666; font-weight:bold; height:10px; }

ul.filenav li.first {padding-left:0;background-image:none;}

.filelisting a:link, .filelisting a:visited {color:#006633;}

input, select, input.buttons {font-size:9px;}