/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
*{
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	/*height:100%; /* needed for container min-height */
	background:#C9CBC7;
	
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	color:#666;
}

h1 { 
	font-size: 150%; 
	margin:0.5em 0;
}

h2 {
	font-size: 120%; 
	padding:0.5em 0 0.2em 0;
}
h3{
	font-size: 95%;
	margin:4px 0;
	font-weight: bold;
}
	h1, h2, h3 {
		font-family: Trebuchet MS, Georgia, serif;
		font-weight: normal;
		color: #7d647a;
		/*color:orange;*/
	}

p { 
	line-height:180%; 
	margin:1em 3em 0.5em 0em;
	font-size:80%;
}
a:link, a:visited{
	/*color:#838C84;*/
	color: #E97E00;
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}
div#container {
	/*position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:774px;
	background:url(images/shadow-bg.jpg);
	
	/*height:auto !important; /* real browsers */
	/*height:100%; /* IE6: treaded as min-height*/

	/*min-height:100%; /* real browsers */
	
}

div#padding{
	padding:0 12px;
}

/* ---------------------------------------------- 
					header
  ---------------------------------------------- */
  
div#header {
	text-align:center;
	height:105px;
	background:url("images/grad-bg.jpg");
}
	div#header span {
		display:none;
	}
	div#header img{
		margin: 4px 5px 0 5px;
	}
	
div#header-image{
	margin:5px 0 5px 5px;
}
/* ------------------------------------------------ 
					nav
 ---------------------------------------------- */
div#nav{
	height:35px;
	background-image:url("images/nav-bg.jpg");
	font-size:90%;
}
	div#nav ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	div#nav ul li{
		float:left;
		padding:8px 10px 0 10px;
	}
	div#nav a{
		/*color:#694587;*/
		color:#ffffff;
		font-size: 95%;
		font-weight:bold;
		text-decoration:none;
	}
	div#nav a:hover{
		color:#694587;
		text-decoration:none;
	}
	
/* ---------------------------------------------- 
					content
  ---------------------------------------------- */

	#content.noLeftCol{
		padding-left:40px;
	}
	

div#content {
	/*padding:1em 1em 5em; /* bottom padding for footer */
	padding:10px 5px;
}
	div#content p {
		text-align:justify;
	}
	
	/*
	div#leftCol{
		float:left;
	}
	div#rightCol{
	
	}*/

	.leftCol{
		border-right:1px solid #D1D5CE;
		width:150px;
		padding:5px;
	}
	.leftCol ul{
		list-style-type:none;
		margin:0;
		padding:0;
		font-size:85%;
	}
	.leftCol ul li{
		padding: 0.2em 0;
	}
	.leftCol a:active, .leftCol a:visited{
		color: #838C84;
	}
	.leftCol ul ul{
		list-style-type:none;
		margin:0 0 0 10px;
		padding:0;
		font-size:90%;
	}
	
/* ---------------------------------------------- 
					sub nav
  ---------------------------------------------- */
#subNav{
	width:160px;
	padding:5px 0 5px 5px;
	float:left;
	margin-top:10px;
}
	#subNav ul a{
		display:block;
		padding:3px 2px 4px 10px;
		background-color:#f5f4f5;
		color: #838C84;
	}
	#subNav a:hover{
		text-decoration:none;
		background-color:#D8CFD5;
	}
	#subNav ul{
		list-style-type:none;
		font-size:85%;
	}
	#subNav ul li{
		padding-bottom:10px;
	}
	
		#subNav ul ul{
			font-size:90%;
		}
		#subNav ul ul li{
			padding:0 0 1px 0;
		}
/* ---------------------------------------------- 
					main content
  ---------------------------------------------- */
#mainContent{
	margin-left: 180px;
	border-left: 1px solid #D1D5CE;
	padding-left: 10px;
}

/* ----------------------------------------------
					homepage
  ---------------------------------------------- */
/*.home {
	margin:0 0 0 1em;
	padding:0;
	list-style-type:none;
}
.home li{
	float:left;
	margin: 1em;
}
.home h3{
	font-size:95%;
	padding:0.2em;
	background-color:#D1D6CD;
	width:200px;
}
.home p{
	font-size:75%;
	line-height:130%;
	width:200px;
	padding:0;
	margin:0;
}*/
.homeButtons{
  margin: 0 20px 0 20px;
  float: left;
}
.homeButtons img{
  margin: 10px 15px;
}

/* ---------------------------------------------- 
					gallery
  ---------------------------------------------- */
  
#thumb ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#thumb li{
	float:left;
	font-size:80%;
	padding-bottom: 0.5em;
	width: 180px;
}

#thumb img{
	margin:0.5em 1.3em 0 0;
}

/* ---------------------------------------------- 
					sitemap
  ---------------------------------------------- */

#sitemap ul{
	font-size:80%;
	margin:0 1em;
}
#sitemap ul li{
	padding-bottom:1em;
}
#sitemap ul ul{
	font-size:100%;
	margin-left:1em;
}
#sitemap ul ul li{
	padding:0;
}

/* ---------------------------------------------- 
					form
  ---------------------------------------------- */
form{
	font-size:100%;
}
	form fieldset{
		border: 1px solid #ecedec;
		margin-bottom: 1em;
		padding: 10px;
		width: 75%;
	}
	form legend{
		font-size: 90%;
		color: #7d647a;
		font-weight: bold;
	}
	form  label
	{
		clear:left;
		display:block;
		float:left;
		width:150px;
		text-align:right;
		padding-right:10px;
		color:#888;
	}
	form input{
		width:200px;
	}
	form select{
		width:200px;
	}
	
/* ------------------------------------------------ 
					appliances
 ------------------------------------------------ */
 
ul.appliances{
	margin-left: 1em;
	font-size: 80%;
	float: left;
}

.img-wrapper{
	float: left;
	margin: 20px 40px 0 0;
	line-height: 0;
}

.img-wrapper img{
	float: none;
	margin: 0;
	padding: 4px;
}
 	
	
/* ------------------------------------------------ 
					footer
 ------------------------------------------------ */

div#footer {
	clear:both;
	/*position:absolute;
	width:750px;
	bottom:0; /* stick to bottom */
	
	background-color:#D8CFD5;
	border-bottom:5px solid #fff;
	text-align:right;
	margin-top:10px;
}
	div#footer p {
		text-align:center;
		font-size:75%;
		padding:0.5em;
		margin:0;
		color:#999;
	}
	#footer a:link, #footer a:visited{
		color: #838C84;
	}
#bottom{
	background:url(images/shadow-bot.jpg) no-repeat top;
	margin:0 auto;
	width:774px;
	height:10px;
	/*margin-top:0.5em;*/
}
/* ------------------------------------------------ */