/* - - - - - - - - - - - - - - - - - - - - -

Title : Hinds Screen Styles
Author : Eric Stewart, Method Media
URL : www.method-media.com

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -
Color Index
Color 1 - #FFFFFF
	Header 1, link color, etc.
- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
	margin:0;
	padding:0;
	}
	
html{
	margin:;
	padding:;
	background:;
	}

body{
	margin:;
	padding:;
	background:#545454 url(../images/bg_body.jpg) repeat-y center top ;
	font-size:82.5%;
	font-family: Tahoma, Verdana, Arial, "MS Trebuchet", sans-serif;
	}

/* ----- IDS ----- */

#container{
	width:750px;
	margin:0 auto;
	padding:;
	text-align:;
	}
	
#primaryContent{
	position:;
	float:;
	width:;
	margin:;
	padding:;
	background:;
	text-align:;
	}
	
#secondaryContent{
	position:;
	float:;
	width:;
	margin:;
	padding:;
	background:;
	text-align:;
	}

	
#header{
	margin:0 0 10px 0;
	padding-top:27px;
	background:url(../images/bg_header.gif) no-repeat top left;
	width:750px;
}
body#home #image {height:150px; background:url(../images/photo3.jpg) no-repeat right top;}
body#about #image {height:150px; background:url(../images/photo4.jpg) no-repeat right top;}
body#smith #image {height:150px; background:url(../images/photo3.jpg) no-repeat right top;}
body#contact #image {height:150px; background:url(../images/photo5.jpg) no-repeat right top;}

#image h1 {
	position:relative;
	top:30px;
	left:40px;
	height:94px;
	width:332px;
	background:url(../images/logo.gif) no-repeat left top;
	text-indent:-9000px;
	}
#header #flashContent {
	height:150px;
}
	
#navigation{
	margin:;
	padding:3px;
	background:#303135;
	}
#navigation ul {
	position:relative;
	left:5px;
	height:30px;
	background:url(../images/navMatrix.gif) no-repeat left top;
	list-style-type: none;
	overflow: hidden;
	}
	
#navigation ul li{
	display:inline;
	list-style:none;
}
#navigation ul li a{
	display:block;
	position: absolute;
	top: 0;
	width: 75px;
	text-decoration: none;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	background: url(../images/navMatrix.gif) no-repeat;
	}
	
#navigation ul li a span{display:none;}

#navigation ul #nav_home a { background-position: 0 0; width: 77px; left: 0; }
#navigation ul #nav_home a:hover { background-position: 0px -32px;}
#home #navigation ul #nav_home a { background-position: 0px -64px;}

#navigation ul #nav_about a { background-position: -77px 0; width: 80px; left: 77px; }
#navigation ul #nav_about a:hover { background-position: -77px -32px;}
#about #navigation ul #nav_about a { background-position: -77px -64px;}

#navigation ul #nav_contact a { background-position: -157px 0; width: 90px; left: 157px;}
#navigation ul #nav_contact a:hover { background-position: -157px -32px;}
#contact #navigation ul #nav_contact a { background-position: -157px -64px;}

#highlight {
	background:#549545 url(../images/bg_green.png) repeat-x left top;
	color:#FFF;
	padding:10px;
	}

#flashcontent {margin-top:-10px;}

#footer{
	padding:0 0 2px 0;
	margin:0;
	clear:both;
	background:#549545;
	color:#FFF;
	text-align:center;
	}
#footer ul {list-style:none; margin:5px; text-align:center;}
#footer li {display:inline; margin-right:35px;}
#footer li.last {margin-right:0px;}
#footer li a {color:#FFF;}
#footer p {color:#FFF;}

.column180 {
	width:180px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
}

.column360 {
	width:360px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
}

.column545 {
	width:545px;
	margin-left:10px;
	float:left;
}

.thumbs {list-style: none;}
.thumbs img {
	float:left;
	width:180px;
	margin-right:5px;
}
.thumbs h4 {
	width:170px;
	position:relative;
	float:left;
}
.thumbs p {
	float:left;
	width:170px;
}
.thumbs li { margin-bottom:10px;}

/* ----- CLASSES ----- */

.hide{display:none;}
.show{display:block;}
.clear{clear:both;}
.legal {font-size:10px;}
.instruction {font-weight:bold; color:#549545;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.strip {height:8px; background:url(../images/chromeStrip.png) no-repeat left top;}

/* ----- HEADINGS ----- */

h1{
	font:;
	font-size:;
	font-weight:;
	color:#FFF;
	margin:;
	padding:;
	}

h2{
	font:;
	font-size:12px;
	font-weight:;
	color:;
	margin:;
	padding:;
	}

h3{
	font:;
	font-size:;
	font-weight:;
	color:;
	margin:;
	padding:;
	}

h4{
	font:;
	font-size:;
	font-weight:;
	color:#549545;
	margin:;
	padding:;
	}

/* ----- PARAGRAPHS ----- */

p{
	font:;
	color:;

	font-size:;
	font-family:;
	font-style:;
	font-weight:;
	font-variant:;

	text-align:;
	text-indent:;
	text-decoration:;
	text-shadow:;
	text-transform:;

	letter-spacing:;
	word-spacing:;
	margin-bottom:10px;
	}

#primaryContent p{
	}

#secondaryContent p{
	}

/* ----- QUOTES ----- */

blockquote{
	margin:;
	padding:;
	background-color:;
	font:;
	color:;
	}

blockquote p{
	}

cite{
	font:;
	color:;
	}

blockquote cite{
	}

/* ----- CODE ----- */

pre{
	margin:;
	padding:;
	background-color:;
	border:;
	font-size:;
	overflow:;
	}

code{
	font-size:;
	}

p code{
	}

pre code{
	}

/* ----- LISTS ----- */

li{
	list-style:;
	
	list-style-type:;
	list-style-image:;
	list-style-position:;
	float:;
	margin:;
	padding:;
	}

li p{
	}

ol{
	width:;
	margin:;
	padding:;
	}

ul{
	width:;
	margin:;
	padding:;
	}

ol li{
	}

ul li{
	}

#navigation li{
	}

#navigation ul{
	}

#navigation ul li{
	}

#navigation ol{
	}

#navigation ol li{
	}

/* ----- IMAGES ----- */

img{
	border:;
	}

img a{
	border:none;
	text-decoration:none;
	}
	
img a:hover{
	border:;
	}

/* BREAK */

hr{
	/* display:none; */
	}

/* ----- TEXT FORMATTING ----- */

strong{
	}

em{
	}

/* ----- LINKS ----- */

a{
	font:;
	color:;
	text-decoration:;
	border-bottom:;
	}

a:hover{
	color:;
	background-color:;
	border-bottom:;
	}

a:visited, a:active, a:focus{
	color:;
	background-color:;
	border-bottom:;
	}

a:visited{
	color:;
	background-color:;
	border-bottom:;
	}

a:active{
	color:;
	background-color:;
	border-bottom:;
	}

a:focus{
	color:;
	background-color:;
	border-bottom:;
	}

a img {border:none; outline:none;}

p a{
	}

cite a{
	}

li a{
	}

dt a{
	}

dd a{
	}

/* ----- TABLES ----- */

table{
	width:;
	margin:;
	padding:;
	frame:;
	text-align:;
	}

caption{
	font:;
	color:;
	position:;
	text-align:;
	display:;
	}

thead{
	font:;
	color:;
	text-align:;
	background-color:;
	margin:;
	padding:;
	}

tbody{
	font:;
	color:;
	text-align:;
	background-color:;
	margin:;
	padding:;
	}

tfoot{
	font:;
	color:;
	text-align:;
	background-color:;
	margin:;
	padding:;
	}

tr{
	font:;
	color:;
	background-color:;
	}

tr .alt{
	font:;
	color:;
	background-color:;
	}

th{
	}

td{
	width:;
	margin:;
	padding:;
	}

/* ----- FORMS ----- */

form.cmxform fieldset {
  margin-bottom: 10px;
	background:#DDD;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/*

form{
	width:;
	margin:;
	padding:;
	}

fieldset{
	border:;
	width:;
	margin:;
	padding:;
	}

legend{
	font:;
	color:;
	margin:;
	padding:;
	}

label{
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

input{
	border:;
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

textarea{
	border:;
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

input, textarea{
	}

select{
	border:;
	margin:;
	padding:;
	font-size:;
	font-family:;
	}

optgroup{
	font:;
	}

option{
	font:;
	}

/* ----- DEFINITIONS ----- */

dl{
	font-size:;
	margin:;
	padding:;
	}

dt{
	color:;
	margin:;
	padding:;
	}

dd{
	color:;
	margin:;
	padding:;
	}
	
	/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}

	.sIFR-replaced {
		visibility: visible !important;
	}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}

	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash h1 {
		visibility: hidden;
	}

	.sIFR-hasFlash h2 {
		visibility: hidden;
		letter-spacing: -9px;
		font-size: 24px;
	}

	.sIFR-hasFlash h3 {
		visibility: hidden;
		letter-spacing: -6px;
		font-size: 25px;
	}
/*
	.sIFR-hasFlash h4 {
		visibility: hidden;
		letter-spacing: -5px;
		font-size: 21px;
	}
*/
	.sIFR-hasFlash h5#pullquote {
		letter-spacing: -4px;
		visibility: hidden;
		font-size: 24px;
	}