/* ######################  BASIC HTML ELEMENTS ######################## */
body, 
h1, h2, h3, h4, h5, h6, p
		{
		font-family: "Times New Roman", Garamond, Times, serif;
		color: #685247;
		font-size: 11px;
		}
		
h2		{
		font-size: 20px;
		letter-spacing: 1px;
		margin: 0 0 10px 0;
		}
		
h3		{
		font-size: 13px;
		letter-spacing: 1px;
		margin: 15px 0 15px 0;
		}		

h6		{
		font-size: 12px;
		letter-spacing: 1px;
		font-weight: normal;
		}

p 		{
		font-size: 12px;
		line-height: 1.5em;
		}
	
/* ######################  COMMON CSS ######################## */
#container
		{
		padding: 20px 0 20px 0;
		margin: 0 auto 0 auto;
		width: 835px;
		}

		
#content
		{
		padding-top: 100px;
		}

.contentPadding
		{
		padding: 50px 0 0 30px;
		}

.textBox
		{
		padding: 20px 80px 20px 150px;
		}

			
.relativeDiv
		{
		position: relative;
		}
						
.required
		{
		font-weight: bold;
		color: #04036f;
		}

.noDisplay
		{
		display: none;
		}
				
.error	{
		color: #cc0000;
		font-weight: bold;
		}
			
/* ####################### NAVIGATION CSS #################### */
#nav	{

		position: absolute;
		right: 0px; 
		top: 40px;
		z-index: 10;
		width: 389px;
		height: 30px;
		background: url(../images/navbar.gif) right top no-repeat;
		}

#navLinks
		{
		padding: 10px 0 0 20px;
		}
		
#navLinks a	{
		float: left;
		display: block;
		cursor: hand;
		height: 14px; 
		}
		
#navLinks div
		{
		height: 100%;
		background: url(../images/navtext.gif) left top no-repeat;	 
		}
		
#navLinks br
		{
		height: 0;
		font-size: 0;
		line-height: 0;
		}
						
#nav div#navHome
		{
		width: 43px;
		background-position: 0px -39px;
		}			

#nav a:hover div#navHome, 
#nav div#navHome.selected
		{
		background-position: 0px 0px;
		}
		
#nav div#navHistory
		{
		width: 73px;
		background-position: -43px -39px;
		}			

#nav a:hover div#navHistory,
#nav div#navHistory.selected
		{
		background-position: -43px 0px;
		}
		
#nav div#navGallery
		{
		width: 78px;
		background-position: -116px -39px;
		}			

#nav a:hover div#navGallery,
#nav div#navGallery.selected
		{
		background-position: -116px 0px;
		}

#nav div#navAvailable
		{
		width: 89px;
		background-position: -194px -39px;
		}			

#nav a:hover div#navAvailable, 
#nav div#navAvailable.selected
		{
		background-position: -194px 0px;
		}
		
#nav div#navContact
		{
		width: 69px;
		background-position: -283px -39px;
		}			

#nav a:hover div#navContact,
#nav div#navContact.selected
		{
		background-position: -283px 0px;
		}


/* ------------------- SUBNAV CSS --------------------------------------*/
#subnav 
		{
		position: relative;
		z-index: 5;
		width: 390px;
		text-align: left;
		}

#subnav a
		{
		display: block;
		cursor: hand;
		padding: 2px 10px; 
		font-size: 11px;
		color: #A89889;
		text-decoration: none;
		}
		
#subnav a:hover
		{
		color: #5F4E46;
		}		
		
#subnav table
		{
		position: absolute;
		top: 69px;
		z-index: 5; 
		margin: 0;
		padding: 0px;
		background: #F4F2EC url(../images/subnavTop.jpg) left top repeat-x;
		}
				
#subnav ul
		{
		background: url(../images/subnavBottom.jpg) left bottom repeat-x;
		padding: 8px 0 8px 0;
		margin: 0;
		}		

#subnav ul li
		{
		list-style-type: none;
		font-family: "Times New Roman", Times, serif;
		font-size: 11px;
		letter-spacing: 1px;
		}		

table#subnavHistory
		{
		left: 70px;
		}		
		
table#subnavGallery
		{
		left: 140px;
		}		

table#subnavAvailable
		{
		left: 210px; 
		}
		
table#subnavAvailable ul
		{
		padding-top: 2px;
		}

ul li.category
		{
		font: 11px/20px Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		padding-left: 5px;
		padding-top: 3px;		
		border-bottom: solid 1px #5F4E46;
		text-transform: uppercase;
		color: #f3f1eb;
		background-color: #BBB19E;
		}
		
/* -------------------------FRAME AND TEXTURE CSS ---------------------------*/				
.frameWhole
		{
		background: url(../images/wholeFrame.jpg) left top no-repeat;
		padding-left: 110px;
		height: 595px;
		}

.textureBox
		{
		width: 604px;
		height: 396px;
		}				

.stoneBG
		{
		background: url(../images/stoneBG.jpg) left top no-repeat;
		}
		
.marbleBG
		{
		background: url(../images/marbleBG.jpg) left top repeat-y;
		}		

.stuccoBG
		{
		background: url(../images/stuccoBG.jpg) left top repeat-y;
		}		

.mapleBG
		{
		background: url(../images/mapleBG.jpg) left top repeat-y;
		}		

.graniteBG
		{
		background: url(../images/graniteBG.jpg) left top repeat-y;
		}		



.trinityCard
		{
		position: absolute;
		left: 33px;
		top: 15px;
		}
			

.titleCard
		{
		position: absolute;
		z-index: 1;
		left: -20px; 
		top: -15px;
		width: 392px;
		height: 301px;
		background: url(../images/titleCard.jpg) left top no-repeat;
		}



/* ------------------------------ SKETCHBOOK CSS ----------------------*/			
.sketchbook
		{
		background: url(../images/sketchbook.gif) left top no-repeat; 
		height: 325px;
		}

.sketchContent
		{
		padding: 20px 0 20px 0;
		margin: 0px 70px 0px 350px;
		}
		
.sketchContent ul
		{
		padding: 0px;
		margin: 0;
		}		
		
.sketchContent ul li
		{
		font-size: 13px;
		list-style-type: none;
		margin: 15px 0;
		}
		
			
.sketchbookBorder
		{
		height: 100%;
		background: url(../images/sketchbookBorder.gif) 130px 270px no-repeat;
		}
		
table.quoteCard
		{
		position: absolute;
		top: -110px;
		right: 40px;	
		height: 95px;
		width: 415px; 
		background: url(../images/quoteCard.gif) left top no-repeat; 	
		}


table.quoteCard td
		{
		vertical-align: middle;
		}
			
			
.quoteCard p
		{
		font-size: 12px;
		color: #B1A497;
		letter-spacing: 0.5px;
		line-height: 1.5em;
		margin: 0 0 0 10px;
		padding: 0;
		width: 220px;
		}
					
.signature
		{
		height: 100%;
		background: url(../images/signature.gif) 275px 30px no-repeat;
		padding: 0 130px 0 40px;
		}			
	
.buttonArea, .brochureButton		
		{
		position: relative;
		width: 150px;
		}

.buttonArea img, .brochureButton img
		{
		position: absolute;
		display: block;
		}

.buttonArea img
		{
		top: 190px;
		right: 50px;
		}
				
.brochureButton img
		{
		top: 260px;
		right: 0;
		}		
				
/*------------------------------ THUMBNAIL BOX CSS ----------------------------------- */
#thumbnailBox
		{
		width: 100%;
		}
		
#thumbnailBox td		
		{
		padding: 0 2px;
		margin: 0;
		white-space: nowrap;
		}
		

td.slideButton div
		{
		width: 35px;
		height: 80px;
		}
		
td.slideButton a
		{
		display: block;
		cursor: hand;
		text-decoration: none;
		}		

#thumbWindow
		{
		overflow: hidden;
		width: 320px;
		}
		
#thumbDisplay
		{
		white-space: nowrap;
		margin: 0;
		padding: 0;
		}		
		
#thumbDisplay img
		{
		display: block;
		padding: 1px;
		border: solid 1px #5F4E46;
		}		
				
/* -------------------------------  HOME PAGE CSS ------------------------------------*/
.sketchHouse
		{
		background: url(../images/sketchHouse.jpg) 20px 65px no-repeat;
		height: 100%;
		}		


/* -------------------------------  HISTORY PAGE CSS ------------------------------------*/
.sketchHouse_4
		{
		background: url(../images/house_sketch_4.gif) 331px 30px no-repeat;
		height: 100%;
		}		

/* -------------------------------  PHILOSOPHY PAGE CSS ------------------------------------*/
.oldManPhoto
		{
		position: absolute;
		top: -15px;
		left: 15px;
		}		
			
#fullPhoto {
		margin: 8px 0 0 6px;
}

/* -------------------------------  GALLERY CSS ------------------------------------*/
.sketchHouse_3
		{
		background: url(../images/house_sketch_3.gif) 331px 55px no-repeat;
		height: 100%;
		}		

#imageContent
		{
		font-size: 12px;
		letter-spacing: 1px;
		}
/* -------------------------------  AVAILABLE CSS ------------------------------------*/
.sketchHouse_2
		{
		background: url(../images/house_sketch_2.gif) 331px 55px no-repeat;
		height: 100%;
		}		

.galleryTitleArea
		{
		position: absolute; 
		left: -320px;
		top: 240px;
		text-align: center;
		}
		

.galleryTitleArea h3
		{
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		margin: 0;
		padding: 10px 0 0px 0;
		text-transform: uppercase;
		}		

.galleryTitleArea h5
		{
		font-size: 14px;
		margin: 0;
		padding:0;
		letter-spacing: 1px;
		font-weight: normal;
		font-style: italic;
		}		

.price
		{
		font-weight: bold;
		}
		
#popupDescriptionBox
		{
		position: absolute;
		z-index: 10;
		top: 180px;
		right: -30px;
		width: 300px;
		padding: 7px;
		background: #fff;
		border: solid 3px #A89889;
		}		
		
/* -------------------------------  TESTIMONIAL CSS ------------------------------------*/
#testimonialArea, 
#servicesArea
		{
		padding: 30px 70px 30px 30px;
		font-size: 13px;
		line-height: 18px;
		}

#testimonialArea h2, 
#servicesArea h2
		{
		font-style: italic;
		}

#testimonialArea p,
#servicesArea p
		{
		margin: 10px 0 0 0;
		}
		
				
ul.testimonialList	li
		{
		font: 12px/14px Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-weight: bold;
		text-transform: uppercase;
		}	
		
ul.testimonialList li a
		{
		text-decoration: none;
		color: #AEA297;
		}
		
ul.testimonialList li a:hover, 
ul.testimonialList li a.selected
		{
		color: #685247;
		}		
		
/* ------------------------ Additional SERVICES AREA ------------*/

#servicesArea
		{
		font-size: 12px;
		}