@charset "utf-8";
/* Need a Hand LLC CSS Document */

/***** ELEMENTS *****/
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #005daa;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
}
h1{
	font-size: 32px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 16px;
}
body{
	background-color: #005daa;
	font-size: 16px;
	background: url(images/goodBGFlat.gif) repeat;
	text-align: center;
	padding: 15px 0px 15px 0px;
}
a{
	font-weight: 300;
	text-decoration: underline;	
}
a:visited{
	color: #67686a;
}
a:hover{
	color: #8c9093;
}
/***** ID'S *****/
div#outer{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 850px;
	background: #fff;
}
div#container{
	padding: 8px;
}
div#content{
	background: #fff;
	padding: 4px;
}
div#footer{
	clear: both;
	font-size: .7em;
	text-align: center;
	margin: 30px auto 0px auto;
	color: #8c9093;
}
div#footer a{
	font-weight: 300;
	color: #8c9093;
	position: relative;
}
div#footer a:hover{
	color: #005daa;
}
img#mainLogo{
	width: 294px;
	height: 75px;
	border: 0px;
	margin: 0px;
}
div#navList{
	clear: right;
	margin-top: -38px;
	float: right;
	width: 430px;
}
ul#services{
	list-style-type: none;
	margin: 5px 0px 0px 3px;
}
form#contactForm{
	margin-top: 10px;
	width: 500px;
}
form#contactForm ul{
	list-style: none;
}
form#contactForm ul li{
	line-height: 200%;
}
div#formOutput{
	width: 300px;
	float: right;
	color: #8c9093;
	margin-top: 10px;
	font-weight: 700;
}
input#btnSubmit{
	cursor: pointer;
	cursor: hand;
	margin-top: 5px;
}
div#formHelp{
	padding: .2em .4em;
	display: none;
	background: #ff6;
}
div#returnMessage{
	font-style: oblique;
}
div#reference{
	clear: both;
	margin: 10px;
	padding: 10px;
	border: 2px solid #005daa;
	padding-top: 5px;
}
div#reference p{
	border-top: 2px solid #8c9093;
	margin-top: 5px;
	padding-top: 10px;
}
div#reference p em{
	display: block;
	margin-left: 20px;
}
div#pictures{
	margin-top: 10px;
}
div#picLeft{
	float: left;
	width: 400px;
	margin: 8px 0px;
	text-align: center;
}
div#picRight{
	float: right;
	width: 400px;
	margin: 8px 0px;
	text-align: center;
}
div#picLeft img, div#picRight img{
	margin: 4px 0px;
	display: block;
	width: 300px;
	height: 225px;
}
p#contactBlurb{
	width: 90%;
	margin: 1em 4%;
}
/***** CLASSES *****/
h2.title{
	float: right;
	display: inline;
	text-align: right;
	padding-right: 10px;
}
div#navList a.navList{
	margin: 0px -1px;
	background: url('images/navBG.gif') no-repeat 0 0;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	line-height: 29px;
}
div#navList a.navList:hover{
	color: #005daa;
	background: #fff;
}
img.topThree{
	width: 235px;
	height: 190px;
	margin: 5px auto;
	border: 0px;
	display: block;
}
div.leftColumn{
	width: 235px;
	float: left;
	margin: 15px 8px 15px 14px;
}
div.centerColumn{
	float: left;
	width: 235px;
	margin: 15px 8px 15px 36px;
}
div.rightColumn{
	float: right;
	width: 235px;
	margin: 15px 14px 15px 8px;
}
p.mantra{
	width: 100%;
	text-align: center;
	margin: 5px;
	margin-bottom: -5px;
	font-style: italic;
	font-size: 18px;
}
ul.formLeft{
	width: 200px;
	text-align: right;
	margin-bottom: 120px;
	margin-right: 10px;
}
ul.formRight{
	margin-left: 208px;
	margin-top: -278px;
}
ul.formLeft li{
	line-height: 32px;
}
ul.formRight li{
	line-height: 32px;
}
.formInput{
	background: #cfcfcf;
	border: 1px solid #005daa;
}