﻿    
/* CSS for Inverted Sliding Doors starts here. Code was used */
/* from http://www.456bereastreet.com/lab/inverted_tabs/  */
#header {
		height:110px;
		background:url(header.gif) 0 0 no-repeat;
	}
	#nav {
		float:left;
		width:760px;
		margin-top:-12px;
		font-size:0.75em;
		line-height:1em;
	}
	#nav ul {
		margin:0;
		padding:0 0 0 28px;
		list-style:none;
	}
	#nav li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:url(images/nav1.gif) 0 100% no-repeat;
	}
	#nav li:hover {
		background-position:-6px 100%;
	}
	#nav a {
		float:left;
		display:block;
		color:#473215;
		font-weight:bold;
		font-family:Georgia,Times,"Times New Roman",serif;
		background:url(images/nav2.gif) 100% 100% no-repeat;
		padding:5px 14px 12px 8px;
		text-decoration:none;
	}
	#nav li:hover a {
		background-image:url(images/nav1.gif);
	}
	/* Hide from IE5-Mac \*/
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav a:hover {
		color:#000;
		text-decoration:underline;
	}
	#home #nav #t1,
	#services #nav #t2,
	#projects #nav #t3,
	#about #nav #t4,
	#contact #nav #t5 {
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
	}
	#home #nav #t1 a,
	#services #nav #t2 a,
	#projects #nav #t3 a,
	#about #nav #t4 a,
	#contact #nav #t5 a {
		background-image:url(images/nav2s.gif);
		padding-left:0;
		padding-right:19px;
	}
	#nav #t1,
	#home #nav #t1 {
		margin-left:0;
	}
	#nav #t5,
	#contact #nav #t5 {
		margin-right:0;
	}


