/*  ----------------------------------------------------------------------------
	CSS Reset ------------------------------------------------------------------ */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		background:transparent;
		border:0;
		margin:0; padding:0;	
		font-size:100%;
		outline:0;
		vertical-align:baseline;
	}
	body { line-height:1; }
	ol, ul { list-style: none; }
	blockquote, q {	quotes:none; }
	blockquote:before, blockquote:after,
	q:before, q:after { content:''; content:none; }
	del { text-decoration:line-through; }
	table {	border-collapse:collapse; border-spacing:0; }
	
	
/*  ----------------------------------------------------------------------------
	Redefined Tags ------------------------------------------------------------- */
	* { 
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color:#9c9ea1;
	}
	
	html { }
	body {
		background:#e5e5e5 url(../img/bg_body.gif) repeat left top;
		padding:28px 0 36px 36px;
	}
	body, table, td, th, p, div, li, address, dl, dt, dd, input, select, textarea, label, strong, b {
		font-size:9px; line-height:15px;
	}
	p { margin-bottom:14px; }
	
	ul { margin:0 0 15px 40px; }
	ul li { list-style:circle; padding:3px 0; }
	
	a:hover, a:hover *, a:visited:hover { background-color:#fff200; color:#000; text-decoration:none; }
	a:visited { text-decoration:line-through; }
	
	
/*  ----------------------------------------------------------------------------
	Shell ---------------------------------------------------------------------- */
	#container { width:843px; }
	#wrapper { 
		background-color:#fff;
		padding:40px 40px 30px 40px;
	}	

	#featured {
		background-color:#fff;
		width:100%; height:11px;
		margin-bottom:10px;
	}
	
	
/*  ----------------------------------------------------------------------------
	Header --------------------------------------------------------------------- */
	#header h1 { margin-bottom:10px; }
	#header h1 a {
		background:url(../img/l_tommydoyle.gif) left top no-repeat;
		display:block;
		text-indent:-9999px;
		width:94px; height:50px;
	}
	#header .adr,
	#header .tel,
	#header .email {
		background-repeat:no-repeat; background-position:left top;
		display:block;
		text-indent:-9999px;
		width:150px; height:17px;
	}	
	#header .adr { background-image:url(../img/bg_adr.gif); }
	#header .tel { background-image:url(../img/bg_tel.gif);	}
	#header .email {
		background-image:url(../img/bg_email.gif);
		background-position:4px 0;
		padding-left:3px; margin-left:-3px;
		width:146px; height:22px;
	}
	#header .email:hover { background-color:#00f6ff; background-position:-149px 0; }
	
	
/*  ----------------------------------------------------------------------------
	Content -------------------------------------------------------------------- */	
	.col1 {	float:right; width:560px; margin-top:-117px; }
	.col2 { float:left; width:163px; margin-top:50px; }


/*  ----------------------------------------------------------------------------
	Title ---------------------------------------------------------------------- */
	.t {
		background-repeat:no-repeat; background-position:left top;
		display:block;
		text-indent:-9999px;
		width:100px; height:16px;
	}	
	#t_illustration { background-image:url(../img/t_illustration.gif); }
	#t_design { background-image:url(../img/t_design.gif); }
	#t_art { background-image:url(../img/t_art.gif); }
	#t_animation { background-image:url(../img/t_animation.gif); }
	
	#t_info a, #t_blog a {
		background-repeat:no-repeat; background-position:3px 3px;
		display:block;
		text-indent:-9999px;
		padding:0 5px; margin-left:-3px;
		height:20px;
	}
	#t_info { width:32px; height:20px; }
	#t_blog { width:34px; height:20px; }
	#t_info a { background-image:url(../img/t_info.gif); }
	#t_blog a { background-image:url(../img/t_blog.gif); }	
	#t_info a:hover, #t_blog a:hover { background-color:#00f6ff; }


/*  ----------------------------------------------------------------------------
	Fonts ---------------------------------------------------------------------- */
	.col1 h2 {
		color:#000;
		font-size:14px;
		font-weight:normal;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	
	.col1 h3 {
		color:#333;
		font-size:11px;
		font-weight:normal;
		margin-top:25px;
	}
	.col1 h4 {
		color:#333;
		font-size:9px;
		font-weight:normal;
	}
	
		
/*  ----------------------------------------------------------------------------
	Custom List ---------------------------------------------------------------- */
	ul.list, ul.list li { margin:0; padding:0; list-style:none; }
	
	ul.list { margin:8px 0 26px 0; }
	ul.list li a {
		padding:1px 3px; margin-left:-3px;
		text-decoration:none;
		text-transform:lowercase;
	}
	ul.list li a:hover, ul.list li a:visited:hover, ul.list li a.selected, ul.list li a:visited.selected { background-color:#fff200; color:#000; text-decoration:none; }
	ul.list li a:visited { text-decoration:line-through; }
	
	
/*  ----------------------------------------------------------------------------
	Footer --------------------------------------------------------------------- */
	p#footer {
		clear:both;
		color:#babcbe;
		margin:0; padding-top:30px;
	}
	p#footer a {
		padding:0 3px; margin:0 4px 0 -3px;
	}
	

/*  ----------------------------------------------------------------------------
	SIFR ---------------------------------------------------------------------- */
	.sIFR-flash { margin:0; visibility:visible!important; }
	.sIFR-replaced { visibility:visible!important; }
	span.sIFR-alternate {
		display:block;
		position:absolute;
		overflow:hidden;
		top:0; left:0;	
		width:0; height:0;
	}
	.sIFR-flash + div[adblocktab=true] { display:none !important; }
	.sIFR-hasFlash h2 {
		font-size:16px; line-height:20px;
		letter-spacing:-9px;
		visibility:hidden;
		text-transform:uppercase;
	}

	
/*  ----------------------------------------------------------------------------
	Other ---------------------------------------------------------------------- */
	.hide { display:none; }
	.clearfix:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	.clearfix {display:inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} 
	.clearfix {display: block;}
	/* End hide from IE-mac */