html, body {
	background: url(images/background.jpg) top repeat-x #98D7FF;
	margin: 0;
	padding: 0;
	text-align: center;
	}

body {
	padding: 0 0 30px 0;
}


.center {
	margin: 7px auto 10px auto;
	text-align: center;
	}
	
#header {
	background: url(images/title.jpg) center top no-repeat;
	height: 245px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 776px;
	overflow:hidden;
	}
	
h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display:none;
	}
	
h2 {
	color: #ffa200;
	font: bold 22px/20px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	}
	
h3 {
	color: #176a9f;
	font: bold 18px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0px 0px 15px 0px;
	text-align:right;
}

h4 {
	color: #176a9f;
	font: bold 16px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 6px 0px;
}	

h5 {
	color: #f4b033;
	font: bold 16px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0px 0px 4px 0px;
}

	
/* Customer Testimonial
--------------------------------- */
#customertestimonial {
	position: absolute;
	left: 525px;
	top: 60px;
	width: 155px;
	}
	
.customerquote {
	color: #FFF;
	font: bold 12px/16px Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	}
	
.customername {
	color: #7eaad9;
	font: bold 10px/16px Arial, Verdana, Tahoma, sans-serif;
	margin-right: 10px;
	text-align: right;
	}
	
/* Navigation
----------------------- */
#navigation {
	margin: 0 auto;
	width: 730px;
	}
	
#navigation ul {
	background: url(images/navigation.jpg) no-repeat;
	height: 30px;
	margin: 0 0 0 1px;
	padding: 0;
	}
	
#navigation ul li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation ul a {
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	}
	
/* Navigation Details
--------------------------------- */
#navigation a.home { background: transparent url(images/navigation.jpg) no-repeat 0 0; width: 118px; }
#navigation a.openings { background: transparent url(images/navigation.jpg) no-repeat -115px 0; width: 133px; }
#navigation a.people { background: transparent url(images/navigation.jpg) no-repeat -245px 0; width: 142px; }
#navigation a.about { background: transparent url(images/navigation.jpg) no-repeat -380px 0; width:  153px; }
#navigation a.blank { background: transparent url(images/navigation.jpg) no-repeat -551px 0; width: 200px; }

#navigation a.home:hover { background: transparent url(images/navigation.jpg) no-repeat 0 -30px; width: 118px; }
#navigation a.openings:hover { background: transparent url(images/navigation.jpg) no-repeat -115px -30px; width: 133px; }
#navigation a.people:hover { background: transparent url(images/navigation.jpg) no-repeat -245px -30px; width: 142px; }
#navigation a.about:hover { background: transparent url(images/navigation.jpg) no-repeat -380px -30px; width: 153px; }
#navigation a.blank:hover { background: transparent url(images/navigation.jpg) no-repeat -551px 0; width: 200px; }

* corevalues
----------------------- */
#corevaluescontent {
	}
	
#corevaluescontent li	{
	list-style-image: url(images/bullet.gif);
	padding-bottom: 10px;
}

.corevaluesposition {
	float:right;
	width: 240px;
	height: 326px;
	overflow:hidden;
}

#growth	{
	display:none;
	text-align:right;
}
#growth ul {
	position: relative;
	top: -27px;
	text-align:left;
}

#fun {
	display:block;
	text-align:right;
}
#fun ul {
	position: relative;
	top: -31px;
	text-align:left;
}

#respect {
	display:none;
	text-align:right;
}
#respect ul {
	position: relative;
	top: -20px;
	text-align:left;
}

#integrity {
	display:none;
	text-align:right;
}
#integrity ul {
	position: relative;
	top: -20px;
	text-align:left;
}

#family {
	display:none;
	text-align:right;
}
#family ul {
	position: relative;
	top: -20px;
	text-align:left;
}

#corevalues {
	width:205px;
	float:left;
	margin-top: 56px;
	background: transparent url(images/corevalues.gif) no-repeat;
	}

#corevalues a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin: 0;
	padding: 0;
	position:relative;
	}

/* corevalues Details
--------------------------------- */
#corevalues a.growthlink { background: transparent url(images/corevalues.gif) no-repeat; background-position: 0 -31px; top: 31px; width: 100px; height:65px; outline: none;}
#corevalues a.integritylink { background: transparent url(images/corevalues.gif) no-repeat; background-position: -100px -31px; top: 31px; width: 83px; height:65px; outline: none;}
#corevalues a.familylink { background: transparent url(images/corevalues.gif) no-repeat; background-position: -55px 124px; top: -55px; left:55px; width: 73px; height: 48px; outline: none; text-indent: 0px;}
#corevalues a.funlink { background: transparent url(images/corevalues.gif) no-repeat; background-position: 0 -96px; top: 31px; width: 94px; height: 59px; outline: none;}
#corevalues a.respectlink { background: transparent url(images/corevalues.gif) no-repeat; background-position: -94px -96px; top: 31px; width: 89px; height: 59px; outline: none;}

#corevalues a.hovergrowthlink { background: transparent url(images/corevalues.gif) no-repeat; background-position: 0 -215px; top: 31px; width: 100px; height:65px; outline: none;}
#corevalues a.hoverintegritylink { background: transparent url(images/corevalues.gif) no-repeat; background-position: -100px -215px; top: 31px; width: 83px; height:65px; outline: none;}
#corevalues a.hoverfamilylink { background: transparent url(images/corevalues.gif) no-repeat; background-position: -55px -253px; top: -55px; left:55px; width: 73px; height: 48px; outline: none; text-indent: -9999px;}
#corevalues a.hoverfunlink { background: transparent url(images/corevalues.gif) no-repeat; background-position: 0 -280px; top: 31px; width: 94px; height: 59px; outline: none;}
#corevalues a.hoverrespectlink { background: transparent url(images/corevalues.gif) no-repeat; background-position: -94px -280px; top: 31px; width: 89px; height: 59px; outline: none;}

#corevalues a.growthlink:hover { background: transparent url(images/corevalues.gif) no-repeat; background-position: 0 -215px; top: 31px; width: 100px; height:65px; outline: none;}
#corevalues a.integritylink:hover { background: transparent url(images/corevalues.gif) no-repeat; background-position: -100px -215px; top: 31px; width: 73px; height:65px; outline: none;}
#corevalues a.familylink:hover { background: url(images/corevalues.gif) no-repeat; background-position: -55px -253px; top: -55px; width: 73px; height: 48px; outline: none; text-indent: -9999px;}
#corevalues a.funlink:hover { background: transparent url(images/corevalues.gif) no-repeat; background-position: 0 -280px; top: 31px; width: 94px; height: 59px; outline: none;}
#corevalues a.respectlink:hover { background: transparent url(images/corevalues.gif) no-repeat; background-position: -94px -280px; top: 31px; width: 89px; height: 59px; outline: none;}

/* Content Area
----------------------------- */
#contentcontainer {
	background: url(images/contentbackground.jpg) center top repeat-y;
	margin: 0 auto;
	min-height: 500px;
	text-align: left;
	width: 714px;
	}
*html #contentcontainer
{
	height: 480px;
}
	
#contentbottom {
	background: url(images/contentbottom.jpg) center bottom no-repeat;
	height: 25px;
	margin: 0 auto;
	width: 710px;
	clear:both;
	}
	
#content {	
	float: left;
	margin-left: 4px;
	padding: 20px 25px;
	width: 475px;
	}

#content-wide {	
	float: left;
	margin-left: 4px;
	padding: 20px 25px;
	width: 665px;
	}

*html #content-wide {
	width: 715px;
}
	
#content p {
	color: #6d6d6d;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	margin: 3px 0 15px 0;
	padding: 0;
	width: 475px;
	}
	
#content p.headernote {
	color: #96bbd2;
	font: bold 10px "Trebuchet MS", Arial, Verdana, sans-serif;
	}

#content li {
	color: #6d6d6d;
	font: 12px/18px Arial, Verdana, Helvetica, sans-serif;
	}

	
/* Sidebar Area
---------------------------- */
#sidebar {
	background: url(images/sidebarbackground.jpg) top center no-repeat;
	float: right;
	margin-right: 4px;
	min-height: 450px;
	width: 170px;
	}

*html #sidebar {
	height: 450px;
}
	
#sidebar p {
	font: bold 11px Tahoma, Arial, Verdana, sans-serif;
	line-height: 16px;
	margin: 0;
	padding: 0px 10px 10px 30px;
	padding-left: 30px;
	text-align: left;
	word-spacing: 1px;
	}
	
.quotationmark {
	color: #f4b033;
	font: bold 14px "Palatino Linotype", "Times New Roman", Garamond, serif;
	}
	
.quote {
	color: #1f5e93;
	position: relative;
	top: -7px;
	}
	
.person {
	color: #000;
	font-size: 11px !important;
	margin-right: 10px;
	text-align: right !important;
	}
	
/* Footer Elements
-------------------------- */
#footer p {
	color: #000;
	font: bold 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	}

#footer a:link, #footer a:hover, #footer a:visited {
	color: #1c48c4;
	text-decoration: none;
	}
	

/* Other pages
--------------------------- */	

.titleimage {
	margin-bottom: 15px;
	text-align:right;
}
.titleimage img {
	position:relative;
	top: -13px;
	left: 13px;
}

.profilecontainer
{
	width: 665px;
	padding-bottom: 10px;
}

.profilecontainerlarge
{
	clear:both;
}

.profilecontainerlargetitles
{
	padding: 8px;
	text-align:left;
	float:left;
}


.arrowheading
{
	color: #f4b033;
	font: bold 18px Arial, Verdana, sans-serif;
	width: 665px;
	height: 24px;
	text-align:left;
	padding-left: 30px;
	background: url(images/arrowheading.gif) bottom left no-repeat;
	clear:both;
	margin-bottom: 10px;
}

.profileimagesmall
{
	float:left;
}

.profileimagelarge
{
	float:left;
}

.bigquote
{
	color: #176a9f;
	font: bold italic 16px Arial, Verdana, sans-serif;
	text-align:center;
	padding: 20px 15px;
	float:left;
	width: 535px;
}

.readmore
{
	text-align:right;
	clear:both;
	top: -15px;
	position: relative;
}

.answer
{
	color: #6d6d6d;
	font: 14px Arial, Verdana, sans-serif;
	padding-bottom: 14px;
}

.aboutcontent
{
	color: #6d6d6d;
	font: 14px Arial, Verdana, sans-serif;
	padding-bottom: 10px;
}

.position
{
	color: #222939;
	font: bold italic 15px Arial, Verdana, sans-serif;
	padding-top: 3px;
	padding-bottom: 15px;
}

.questions
{
	clear:both;
}

.aboutdivider
{
	width: 317px;
	height: 3px;
	background: url(images/dots.gif) no-repeat;
	padding-bottom: 30px;
}

.about-content
{
	clear:both;
}

.about-left
{
	float:left;
	width: 640px;
}

.about-right
{
	float:right;
	width: 343px;
	margin-left: 10px;
}

.about-right-blurb
{
	color:#3da9f1;
	font: bold 13px Arial, Verdana, sans-serif;
	margin: 15px;
}