/* color pallet
 new colors
 
000000 - Black
FFFFFF - White

5A5C61 - Logo Grey
6BBA3C - Logo Green
5EA335 - dark green
508B2D - dark green
284616 - Dark green
3CAABA - aqua 
7EC354 - light green gradiant
A3D485 - light green gradiant 
DAEECE - very light green gradiant low 

see http://etshomerepair.com/includes/colortable.php
*/


BODY { 
	background-color: #000000 ; 
	background-attachment: fixed; 
	background-position: center top; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	leftmargin: 0;
	topmargin: 0;
	marginwidth: 0;
	marginheight: 0;
}


table.fullpage {
	width: 80%;
	background-color: transparent;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-LEFT: #000000 0px solid;
	BORDER-TOP: #000000 0px solid;
	BORDER-BOTTOM: #000000 0px solid;
	border-collapse: collapse; 
} 
table.mainbody {
	width: 100%;
	background-color: #FFFFFF;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-LEFT: #000000 0px solid;
	BORDER-TOP: #000000 0px solid;
	BORDER-BOTTOM: #000000 0px solid;
	border-collapse: collapse; 
}
table.pagebody {
	width: 98%;
	background-color: #FFFFFF;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-LEFT: #000000 0px solid;
	BORDER-TOP: #000000 0px solid;
	BORDER-BOTTOM: #000000 0px solid;
	border-collapse: collapse;
	margin-left: 10px;
}
td.body {
	height: 500;
	vertical-align: top;
}


table.top {
	width: 100%;
	height: 10px;
	background-color: #6BBA3C;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-LEFT: #000000 0px solid;
	BORDER-TOP: #000000 0px solid;
	BORDER-BOTTOM: #000000 0px solid;
	border-collapse: collapse; 
}
table.menu {
	width: 100%;
	height: 40;
	BORDER-RIGHT: #000000 0px solid;
	BORDER-LEFT: #000000 0px solid;
	BORDER-TOP: #000000 0px solid;
	BORDER-BOTTOM: #000000 0px solid;
	border-collapse: collapse; 
}
td.menubotton {
	text-align: center;
	height: 25;
	background-color: #6BBA3C;
	/*background-image: url('../img/Button.jpg');*/
	background: -webkit-gradient(linear, left top, left bottom, from(#6BBA3C), to(#7EC354));
	background: -moz-linear-gradient(top,  #6BBA3C,  #7EC354);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBA3C', endColorstr='#7EC354');
	BORDER-RIGHT: #000000 4px solid;
	BORDER-LEFT: #000000 4px solid;
	BORDER-TOP: #000000 4px solid;
	BORDER-BOTTOM: #000000 4px solid;
}
td.menubottonon {
	text-align: center;
	height: 25;
	background-color: #7EC354;
	/*background-image: url('../img/Buttonon.jpg');*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7EC354), to(#A3D485));
	background: -moz-linear-gradient(top,  #7EC354,  #A3D485);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EC354', endColorstr='#A3D485');
	BORDER-RIGHT: #000000 4px solid;
	BORDER-LEFT: #000000 4px solid;
	BORDER-TOP: #000000 4px solid;
	BORDER-BOTTOM: #000000 4px solid;
}

table.testimonial {
	width: 80%;
	background-color: #DAEECE;
	BORDER-RIGHT: #5A5C61 4px solid;
	BORDER-LEFT: #5A5C61 4px solid;
	BORDER-TOP: #5A5C61 4px solid;
	BORDER-BOTTOM: #5A5C61 4px solid;
	margin-left: 30px;
}
table.ideas {
	width: 80%;
	BORDER: #5A5C61 3px solid;
	margin-left: 30px; 
	border-collapse: collapse; 
}
td.tdideas {
	BORDER-BOTTOM: #5A5C61 1px solid;
	text-align: left;
	vertical-align: top;
	padding-top: 15;
	padding-bottom: 15;
	padding-left: 15;
	padding-right: 15;
}
td.tdideaspic {
	BORDER-BOTTOM: #5A5C61 1px solid;
	text-align: center;
	padding-top: 15;
	padding-bottom: 15;
	padding-left: 5;
	padding-right: 5;
}
td.newtdideaspic {
	BORDER-BOTTOM: #5A5C61 1px solid;
	padding-top: 15;
	padding-bottom: 15;
}
table.feedback {
	width: 300px;
	background-color: #DAEECE;
	BORDER-RIGHT: #5A5C61 4px solid;
	BORDER-LEFT: #5A5C61 2px solid;
	BORDER-TOP: #5A5C61 2px solid;
	BORDER-BOTTOM: #5A5C61 4px solid;
	margin-left: 30px;
}
td.tdfeedback {
	BORDER-BOTTOM: #5A5C61 1px solid;
	text-align: center;
	vertical-align: top;
	padding-top: 15;
	padding-bottom: 15;
	padding-left: 5;
	padding-right: 5;
}
td.tdfeedbacklast {
	text-align: center;
	vertical-align: top;
	padding-top: 15;
	padding-bottom: 15;
	padding-left: 5;
	padding-right: 5;
}

table.tablerecommend {
	width: 90%;
	margin-left: 20px;
}
td.tdrecommend {
	text-align: left;
	vertical-align: top;
	BORDER-BOTTOM: #3CAABA;
	BORDER-BOTTOM-STYLE: ridge;
	BORDER-TOP: #6BBA3C;
	BORDER-TOP-STYLE: ridge;
}

table.tablelinktous {
	width: 80%;
	margin-left: 20px;
	BORDER: #3CAABA 3px ridge;
	border-collapse: collapse; 

}
.tdlinktous {
	text-align: left;
	vertical-align: top;
	BORDER-BOTTOM: #3CAABA;
	BORDER-BOTTOM-STYLE: ridge;
	padding-top: 5;
	padding-bottom: 5;
	padding-left: 5;
	padding-right: 5;
}
.tdhireprocess {
	text-align: left;
	vertical-align: middle;
	BORDER-TOP: #3CAABA;
	BORDER-TOP-STYLE: ridge;
	padding-top: 4;
	padding-bottom: 0;
	padding-left: 5;
	padding-right: 5;
}


a {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}

#breadcrumbs {
	font-size : 65%;
	color : #5A5C61;
	margin-left: 10px;
	margin-bottom : 8px;
}
#breadcrumbs a {
	font-size : 85%;
	color : #5A5C61;
	text-decoration: none;
}
#copyright {
	color : #3CAABA;
	text-decoration: none;
}


p.topmenu {
	font-size: 65%;
	color : #5A5C61;

}

#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #DAEECE;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}
#aboutname {
	font-size : 120%;
	color : #6BBA3C;
	font-weight: bold; 
	margin-left: 10px;
}
#tagline {
	font-size: 100%;
	color: #5A5C61;
	font-weight: bold;
	text-align: end;
}
#subabout {
	font-size : 70%;
	color : #6BBA3C;
	font-weight: bold; 
	margin-left: 10px;
}
#oppintrotitle {
font-size : 100%;
	color : #6BBA3C;
	font-weight: bold;
	margin-left: 10px;
}
#oppintro {
font-size : 100%;
	color : #000000;
	margin-left: 5%;
	margin-right: 20%;
}
#aboutnameb {
	font-size : 120%;
	color : #6BBA3C;
	font-weight: bold;
}
#abouttitle {
	font-size : 65%;
	color : #000000;
	margin-left: 10px;
}
#aboutbody {
	font-size : 80%;
	color : #000000;
	margin-left: 10px;
}
#aboutbody a{
	font-size : 100%;
	color : #000000;
	margin-left: 10px;
}
#aboutbodyb{
	font-size : 80%;
	color : #000000;
	margin-left: 30px;
}
#code {
	font-size : 90%;
	color : #5A5C61;
	font-weight: bold; 
font-family : courier;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 28px/100% Arial, Helvetica, sans-serif;
	line-height: 150%;
	padding: .8em 1.2em 1em;
	text-shadow: 5px 5px 5px rgba(0,0,0,.5);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 5px 5px 10px 5px rgba(40,70,22,.6);
	-moz-box-shadow: 5px 5px 10px 5px rgba(40,70,22,.6);
	box-shadow: 5px 5px 10px 5px rgba(40,70,22,.6);
}
.bigbutton:hover {
	text-decoration: none;
}
.bigbutton:active {
	position: relative;
	top: 1px;
}
.smallbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .1em .2em .1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 2px 2px 2px rgba(40,70,22,.6);
	-moz-box-shadow: 2px 2px 2px rgba(40,70,22,.6);
	box-shadow: 2px 2px 2px rgba(40,70,22,.6);
}
.smallbutton:hover {
	text-decoration: none;
}
.smallbutton:active {
	position: relative;
	top: 1px;
}
.roundbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em .5em .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: 2px 2px 2px rgba(40,70,22,.6);
	-moz-box-shadow: 2px 2px 2px rgba(40,70,22,.6);
	box-shadow: 2px 2px 2px rgba(40,70,22,.6);
}

.green {
	color: #FFFFFF;
	border: solid 1px #284616;
	background: #6BBA3C;
	background: -webkit-gradient(linear, left top, left bottom, from(#7EC354), to(#5EA335));
	background: -moz-linear-gradient(top,  #7EC354,  #5EA335);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EC354', endColorstr='#5EA335');
}
.green:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#6BBA3C), to(#508B2D));
	background: -moz-linear-gradient(top,  #6BBA3C,  #508B2D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BBA3C', endColorstr='#508B2D');
}
.green:active {
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#7EC354), to(#5EA335));
	background: -moz-linear-gradient(top,  #7EC354,  #5EA335);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EC354', endColorstr='#5EA335');
}
.hireprocess {
	width: 50%;
	vertical-align: bottom;
}
.buttonontop {
	vertical-align: top;
	padding-top: 0;
}
.topspace {
	vertical-align: top;
	padding-top: 5;
}
.anchor{
  display: block;
  height: 100px; /*same height as header*/
  margin-top: -100px; /*same height as header*/
  visibility: hidden;
}