@charset "UTF-8";
/* CSS Document */

/* . . . LAYOUT CONTAINERS . . . */
	                   
body	{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #000000;
	font-family:"Courier New", Courier, monospace;
	line-height:1.1;
	font-size:0.9em;
}

#container_contact	{
	margin: 1em auto;
	width: 980px;
	height:720px;
	text-align: left;
	background-image: url(images/wood_contact.jpg);
}
			
#container_work	{
	margin: 1em auto;
	width: 980px;
	height:720px;
	text-align: left;
	background-image: url(images/wood_work.jpg);
}

#container_info	{
	margin: 1em auto;
	width: 980px;
	height:720px;
	text-align: left;
	background-image: url(images/wood_work.jpg);
}
		
#header	{
	height: 0px;
	/* background-image: url(images/header.png); */
	/*background-repeat:no-repeat;*/
}
		
#siteLogo	{
	float:left;
	margin-left:50px;
	width:194px;
	height: 720px;
	position:absolute;
	background-image:url(images/logo.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:1;
}

#enterCopy	{
	
	margin-top:180px;
	width:376px;
	z-index:1;
}

/*. . . NAV AREA / NAVIGATION STYLES . . .*/

#nav	{
	float:left;
	margin-left:50px;
	width:194px;
	height: 571px;
	position:absolute;
	background-color:#000000;
	z-index:1;
}

#nav li {
	color: #FFFFFF;
	background-color:#000000;
	padding-bottom:0px;
}

.subnav {
	padding-bottom:2px;
	text-indent:32px;
}

.subnavEnd {
	text-indent:32px;
	margin-bottom:20px;
}

#nav a {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#000000;
}
		
#nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#000000;
}

#nav a:link {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#000000;
}
		
#nav a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #FFCC00;
}

#nav img {
	vertical-align:baseline;
	padding-right:4px;
	
}


/*. . . CONTENT AREA . . .*/

		
#contents_info	{
	margin-left: 305px;
	margin-right:60px;
	padding-top:50px;
	padding-right:20px;
}

#contents_info_high	{
	margin-left: 305px;
	margin-right:60px;
	padding-top:30px;
	padding-right:20px;
}

#contents_info ul {
	list-style: none;
	text-indent:-40px;
}

#contents_info img {
	border:0;
	background:none;
	vertical-align:text-bottom;
	padding-top:12px;
	padding-right:4px;
}

#contents_work	{
	margin-left: 305px;
	margin-right:60px;
	padding-left:20px;
	padding-top:80px;
	padding-right:20px;

}

#contentBox	{
	min-height:180px;
	background-image: url(images/bg_wood_work.png);
	background-repeat:repeat;
	background-position:top;
	padding-top:24px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:24px;
	border:dotted 1px #996633;
}

#contentBoxNoWood	{
	min-height:180px;
	background-image: url(images/bg_wood_work.png);
	background-repeat:repeat;
	background-position:left top;
	padding-top:24px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:24px;
	border:dotted 1px #996633;
	width: 600px;
	top: 75px;
}

#aboutPhoto {
	margin-bottom:24px;
	height: 225px;
}

#aboutPhoto2 {
	width:240px;
	margin-bottom:-130px;
	margin-left:280px;
}

#contentPhoto {
	min-width:360px;
	min-height:240px;
	margin-top:24px;
	margin-bottom:6px;
	background-color:#336699;
}

#clipHolder
{
	margin-top:15px;
	padding-bottom:15px;
	width: 480px;
	height: 360px;
	text-align: left;
	background-color: #006699;
}


/* . . . WORK LAYOUT SPREADS . . . */


#workspread {
	/*background-color:#339960;*/
	width:564px;
	min-height:360px;
	padding-top:24px;
	font-size:96%;
}

.spreadNotes {
	/*font-size:100%;*/
	padding-top:0px;
}

.spreadLinks {
	/*font-size:100%;*/
	padding-top:0px;
}

.spreadTitles{
	width:131px;
	font-size:95%;
	margin-top:4px;
	margin-bottom:auto;

}

#workspread img {
	width:121px;
	height:68px;
	margin-bottom:4px;
	margin-top:2px;
	background-color:#336699;
	
	}

#workspread ul {
	text-indent:-38px;
}

#spreadItem {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
}

#spreadItem2 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
}

#spreadItem3 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
}

#spreadItem4 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
}

#spreadItem5 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
	clear:both;
}

#spreadItem6 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
	clear:none;
}

#spreadItem7 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
	clear: none;
}

#spreadItem8 {
/*	background-color:#339966;*/
	width:141px;
	height:40%;
	float:left;
	margin-bottom:36px;
	clear:none;
}

#spreadLinks {
	padding-top:18px;
	font-size:100%;
}


/*. . . FOOTER . . .*/

		
#footer	{
	clear: both;
	position: absolute;
	text-align:right;
	vertical-align:bottom;
	width:980px;
	margin-top:740px;
	font-size:80%;
	color: #666666;
	z-index:0;
}
		
	
.invisiblock {
	display: block;
	clear: both; 
	margin: 1em;
	background-color:#999900;
	visibility: hidden;
}

/*. . . TYPOGRAPHY / IMAGE FORMATTING . . .*/
/*. . . basics / tag formatting . . .*/
ul {
	list-style: none;
	text-indent:-24px;
}

a {
	text-decoration: none;
	color: #000000;
	background-color:#FFCC00;
}

a:hover {
	text-decoration: none;
	color: #FFCC00;
	background-color:#000000;
}	

h1, h2 {
	margin: 0;
	font-weight:500;
	font-size:180%;
	letter-spacing:-1px;
}

.subcatcarat {
	font-size:100%;
	background-color:#CCCCCC;
}

img {
	border:0;
	background:none;
	vertical-align:text-bottom;
}

table {
	/*background-repeat:no-repeat;*/
}

td {
	background-repeat:no-repeat;
	background-position:center;
}