/* BODY */

@charset "UTF-8";

@font-face	{
			font-family:GothamLight;
			src: url('font/gotham.otf');
			}
			
@font-face	{
			font-family:GothamLightItalic;
			src: url('font/gotham_light_italic.otf');
			}			

@font-face	{
			font-family:Perpetua;
			src: url('font/perpetua.ttf');
			}			

body	{
		font-family:GothamLight;
		background-color: #222;
		margin: 0px;
		padding: 0px;
		cursor: default;
		overflow: scroll;
		min-width:  1300px;
		}

body a#page_anchor	{cursor:default;}

body a	{cursor: pointer; text-decoration: none;}

#header	{
		margin-top: 9px;
		margin-left: 150px;
		width: 90%;
		float: left;
		}
		
#intro	{
		float: left;
		padding-left: 30px;}
				
#logo_resized	{
				width: 270px;
				height: auto;
				float: left;
				margin-top: 36px;
				}

#intro a	{display: block;}

#intro p	{
	font-size: 15px;
	line-height: 27px;
	width: 198px;	
	padding-left: 12px;
	}
				
#intro p.special		{
			color: #eeeeee;
			line-height: 18px;}	
										
#intro p.sans	{color: #222222;}
					
#intro p.design	{background-color: #0CF;}
/*#intro p.design:hover	{background-color: #99ffff;}			
*/			
#intro p.photo	{background-color: #3F6; width: 138px;}			
/*#intro p.photo:hover	{background-color: #99ff99;}			
*/
#intro p.illustration	{background-color: #FF6; width: 168px;}
/*#intro p.illustration:hover	{background-color: #ffff99;}
*/			
#intro p.vo		{
				background-color: #eeeeee;
				padding-right: 12px;
				width: 186px;
				text-align:center;
				}
/*#intro p.vo:hover	{background-color: #ffffff;}									
*/
#info_sliders	{
				width: 414px;
				clear: both;
				float: left;
				}
			
#info_sliders p	{
			clear: both;
			background-color: #eeeeee;
			color: #222222;
			font-size: 27px;
			line-height: 30px;
			text-align:left;
			padding: 12px 0px 0px 156px;
			width: auto;
			}			

#info_sliders p#featured_slider	{border-bottom: 6px solid #eeeeee;}
#info_sliders p#design_slider	{border-bottom: 6px solid #0CF;}
#info_sliders p#photo_slider	{border-bottom: 6px solid #3F6;}
#info_sliders p#illy_slider		{border-bottom: 6px solid #FF6;}
#info_sliders p#about_slider	{border-bottom: 6px solid #bbbbbb;}

#info_sliders p.show	{display:block;}
#info_sliders p.hide	{display:none;}

#text_holder div	{
					float: left;
					color: #eeeeee;
					font-size: 15px;
					line-height: 27px;
					text-align: left;
					width: 243px;
					margin-top: 27px;
					margin-left: 156px;
					}
					
#text_holder h3	{
				font-family:Perpetua;
				font-size: 27px;
				line-height: 30px;
				text-align:left;
				text-transform:uppercase;
				letter-spacing: 3px;
				}

#text_holder a	{
				font-family:Perpetua;
				font-size: 27px;
				font-weight: 900;
				line-height: 30px;
				color: white;
				text-align:left;
				text-transform:uppercase;
				letter-spacing: 3px;
				}

#text_holder h3 a#email	{text-transform:uppercase; color:#0CF; letter-spacing: 3px;}
#text_holder h3 a#resume	{text-transform:uppercase; color:#3F6; letter-spacing: 3px;}

#text_holder div.show	{display:block;}
#text_holder div.hide	{display:none;}

#images	{
		float: left;
		margin-top: 27px;
		margin-left: 36px;
}

#large_img	{

			background-color: #eeeeee;
			width: 792px;
			margin-bottom: 15px;
			margin-top: 0px;
			padding-bottom: 90px;
			}


#large_img.hide	{display: none;}
#large_img.show	{display: block;}
										
#large_img img.l_work_v	{
						margin-left: 163px;
						border: 3px solid #222;
						}	
						
#large_img img.l_work_h	{
						margin-left: 48px;
						border: 3px solid #222;
						}							

#large_img img.type	{border: 3px solid #eee;}							
#large_img img.show	{display: block;}
#large_img img.hide	{display: none;}

a.selection_buttons	{	color: #999999;
					font-size: 27px;
					display: inline-table;
					padding-top: 12px;
					padding-bottom: 24px;
					margin-left: 18px;
					text-decoration: none;
					outline: none;
					}					

a.selection_buttons:hover	{color:white;}

a#design_close.hide, a#illy_close.hide, a#photo_close.hide {display: none;}
a#design_close.show, a#illy_close.show, a#photo_close.show {display: inline-table;}


a.type_buttons.hide	{display: none;}
a.type_buttons.show	{display: inline-table;}

a.peco_buttons.hide	{display: none;}
a.peco_buttons.show	{display: inline-table;}

a.futura_buttons.hide	{display: none;}
a.futura_buttons.show	{display: inline-table;}

a.workshop_buttons.hide	{display: none;}
a.workshop_buttons.show	{display: inline-table;}

a.marx_buttons.hide	{display: none;}
a.marx_buttons.show	{display: inline-table;}

a.liverpool_buttons.hide	{display: none;}
a.liverpool_buttons.show	{display: inline-table;}

a.zircon_buttons.hide	{display: none;}
a.zircon_buttons.show	{display: inline-table;}

a.percent_buttons.hide	{display: none;}
a.percent_buttons.show	{display: inline-table;}

a.ceisler_buttons.hide	{display: none;}
a.ceisler_buttons.show	{display: inline-table;}

a.hepc_buttons.hide	{display: none;}
a.hepc_buttons.show	{display: inline-table;}

a.sketch_buttons.hide	{display: none;}
a.sketch_buttons.show	{display: inline-table;}

a.thesis_buttons.hide	{display: none;}
a.thesis_buttons.show	{display: inline-table;}

a.opal_buttons.hide	{display: none;}
a.opal_buttons.show	{display: inline-table;}

a.said_what_buttons.hide	{display: none;}
a.said_what_buttons.show	{display: inline-table;}

a.orlov_buttons.hide	{display: none;}
a.orlov_buttons.show	{display: inline-table;}

a.freedom_buttons.hide	{display: none;}
a.freedom_buttons.show	{display: inline-table;}
 

#thumbs	{max-width: 828px;}

#thumbs a img	{border: none;}

#thumbs img	{
			margin-right: 36px;
			margin-bottom: 15px;
			float: left;
			}		

#thumbs img.show 	{display:inline-table;}
#thumbs img.hide	{display:none;}	

#footer	{
		color: #999999;
		font-size: 12px;
		clear: both;
		float: left;
		margin-top: 75px;
		margin-left: 450px;
		padding-bottom: 30px;}