/*
===== CONTENTS =====

	last-updated: 31 Jan 2006;

	1: Main Navigation
	2: HTML and Body
	3: Text
	4: Links
	5: Images
	
====================
*/


/*==================================================================================*/
/* 1. Main Navigation */

#navholder
{
	height: 1em;
	width: 7em;
	padding: 0px 0px 0px 5px;
}

	#nav-menu ul
 {
	  list-style: none;
	  padding: 0;
	  margin: 0;
 }

	#nav-menu li
 {
	  float: left;
	  margin: 0.em;
 }

	#nav-menu li a
 {
	  background: url(background.gif) #fff bottom left repeat-x;
	  height: 1em;
	  line-height: 1em;
	  float: left;
	  padding: 5px;
	  width: 8.35em;
	  display: block;
	  border: 2px solid #543e02;
	  color: #543e02;
	  margin: 0px 0px 0px 0px;
	  text-decoration: none;
	  text-align: center;
 }
 
 #nav-menu a:hover {
	border: 2px solid #543e02;
	background: url(backgroundover.gif) #fff bottom left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	width: 8.35em;
	text-decoration: none
}
 
 
 	
/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: none;
	font-family: Arial, Helvetica, sans-serif;

}
/* End hide */

#nav-menu
{
width:40em
}
/*==================================================================================*/
/* 2. HTML and Body */

body {								/* website bg and container for allcontent */
		text-align: left;
		margin: auto;
		background-color: #FCFAF1;
	}


#allcontent {						/* container for all elements of the site */ 
	
	width:	600px;
	height: 890px;
	padding-top:	0px;
	padding-bottom:	10px;
	background-image: url(images/allcont.png);	
	/*background-color: #e0fafc;*/
	margin-left:	auto;
	margin-right:	auto;
	margin-top: 10px;
	margin-bottom: 15px;
}


#header {							/* container for header */ 	
	width:	600px;
	background-color: #FCFBFA;
	height: 108px;
	padding:	0px 0px 0px 0px;
	margin-top: 0px;
}


#lcol ul 							/* nav menu list */ 
{
	list-style: none;
	height: 275px;
	width: 105px;
	float: left;
	background-image: url(images/lcolserv.png);
	font-size: 90%;
	padding: 0px;
	display: block;
	text-align: right;
	margin: 20px 0px 0px 0px;
	
}

#lcolserv ul   						/* nav menu list for services.html */ 
{
	list-style: none;
	height: 275px;
	width: 105px;
	float: left;
	background-image: url(images/lcolserv.png);
	font-size: 90%;
	padding: 0px;
	display: block;
	text-align: right;
	margin: 20px 0px 0px 0px;
}


#behind {							/* container for lcol and content */
	height: 450px;
	width: 550px;
	float: center;
	/*border: 1px solid brown; */
	background: #E0FAFC;
	font-size: 105%;
	padding: 15px;
	margin: 25px 0px 0px 10px;
}

#contentlori {     					/* content area for lori.html */
	height: 430px;
	width: 370px;
	float: left;
	background-image: url(images/contentserv.png);
	/*background: #E0FAFC;*/
	font-size: 105%;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}

#contentabout {     				/* content area for about.html */
	height: 680px;
	width: 370px;
	float: left;
	background-image: url(images/contentabout.png);
	/*background: #E0FAFC;*/
	font-size: 105%;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}

#contentcont {     					/* content area for contact.html */
	height: 220px;
	width: 465px;
	float: center;
	background-image: url(images/contcontact.png);
	font-size: 105%;
	padding: 15px;
	margin: 0px 0px 0px 10px;
}

#contentserv {     					/* content area for services.html */
	height: 430px;
	width: 370px;
	float: left;
	background-image: url(images/contentserv.png);
	/*background: #E0FAFC;*/
	font-size: 105%;
	padding: 10px;
	margin: 0px 0px 0px 0px;
}

#tx {								/* in services..."please click image for a larger view" */
	

	height: 100px;
	width: 150px;
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: block;
}
/*==================================================================================*/
/* 3. Text */

ul {
	list-style-type: disc;

}

professional  {						/* Large brown font used for titles */
	font-size: 24px;
	margin-bottom: 0px;
	color: #533e1d;
	font-family: Arial, Helvetica, sans-serif;
	background-position: left;
	text-align: left;
}

custom {							/* Medium brown font used under titles */
	margin-bottom: 0px;
	font-size: 80%;
	color: #543e02;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

austin {							/* text for images in services..."please click image for larger view." */
	margin-bottom: 0px;
	font-size: 75%;
	color: #543e02;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

framing {							/* brown font used for links */
	margin-bottom: 0px;
	font-size: 90%;
	color: #88784C;
	text-align: left;
}

frames {							/* brown font used for content */
	margin-bottom: 0px;
	font-size: 95%;
	color: #543e02;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: circle;
}


/*==================================================================================*/
/* 4. Links */

a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #543e02;
	
}

#lcol a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #543e02;
	text-decoration: none
}

#lcol a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #543e02;
	text-decoration: none
}


#lcol a:hover {
	border: 1px solid #543e02;
	background-color: #E0FAFC;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	text-decoration: none
}

#lcol a:active {
	border: 1px solid #543e02;
	background-color: #E0FAFC;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	text-decoration: none
}


#lcolserv a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #543e02;
	text-decoration: none
}

#lcolserv a:visited{
	font-family: Arial, Helvetica, sans-serif;
	color: #543e02;
	text-decoration: none
}


#lcolserv a:hover {
	border: 1px solid #543e02;
	background-color: #E0FAFC;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	text-decoration: none
}

#lcolserv a:active {
	border: 1px solid #543e02;
	background-color: #E0FAFC;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	text-decoration: none
}

#img_wide a:link
{
	text-decoration: none
	}

#img_wide a:visited
{
	text-decoration: none
	}

#img_wide a:active
{
	text-decoration: none
	}

#img_wide a:hover
{
	text-decoration: none
	}
	
	
/*==================================================================================*/
/* 5. Images */


#lori  								/* container for lori's headshot */
{
	height: 140px;
	width: 136px;
	float: left;
	padding: 0px;
	margin: 10px 10px 0px 10px;
	display: table;
}

#img_wide
{
	height: 135px;
	width: 202px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	display: inherit;
	float: right;
}