/* 
Tinderhouse version 2 style sheet 
Author: Nick Tatt
www.tinderhouse.com
------------------------------------*/

body {
	padding: 0;
	margin: 0;
	color: #333;
	font: 10pt verdana, arial,"sans serif";
	}

a:link, a:visited {color: #900;}	
a:hover {text-decoration: none; background: #900; color: #fff;}	
.hide, #srch, #nav, #secnav, #m-footer, #sidebar #s-footer ul {display: none;}
img {border: 0}

/* Layout controls */

h1, h2, h3, h4, h5, h6, ul, ol, dl {padding: 0;	margin: 0;}
#content {clear: both;}

/*  
Logo controls
------------------------------------*/
#bannerlogoban {
	margin:20px 0;
	padding: 0;
	border: 0;
	width: 100%;
	}
#bannerlogoban .hide {
	display: block;
	margin: 0 0 30px 0;
}
h2.hdrpromo {
	float: none;
	display:block;
	width: 100%;
	text-indent: 0;
	margin: 5px 0 0 0;
}

/* 
Main content controls 
------------------------------------*/
#main, #recent {
	padding: 0 0 15px 0;
}
.content #recent {padding: 0;}

.home #in-main {
	border-left: 1px dotted #c60;
	font-size: 1.3em;
	padding: 15px 0 15px 15px;
	clear: both;
	}
	
.services #in-main, .work #in-main, .latest #in-main, .about #in-main, .contact #in-main, .general #in-main, .news #in-main {
	padding: 15px 0 15px 15px;
	clear: both;
	margin: 15px 0 0 0;
	border-left: 1px dotted #ccc;
	font-size: 110%;
	}
	
#main ol {margin: 0 0 0 25px;}
#main ol li {padding: 3px 0;}

#main p, #sidebar p {margin: 4px 0 10px 0; line-height: 1.5em;}

#main #recent h3, #m-footer h3 {
	color: #c60;
	padding: 15px 0 3px 0;
	font: 1em verdana, arial,"sans serif";
	font-style: normal;
	letter-spacing: normal;
	font-weight: bold;
	margin: 0 0;
}

#hmportfolio {list-style: none;} 
#hmportfolio li {
	float: left;
	display: inline;
	width: 222px;
	padding: 0 4px 0 0;
}
.recentlft {padding: 0 0 0 9px;}

#hmportfolio a {
	color: #444;
	text-decoration: none;
	}
	#hmportfolio a:hover {
		text-decoration: underline;
		background: none;
	}

.home #main h3.three {
	background: url("/i/threereasons.gif") no-repeat 0 0;
	width: 381px;
	height: 25px;
	text-indent: -9999px;
	margin: 0 0 15px 0;
}


/* 
Main & sidebar footer content controls 
------------------------------------*/
#s-footer {
	border-top: 11px solid #c60;
	clear: both;
	margin: 10px 0 20px 0;
	padding: 0 0 0 2px;
}
#s-footer {text-align: center;}
#s-footer p {padding: 15px 0 0 0; color: #999;}

#emailsub, #emailname, .srchname {color: #666;}

	#s-footer ul li {
		display: inline;
		padding: 0 3px 0 6px;
		border-left: 1px solid #c60;
	}
	#s-footer ul li.first {border-left: 0;}

/* Sidebar control */

#sidebar {
	width: 100%;
}

h2.effective {
	height: 60px;
	text-indent: -9999px;
	font-size: 0.1em;	
	margin: 30px 0 20px 0;
}

h2.effective {background: url("/i/effectivecoms.gif") no-repeat 0 0;}


.home #sidebar h3.news{
	background: url("/i/latestnews.gif") no-repeat 0 0;
	height: 25px;
	text-indent: -9999px;
	font-size: 0.1em;	
	margin: 30px 0 10px 0;
}

strong.rssfeed a:link, strong.rssfeed a:visited, .newsexcerpt h4 a:link, .newsexcerpt h4 a:visited{
	color: #444;
	text-decoration: none;
	font: bold 85% verdana, arial,"sans serif";
}
strong.rssfeed a:hover, .newsexcerpt h4 a:hover {
	color: #444;
	text-decoration: none;
	color:#fff;
}
strong.rssfeed a:link, strong.rssfeed a:visited {
	font-size: 100%; margin: 20px 0 0 0;
}
.newsexcerpt {
	background: url("/i/lbr.gif") no-repeat 0 100%;
	padding: 0 0 1px 0;
}
.newsexcerpt h4 {font-size: 76%; margin: 20px 0 0 0;}
.newsexcerpt h4 span {font-weight: normal;}
.newsexcerpt img {
	display: none;
}
.leader {
	font: italic large georgia, times, serif;
	background: url("/i/lbr.gif") no-repeat 0 100%;
	padding: 10px 0;
}

blockquote {
	background: url("/i/bghashyellow.gif") repeat top left;
	margin: 0;
	padding: 10px 20px 10px 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
blockquote p {
	background: url("/i/quotemark.gif") no-repeat top left;
	padding: 0 0 0 10px;
}
blockquote p strong {
	display: block;
}
blockquote p.bqser {
	padding: 0 0 0 100px;
	background: none;
	font: italic large georgia, times, serif;
	letter-spacing: -1px;
	color: #c60;
}
/* Customer quote controls */
#quote {
	background: url("/i/customerquote.gif") no-repeat 0 100%;
	margin: 0 0 0 0;
	height: 145px;
	color: #666;
	padding: 0;
	}
#quote h3 {
	text-indent: -9999px;
	font-size: 0.1em;	
}

#quote dt {
	font: italic 1.2em georgia, times, serif;
	float: left;
	width: 200px;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0 45px 0 0;
	background: url("/i/quotelft.gif") no-repeat 100% 0;
	}
#quote dt small {display: block; font-size: 70%}
#quote dd {
	font: italic 1em georgia, times, serif;
	margin: 0 0 0 220px;
}

/* contact controls */

fieldset {
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 0;
	background: #f7f7f7;
	border: 1px solid #ccc;
}
legend {
	color: #900;
	font-weight: bold;
	font-size: 130%;
}
label {
	display: block;
	margin: 10px 0 0 0;
}
fieldset input, textarea, form input {border: 3px double #ccc;}
.mailinglist {
	border: 0;
}
#sidebar #mailing form input.sub {
	border: 3px double #900;
	background: #900;
	width: 100px;
	color: #fff;
}

.contact table th {
	border-bottom:1px dotted #ccc;
	width:230px;
	font-weight:normal;
	color:#999
}
.contact table {
	margin: 0 0 20px 0;
}

/* Title control */
#main #in-main h3 {
	color: #c60;
	font: italic x-large georgia, times, serif ;
	letter-spacing: -1px;
	margin: 0px 0 10px 0;
	}
#main #in-main h3.subhead {
	color: #444;
	font: italic large georgia, times, serif ;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	padding: 10px 0 7px 0;
	background: url("/i/unlng.gif") no-repeat 0 100%;
	}
#main #in-main h3.worktitle {
	color: #444;
	font: bold 130% verdana, arial,"sans serif";
	margin: 20px 0 0 0;
	}
#in-main ul {
	margin: 20px 0;
	padding: 0 30px;
}
#in-main ul li {
	line-height: 2em;
}

#in-main h4 {
	margin: 15px 0 0 0;
	font-size: 100%;
}

.latest #in-main h4, .news #in-main h4 {
	margin: 0;
	font-size: 130%;
}
.latest #in-main h4.title a  {
		color: #444;
		text-decoration: none;
		}
		.latest #in-main h4.title a:hover {
			background: #900;
			color: #fff;
		}
.posted {
	background: url("/i/lbrlng.gif") no-repeat 0 0;
	margin: 0;
	padding: 7px 0 0 0;
	color: #ccc;
	text-align: center;
}

#sidebar h3 {
	color: #c60;
	font: italic 180% georgia, times, serif ;
	letter-spacing: -1px;
	margin: 20px 0 5px 0;
	}
	
ul.subnav {
	list-style: none;
	border-left: 1px solid #FDF3B2;
	padding: 3px 0 3px 10px;
	background: url("/i/bghashyellow.gif") repeat-y top left;
	margin: 10px 0;
	}
	ul.subnav li {
		line-height: 1.4em;
		padding: 3px 0;
	}
#sidebar h4 {
	color: #c60;
	font: italic 120% georgia, times, serif ;
	margin:  20px 0 0 0;
	}
#sidebar h4.head {
	color: #c60;
	font: bold 100% verdana, arial,"sans serif";
	margin:  20px 0 0 0;
	}
.genexcerpt {
	margin: 0 0 20px 0;
	padding: 0 0 6px 0;
	background: url("/i/unlng.gif") no-repeat 0 100%;
}	
/* Work type controls */

.cat {
	text-transform: uppercase;
	color: #ccc;
	font-size: 88%;
	padding: 10px 0 0 0 !important;
	padding: 5px 0 0 0;
	margin: 0;
	}
dd.head {
	color: #c60;
	font: bold 130% verdana, arial,"sans serif";
	margin: 0;
	padding: 0 0 6px 205px;
	background: url("/i/unlng.gif") no-repeat 0 100%;
	}
	dd.head a, .genexcerpt h4.head a {
		color: #444;
		text-decoration: none;
		}
		dd.head a:hover,.genexcerpt h4.head a:hover {
			background: #900;
			color: #fff;
		}
		
dd.desc {margin: 5px 0 0 0;}
dd.desc img {
	float: left;
	margin: -25px 10px 0px 0;
}
.worksummary {
	clear: both;
	margin: 0 0 5px 0;
}
.workcase {text-align: right;}

.work h3 {
	font: bold 130% verdana, arial,"sans serif";
}

.date {
	color: #999;
}
.byline {
	color: #999;
	padding: 0 0 0 0;
}
#artdetails {
	margin: 10px 0;
	padding: 0 0 2px 0;
	color: #999;
	background: url("/i/lbrlng.gif") no-repeat 0 100%;
}
#artdetails p {
	line-height: 8px
}
p.tail {
	padding: 15px 0 0 0;
	background: url("/i/lbrlng.gif") no-repeat 0 0;
}