/*
		TABLE OF CONTENTS:
		- Tag defaults
		- Wrapper
		- Header
		- Navigation
		- Headlines (aka "sidebar", aka "news titles")
		- Recent work
		- Footer
		- Homepage
		- Work
			- Projects by Client
			- Projects by Type
			- Project Image		(should be renaimed to image)
			- Image Navigation and Info
		- Studio
			- Bios
		- Contact						CSS by jack turner 2006
			- Contact Form
		- Admin Menu													*/

/************************************************************************/
/* Tag and class defaults */
body{
		font-size:100%;
		background-color:#E0E0E0;
		margin:8px 0 0 8px
		}
a{
		outline:none;
		text-decoration:none
		}
p,
ul,
ol,
li,
form,
input,
textarea{
		margin:0;
		padding:0
		}
img{
		border:none
		}
table {
		font-size:inherit;
		font:100%
		}
select,
input,
textarea {
		font-size:99%
		}

.empty{
		display:none
		}
/************************************************************************/
/* Wrapper - used for making the white block behind everything, nothing more */
div#wrapper{
		width:1092px;
		height:793px;
		background-color:#FFF
		}
/************************************************************************/
/* Header */
div#header{
		width:1092px;
		border-bottom:1px solid #E0E0E0;
		background-color:#FFF;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		height:1.4em
		}
div#header img{
		position:absolute;
		top:8px;
		left:20px
		}
div#header span.date{
		position:absolute;
		top:15px;
		left:247px;
		color:#999999;
		font-size:67%
		}
div#header div#audioscrobbler{
		position:absolute;
		top:15px;
		left:721px;
		color:#999999;
		width:378px;
		font-size:67%;
		height:1.4em;
		overflow:hidden
		}
/************************************************************************/
/* Navigaion - WORK, STUDIO, CONTACT */
ul#navigation{
		padding:10px 0 7px;
		list-style-type:none;
		width:853px;
		position:absolute;
		top:41px;
		left:247px;
		border-bottom:1px solid #E0E0E0
		}
ul#navigation li{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:96%;
		float:left
		}
ul#navigation a{
		display:block;
		float:left;
		margin:0 40px 0 0;
		padding:22px 2px 0 0;
		color:#666666;
		text-decoration:none
		}
ul#navigation a:hover{
		color:#999999;
		text-decoration:none
		}
ul#navigation a.active,
ul#navigation a.active:hover{
		color:#333333;
		background-color:#ECECEC;
		text-decoration:none
		}
/************************************************************************/
/* Headlines */
ul#headlines{
		color:#000;
		position:absolute;
		top:230px;
		left:21px;
		width:201px;
		height:345px;
		background:url(../../images/dottedV.gif) top right repeat-y;
		overflow:auto
		}
ul#headlines li{
		list-style:none;
		display:block;
		font-size:64%;
		color:#000000;
		margin:5px 5px 14px 0;
		*margin:5px 5px 0 0;
		*font-size:57%;
		}
ul#headlines span{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		color:#FF0066
		}
ul#headlines a{
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000000
		}
/************************************************************************/
/* Recent Works */
div#recentworks{
		list-style:none;
		position:absolute;
		left:22px;
		top:600px
		}
div#recentworks h3{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:7pt;
		margin-bottom:4px;
		font-weight:normal
		}
div#recentworks ul{
		list-style:none
		}
div#recentworks li{
		margin-bottom:4px;
		text-align:center
		}
div#recentworks a{
		height:45px;
		width:95px;
		overflow:hidden;
		display:block
		}
div#recentworks a img{
		margin-left:-43px;
		opacity:.5;
		filter:alpha(opacity=50);
		}
div#recentworks a:hover img{
		opacity:1;
		filter:alpha(opacity=100);
		}
div#recentworks img{
		}
/*	Tooltip	*/
.tooltip{
		color:#000;
		text-decoration:none;
		font-size:7pt;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		padding: 4px 8px;
		background-color:#fff
		}
/************************************************************************/
/* Footer */
div#footer{
		position:absolute;
		left:8px;
		top:775px;
		width:1092px;
		border-top:1px solid #E0E0E0;
		padding:5px 0 0;
		background-color:#FFF
		}
div#footer a{
		color:#666666;
		text-decoration:none
		}
div#footer h1{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10px;
		color:#999999;
		display:inline;
		margin-left:238px;
		font-weight:normal
		}
div#footer h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10px;
		color:#999999;
		display:inline;
		margin-left:181px;
		font-weight:normal
		}
div#footer h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1px;
	color:#FFFFFF;
	display:inline;
	margin-left:5px;
	font-weight:normal;
	letter-spacing: 0em;
		}		
/************************************************************************/
/* Homepage content and feature(aka "the image", aka "square box on right" */
div#content{
		position:absolute;
		left:245px;
		top:230px;
		height:519px;
		width:312px;
		overflow:auto
		}
div#content p{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:67%;
		margin:0 0 21px 0;
		overflow:hidden;
		color:#666666;
		line-height:1.9em;
		text-align:left
		}
div#content a{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:100%;
		overflow:hidden;
		color:#666666;
		font-weight:normal;
		text-decoration:underline
		}
div#content b{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:100%;
		overflow:hidden;
		color:#000000;
		font-weight:normal
		}
div#content span{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:100%;
		overflow:hidden;
		color:#999999;
		font-weight:normal
		}
div#feature{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:100%;
		overflow:hidden;
		line-height:1.85em;
		text-align:left;
		height:520px;
		width:520px;
		position:absolute;
		top:230px;
		left:572px
		}
/************************************************************************/
/* Work */
div#clients_wrapper{
		position:absolute;
		top:117px;
		left:247px;
		width:602px;
		height:85px;
		background-color:#ECECEC;
		overflow:auto;
		}
div#clients_wrapper span,
div#types_wrapper span{
		color:#000
		}
div#types_wrapper{
		position:absolute;
		top:116px;
		left:885px;
		height:85px;
		width:239px;
		overflow:auto
		}
div.wrap{
		width:117px;
		float:left;
		margin-top:3px
		}
div#types_wrapper div.wrap{
		width:112px
		}
div.wrap li{
		margin:0 2px 0 5px;
		padding:0;
		line-height:1.67em;
		color:#666;
		list-style:none;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:60%;
		overflow:hidden;
		}
div.wrap a{
		color:#666
		}
div.wrap span{margin:0;padding:0;}
div.wrap a.active,
div.wrap a:hover{
		color:#FFFFFF;
		background-color:#FF0066
		}
/*	Projects by Client	*/
div#projects{
		position:absolute;
		top:230px;
		left:872px;
		width:201px;
		height:345px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		background:url(../../images/dottedV.gif) top left repeat-y;
		overflow:auto
		}
div#projects a{
		margin-left:16px;
		font-size:7pt;
		color:#999999;
		text-decoration:none
		}
div#projects a:hover{
		color:#FFFFFF;
		background-color:#FF0066
		}
div#projects a.active{
		color:#FFFFFF;
		background-color:#FF0066
		}
/*	Projects by Type - thumbnails	*/
div#photo_thumbs{
		position:absolute;
		top:230px;
		left:872px;
		width:187px;
		height:347px;
		padding-left:14px;
		overflow:auto;
		background:url(../../images/dottedV.gif) top left repeat-y
		}
div.photo_thumb img{
		height:40px;
		width:40px
		}
div.photo_thumb a{
		padding:3px;
		margin:0 4px 8px 4px;
		border:1px solid #d2d2d2;
		float:left
		}
div.photo_thumb a:hover{
		background-color:#d2d2d2
		}
div.photo_thumb a:active,
div.photo_thumb a.active{
		background-color:#FF0066;
		border-color:#FF0066
		}
div.photo_thumb a:visited{
		border-color:#EEEEEE
		}
/*	Project Image	*/
div#project_image{
		width:600px;
		height:345px;
		overflow:hidden;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		border:1px solid #ECECEC;
		position:absolute;
		left:247px;
		top:230px
		}
/*	Imagenav	*/
div#imagenav{
		background:url(../../images/imagenav_background.gif) top left repeat-y;
		height:24px;
		position:absolute;
		width:800px;
		top:576px;
		left:247px;
		border-left:1px solid #ECECEC;
		*height:21px;
		}
div#imagenav a{
		color:#000;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:64%;
		text-align:center;
		vertical-align:middle;
		padding:6px 5px 4px;
		display:table-cell;
		float:none;
		*padding:4px 5px 4px;
		*display:block;
		*float:left;
		background-color:#ECECEC;
		}
div#imagenav a.active{
		background-color:#FF0066;
		color:#FFF
		}
div#imagenav a:hover{
		background-color:#FF0066;
		color:#FFF
		}
/*	Imageinfo	*/
div#imageinfo{
		position:absolute;
		top:606px;
		left:247px
		}
div#imageinfo dl{
		font-family:Geneva,Arial,Helvetica,sans-serif;
		font-size:7pt;
		float:left;
		position:absolute;
		width:32em;
		margin:0;
		line-height:1.85em
		}
div#imageinfo dt{
		color:#666666
		}
div#imageinfo dd{
		margin:0
		}
div#imageinfo dl#title{
		}
div#imageinfo dl#client{
		top:54px
		}
div#imageinfo dl#description{
		left:240px;
		width:368px;
		height:140px;
		overflow:auto
		}
div#imageinfo dl#description a{
		color:#666666
		}
div#imageinfo dl#description a:hover{
		color:#FFF;
		background-color:#FF0066
		}
/************************************************************************/
/*	Studio	*/
div#studioheads{
		height:100px;
		font-size:20px;
		width:820px;
		position:absolute;
		top:118px;
		left:252px
		}
		div#studioheads a{display:block;height:100px;float:left;width:72px}
		div#studioheads a:hover{background-position:-72px 0}
		div#studioheads a.active{background-position:-144px 0}

		a.menu_doug{	background:url(../../images/studio/Doug.gif) no-repeat 0 0;		margin-right:12px}
		a.menu_michael{background:url(http://www.id29.com/images/studio/Mike.gif) no-repeat 0 0;		margin-right:22px}
		a.menu_amy{	background:url(http://www.id29.com/images/studio/Amy.gif) no-repeat 0 0;			margin-right:12px}
		a.menu_susan{	background:url(../../images/studio/Susan.gif) no-repeat 0 0;	margin-right:12px}
		a.menu_simona{	background:url(http://www.id29.com/images/studio/Simona.gif) no-repeat 0 0;	margin-right:8px}
		a.menu_kevin{	background:url(../../images/studio/Kevin.gif) no-repeat 0 0;	margin-right:5px;}
		a.menu_bryan{	background:url(../../images/studio/Bryan.gif) no-repeat 0 0;	margin-right:5px}
		a.menu_puppet{	background:url(../../images/studio/Puppet.gif) no-repeat 0 0}
div#news{
		height:415px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		width:226px;
		position:absolute;
		top:230px;
		left:248px;
		overflow:auto;
		border:1px solid #CCCCCC
		}
div#news a{
		color:#444;
		font-weight:normal;
		text-decoration:underline
		}
div#news a:hover{
		color:#000
		}

div#news a#allNewsLink {
		text-decoration:none;
		font-size:70%;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0 .3em 1.3em .5em;
		padding-bottom:5px
		}
div#news div.news_item{
		font-size:80%;
		margin:.4em .5em 1em .5em;
		color:#444444
		}
div#news span.date{
		margin-top:.3em;
		margin-bottom:0;
		font-size:80%;
		font-family:Georgia, "Times New Roman", Times, serif
		}
div#news h3{
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0;
		font-weight:normal;
		font-size:120%
		}
div#news p{
		margin-top:.3em;
		margin-bottom:0;
		font-size:73%
		}
div#panorama{
		position:absolute;
		top:0;
		left:0;
		width:585px;
		height:416px;
		background:#fff url(../../images/studio/id29_stitch.jpg) -952px 0 repeat-x;
		}
div#panorama img{
		display:none
		}
/*	Bios	*/
div#bios{
		height:416px;
		width:585px;
		position:absolute;
		top:230px;
		left:484px;
		overflow:hidden
		}
div.bio{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		color:#fff;
		height:416px;
		width:585px;
		line-height: 1.4em;
		background-repeat:no-repeat;
		overflow:auto
		}
div.bio h3{
		margin:0;
		font-size:10px;
		letter-spacing: 0.1em
		}
div.bio p{
		font-size:10px
		}
div#doug{background-image:url(../../images/studio/doug/doug.jpg)}
	div#doug h3{padding:73px 0 0 82px;width:208px}
	div#doug p{padding:0 0 0 82px;width:208px}
div#michael{background-image:url(../../images/studio/mike/mike.jpg)}
	div#michael h3{padding:44px 0 0 32px;width:286px}
	div#michael p{padding:0 0 0 32px;width:286px}
div#amy{background-image:url(http://www.id29.com/images/studio/amy/amy.jpg)}
	div#amy h3{padding:110px 0 0 32px;width:286px}
	div#amy p{padding:0 0 0 32px;width:286px}
div#susan{background-image:url(../../images/studio/susan/Susan.jpg)}
	div#susan h3{padding:50px 0 0 21px;width:230px;}
	div#susan p{padding:0 0 0 21px;width:230px}
div#simona{background-image:url(http://www.id29.com/images/studio/simona/simona.jpg)}
	div#simona h3{padding:21px 0 0 281px;width:292px}
	div#simona p{padding:0 0 0 281px;width:292px}
div#kevin{background-image:url(../../images/studio/kevin/kevin.jpg);color:#000}
	div#kevin h3{padding:100px 0 0 21px;width:291px}
	div#kevin p{padding:0 0 0 21px;width:291px}
div#bryan{background-image:url(../../images/studio/bryan/bryanBIO.jpg)}
	div#bryan h3{padding:135px 0 0 94px;width:478px;}
	div#bryan p{padding:0 0 0 94px;width:478px}
div#puppet{background-image:url(http://www.id29.com/images/studio/puppet/puppet.jpg);color:#000;line-height:1.2em}
	div#puppet h3{padding:24px 0 0 12px;width:256px}
	div#puppet p{padding:0 0 0 12px;width:256px}
/************************************************************************/
/* Contact */
div#contact_information{
		height:520px;
		width:845px;
		position:absolute;
		top:230px;
		left:247px;
		background:url(../../images/contact/contact.jpg) top left no-repeat
		}
div#contact_information p{
		line-height:20px;
		color:#000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:lighter;
		font-size:73%;
		letter-spacing:0.1em;
		margin:.4em 1em 0 .4em
		}
div#contact_information span.digits{
		font-size:90%
		}
/*	Contact Form	*/
div#contact_form{
		position:absolute;
		top:112px;
		left:245px
		}
div#contact_form #message,
div#contact_form #name,
div#contact_form #email{
		position:absolute;
		border:none;
		color:#666;
		background-color:#efefef;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:85%;
		padding:5px 0 0 7px
		}
body.safari #message,
body.safari #name,
body.safari #email{
		border:1px solid #737373
		}
div#contact_form #message{
		width:465px;
		height:103px;
		clip:rect(2px,464px,102px,2px)
		}
div#contact_form #name{
		margin-left:479px;
		height:35px;
		width:232px;
		clip:rect(2px,226px,29px,2px)
		}
div#contact_form #email{
		margin-left:479px;
		margin-top:31px;
		height:35px;
		clip:rect(2px,226px,29px,2px);
		width:232px
		}
div#contact_form #submit{
		position:absolute;
		margin-left:481px;
		margin-top:83px;
		height:19px;
		width:72px;
		outline:none
		}
div#contact_form #submit:active{
		margin-left:482px;
		margin-top:84px
		}
div#contact_form h2{
		font-size:600%;
		position:absolute;
		top:-70px;
		left:3px;
		color:#666
		}
div#contact_form p{
		padding-left:3px
		}
/************************************************************************/
/*	Admin Menu	*/
div#admin_menu{
		font-family:Geneva,Verdana;
		font-size:58%;
		position:absolute;
		top:5em;
		left:1.5em;
		width:24em;
		color:#999
		}
div#admin_menu div.row{
		height:2em;
		padding:.9em 0 0 .5em;
		border-left:5px solid #FFF
		}
div#admin_menu div.row:hover{
		border-left:5px solid #999
		}
div#admin_menu span{
		float:left;
		top:.5em
		}
div#admin_menu form{
		display:inline;
		position:absolute;
		margin-top:-1px;
		left:5.8em
		}
div#admin_menu select{
		width:10em;
		font-size:95%
		}
div#admin_menu a{
		color:#FF0066;
		position:absolute;
		margin-top:.1em;
		left:15.8em;
		font-weight:bold
		}
div#admin_menu a:hover{
		background-color:#FF0066;
		color:#FFF
		}
div#admin_menu a#reorder{
		position:static;
		padding:.2em .9em;
		margin-left:5.8em;
		border:1px dashed #FF0066
		}
div#admin_menu a#reorder:hover{
		background-color:#FF0066
		}