html { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
body { margin:0; background: #fff url('../images/bg-tile-h.jpg') repeat-x top left; }

p, ul li{  padding:0; color:#848484; /*text-indent:5px;*/ }
a, img { border:none; }
a, h1 { color:#78847B; }

h1, h2 { margin:0; }
h2 { color:#848484; }

h1 { font-size:1.1em; }
h2 { font-size:0.9em; }


input, textarea, select { border: 1px solid #848484; }
.label{
    text-align:left;
  }
#submit{
    text-align:left;
  }


.wrapper{ }
.left { float:left; }
.right{ float:right; }

#header, #footer { width: 900px; margin:0 auto; }

#photodiv {
  background-repeat: no-repeat;
  width: 540px;
  background-color:#00CC66;
}


#header{ height:73px; /*background-color:#666666;*/ }
#headercontent { padding:7px; }

#menu 
	{	width: 469px; 
		height: 30px;	
		padding: 5px 0px 0px 0px;
		float:right;
	}
	
	#menu a,#menu h2 
	{
	display: block;
	margin: 0;
	font: 11px, sans-serif;
	color: #000000;
	text-decoration: none;
	}
	
	#menu ul 
	{
	float: left;
	list-style: none;
	background: #ffffff;
	margin: 0;
	padding: 0;
	}
	
	
	#menu li 
	{
	background: #ffffff;
	}
	
	#menu ul ul 
	{
	margin: 0px;
	padding: 0px;
	}
	
	a.nav1,	a.nav1,	a.nav2,	a.nav3,	a.nav4,	a.nav5, a.nav6
	{
	display: block;
	height: 30px;
	}
	
	a.nav1
	{
	width: 64px;
	background: url('../images/nav/home.jpg') no-repeat top left;
	}

	a.nav2
	{
	width: 88px;
	background: url('../images/nav/about.jpg') no-repeat top left;
	}
	
	a.nav3
	{
	width: 80px;
	background: url('../images/nav/projects.jpg') no-repeat top left;
	}		
	
	a.nav4
	{
	width: 142px;
	background: url('../images/nav/products.jpg') no-repeat top left;
	}
	
	a.nav5
	{
	width: 83px;
	background: url('../images/nav/services.jpg') no-repeat top left;
	}
	
	a.nav6
	{
	width: 100px;
	background: url('../images/nav/contact.jpg') no-repeat top left;
	}
	
	
	a:hover.nav1,	a:hover.nav2,	a:hover.nav3,	a:hover.nav4,	a:hover.nav5, a:hover.nav6
	/*--- this references where in the PNG the OVER image should load from  ---*/
	{
	background-position: 0 -30px;
	}
	
	a.location,	a:active.nav1,	a:active.nav2,	a:active.nav3,	a:active.nav4,	a:active.nav5, a:active.nav6
	/*--- this references where in the PNG the DOWN image should load from  ---*/
	{
	background-position: 0 -60px;
	}
	
	/*--- makes the text representation of the nav disappear ---*/
	#menu h2 a span
	{
	display: none;
	}

/* ******************************************************** Button Style */
/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}


button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.standardBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:1em; 
	text-align: center; 
	background: transparent url('../images/btn_gray_sprite.gif') no-repeat right -100px; 
}
	
button.standardBtn span {
	padding: 6px 0 0 15px; 
	height:25px; 
	background: transparent url('../images/btn_gray_sprite.gif') no-repeat left top; 
	color:#999999; 
}

/*
button.standardBtn span a {
	text-decoration: none;
}
	*/
	
button.standardBtn:hover, button.standardBtnHover { 
/* the redundant class is used to apply the hover state with a script */
	background-position: right -150px; 
}
	
button.standardBtn:hover span, button.standardBtnHover span {
	background-position: 0 -50px;
}

/* ******************************************************** End Button Style */


/* *********************************************************** Error msgs    */
#errors { font-size: 0.9em; font-weight:bold; }

.notice, .warning { padding: 6px; width: 100%; margin:0 auto; text-align:left; }
.notice {  color:#000000; }
.warning { color:#FF0000; }

.errormsg { font-weight:bold; padding:1px; color:#FF0000; }
/* *************************************************************************** */


div.th-container {  }

div.th-spacer {
  clear: both;
  }
div.th-float {
  text-align:center;
  float: left;
  width: 200px;
  height: 80px;
  padding:5px;
  margin: 5px;
  }

div.th-float:hover { }
  
div.th-float p {
   text-align: center;
   padding:0; margin:0;
   }

div.th-float a { color:#999999; }
div.th-float a:hover { color:#666666; }


.floatright
{
float: right;
width: 102px;
margin: 0 0 10px 10px;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}

.floatrightb
{
float: right;
width: 156px;
margin: 0 0 10px 10px;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}

div.floatright img, div.floatrightb img { border: 1px solid #000; }
p { margin-top: 0; }



#main{ background-color:#FFFFFF; width:100%; border-bottom:2px solid #D5D5D5; }

#container{ width: 886px; padding:15px 0 15px 0; /*background-color:#00FF00;*/ margin:0 auto; font-size:0.8em; }

.content-div{ padding:10px; }

#footer{ background-color:#DEDEDE; font-size: 0.8em; clear:both; padding: 10px 0px 10px 0px; }