@charset "UTF-8";
/* CSS Document */

html, body {
		height:100%;
	}

body 
{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100%;
}

#container { /* this is the div you want to fill the window */
	min-height: 100%;
	position:relative
}


#headerWrapper
{
	background-image:url(images/bgheader.jpg);
	width:100%;
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	clear:left
}

#header
{
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:0;
	height:85px;
}

#logo
{
	width:350px;
	margin:0 0 0 20px;
	float:left;
	padding:0;
}

#menu
{
	width:460px;
	float:right;
	margin:0;
	padding:20px 20px 0 0;
	text-align:right;
	font-size: 90%
}

#menu ul li
{
	padding:5px;
	margin:0;
	color: #ffffff;
	display:inline;
	text-decoration:none
}

#menu ul li a
{
	padding:5px;
	margin:0;
	color: #ffffff;
	text-decoration:none
}

#menu ul li a:hover
{
	color: #98cb59;
	border-top:2px #c05480 solid;
}

#menu .on
{
	color: #98cb59;
	border-top:2px #c05480 solid;
}

#main 
{
	width:960px;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	padding-bottom:75px;
}

#main a
{
	color: #56841D;
	text-decoration:underline
}

#main a:hover
{
	color: #56841D;
	text-decoration:none
}

#mainTeam
{
	width:920px;
	text-align:left;
	padding: 0;
	margin: 0px 0px 10px 20px;

}

#mainTeam a
{
	color: #56841D;
	text-decoration:underline
}

#mainTeam a:hover
{
	color: #56841D;
	text-decoration:none
}

h1 
{
	color:#2A2B26;
	font-size: 120%;
	font-weight:normal;
	margin:15px 0 0px 0
}

h2 
{
	color:#c05480;
	font-size: 100%;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:0
}


.description p
{
	font-size: 70%;
}

.description h2 
{
	margin:0;
	padding:0
}

.description strong 
{
	color:#000;
	font-size: 90%;
	font-weight: normal;
}

p
{
	font-size: 75%;
	line-height: 125%;
	font-weight:lighter;
	margin:5px 0 10px 0;
	padding:0
}

#welcome
{
	float:left;
	width: 500px;
	padding: 0;
	margin: 0px 50px 10px 20px;
	text-align:left;
}


#quote
{
	float:left;
	width: 280px;
	padding: 0;
	margin: 10px 25px 0 20px;
}

#quoteright
{
	float:right;
	width: 240px;
	padding: 10px 20px 0px 0px;
}

.quotee {
	font-size: 80%
}

.quote {

	font-style:italic
}

#vision
{
	float:left;
	width: 280px;
	padding: 10px 100px 0px 0px;
}


#intimage
{
	float:right;
	width: auto;
	padding: 20px 20px 20px 0;
	z-index:2;
}


.justclear {
	clear:both;
	height: 10px
}

.justclear1 {
	clear:both;
	height: 0px
}

#footerWrapper
{
	/*background-image:url(images/bgfooter.jpg);*/
	background-color:#484848;
	width:100%;
	margin:0;
	padding:0;
	background-repeat:repeat-x;
	clear:left;
	position:absolute;
	bottom: 0;
}

#footer
{
	width:960px;
	text-align:left;
	margin:0 auto;
	padding:0;
	height:65px;
	padding: 18px 0 0 20px;
}

#footer p
{
	color:#CCC;
	font-size:60%;
	padding-left:10px
}

#footer p a
{
	color:#CCC;
	text-decoration:underline
}

#footer p a:hover
{
	color:#CCC;
	text-decoration:none
}

.portrait {
	width:100px;
	height:120px;
	margin:20px 30px 20px 0;
	float:left;
	background-color:#999
}

.description {
	width:500px;
	margin:20px 0px 20px 0;
	float:left
}


.people				{ position: relative; width:910px } 
.people a			{ text-decoration: none !important; color: #000 !important; display: block;
	 				  margin: 0 0 10px 250px; outline: none; padding: 5px; }
.people a img		{ border: 1px solid #ccc; }
.people a:hover				{ background: #E8F3DA; }
.people a .name				{ color: #C15380}
.people a:hover .name		{ font-weight: normal; } 
.people a:hover img			{ border: 5px solid #222; margin: -4px; }
.people a .photo			{
	display: block;
	position: absolute;
	width: 125px;
	height: 125px;
	left: 3px;
	top: 2px;
}
#eddie .photo		{ top: 10px; left: 0; }
#stacey .photo		{top: 10px; left: 110px;}
#ryan .photo		{ top: 220px; left: 0; }
#greg .photo		{ top: 220px; left: 110px; }

.people h2 
{
	color:#c05480;
	font-size: 100%;
	font-weight:normal;
	margin:0px 0 0 0;
	padding:0
}