/* CSS Document */

#top {						width: 894px;
							height: 33px;
							background: url(../images/thornton/page_top.png) top no-repeat;
							margin: 0 auto 0 auto;
							padding: 0; }

#page {						background: url(../images/thornton/interior_page_bg.png) top left repeat-y;
							width: 894px;
							min-height: 650px;
							margin: 0 auto 0 auto;
							padding: 0;
							text-align: left; }
							
#left {						background: url(../images/thornton/leftnav_bg.png) 0 229px no-repeat;
							width: 298px;
							min-height: 650px;
							padding: 0;
							margin: 0;
							float: left; }
														
#left a:link { 				color: #FFFFFF;
							text-decoration:none; }
							
#left a:visited { 			color: #FFFFFF;
							text-decoration:none; }
							
#left a:active { 			color: #FFFFFF;
							text-decoration:none; }
							
#left a:hover { 			color: #C0D3A8;
							text-decoration:none; }							

#nav {						
							width: 214px;
							height: auto;
							margin: 0;
							padding: 0 0 0 67px;
							list-style: none;
							overflow: hidden;
							float: left;
							text-align: -5000px; }
			
#nav li { 					float: left;
							width: 214px;
							height: 55px;
							margin: 0;
							padding: 0;
							overflow: hidden; }
			 
#nav li a { 				display: block;
							padding: 55px 0 0 0;
							height: 0px !important;
							overflow: hidden; }	

#home a { 					background: url(../images/thornton/leftnav_home.jpg) top left no-repeat; 
							height: 55px; }
							
#home a:hover { 			background-position: top -214px; }

#communities a { 			background: url(../images/thornton/leftnav_communities.jpg) top left no-repeat; 
							height: 55px; }
							
#communities a:hover { 		background-position: top -214px; }

#communities a.active { 	background: url(../images/thornton/leftnav_communities_on.jpg) top left no-repeat; }
			
#about a { 					background: url(../images/thornton/thornton-construction.jpg) top left no-repeat; 
							height: 55px; }
							
#about a:hover { 			background-position: top -214px; }

#about a.active { 			background: url(../images/thornton/thornton-construction-info.jpg) top left no-repeat; }

#advantage a { 				background: url(../images/thornton/leftnav_advantage.jpg) top left no-repeat; 
							height: 55px; }
							
#advantage a:hover { 		background-position: top -214px; }

#contact a { 				background: url(../images/thornton/leftnav_contact.jpg) top left no-repeat; 
							height: 55px; }
							
#contact a:hover { 			background-position: top -214px; }

#contact a.active { 		background: url(../images/thornton/leftnav_contact_on.jpg) top left no-repeat; }

#subnav {					background: url(../images/thornton/subnav_repeat.png) top left repeat-y;
							width: 298px;
							height: auto;
							margin: 0;
							padding: 0;
							float: left; }
			
#subnav p {					font: 13px Geneva, Arial, Helvetica, sans-serif;
							text-align: center;
							line-height: 22px;
							padding: 10px 0 0 50px;
							margin: 0;
							text-transform: uppercase;
							color: #C0D3A8; }
							
#subnav p.sub {				font: 12px Arial, Helvetica, sans-serif;
							text-align: center;
							line-height: 17px;
							padding: 0 0 0 50px;
							color: #C0D3A8;
							text-transform: none;}
							
#subnav2 {						
							width: 214px;
							height: auto;
							margin: 0;
							padding: 0 0 0 67px;
							float: left; }
						
#right {					width: 596px;
							height: auto;
							padding: 0;
							margin: 0;
							float: left; }
						
#tabs {						width: 596px;
							height: auto;
							background:url(../images/thornton/tabs_bg.png) top left no-repeat;
							margin: 0;
							padding: 40px 0 0 0;
							float: left; }
							
#content {					background: url(../images/thornton/interior_content_bg.png) top left repeat-y;
							width: 596px;
							min-height: 579px;
							margin: 0;
							padding: 0;
							float: left; }
							
#content .left {			width: 265px;
							height: auto;
							margin: 0;
							padding: 0;
							float: left; }
							
#content .right {			width: 331px;
							height: auto;
							padding: 0;
							margin: 0;
							float: left; }
							
h1 {						font: 20px Georgia, "Times New Roman", Times, serif;
							padding: 25px 0 5px 0;
							margin: 0 70px 15px 35px;
							border-bottom: 1px #000000 solid; }	
							
h2 {						font: 16px Georgia, "Times New Roman", Times, serif;
							padding: 0 30px 12px 35px;
							margin: 0;
							color: #97733F;
							font-weight:bold; }
							
h3 {						font: 16px Georgia, "Times New Roman", Times, serif;
							padding: 50px 70px 5px 50px;
							margin: 0;
							text-transform:uppercase;
							text-align:center; }	
							
h4 {						font: 14px Georgia, "Times New Roman", Times, serif;
							padding: 40px 70px 5px 50px;
							margin: 0;
							text-align:left; }	
							
p {							font: 12px Arial, Helvetica, sans-serif; 	
							padding: 0px 70px 12px 35px;
							margin: 0;
							line-height: 17px; }
							
ul {						font: 12px Arial, Helvetica, sans-serif; 	
							padding: 0px 10px 12px 50px;
							margin: 0; }
							
ul li {						padding: 0 20px 2px 0;
							margin: 0; }
							
p.interior {				font: 12px Arial, Helvetica, sans-serif; 	
							padding: 0px 20px 12px 35px;
							margin: 0;
							line-height: 17px; }
							
p.article {					width: 250;
							padding: 175px 70px 12px 25px; }
							
img.article {				float: left;
							padding-right: 15px; }	
							
img.thumb {					float: left;
							padding: 10px 4px 0 0; }
							
img.left {					float: left; }							

.experience {				font: 12px Arial, Helvetica, sans-serif; 	
							padding: 0px 70px 12px 0;
							margin: 0 0 0 35px;
							text-align: left;
							line-height: 17px; }
							
tr.green {					background-color: #D3DCD2; }

form {						font: 12px Arial, Helvetica, sans-serif; 	
							padding: 0px 70px 12px 35px;
							margin: 0;
							line-height: 17px; }
							
.description {				padding: 25px 70px 12px 35px; }