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

/* CSS For Fraser Valley Onsite Support website
 * Copyright 2008, Fraser Valley Onsite Support
 * Design by Stratum Systems
 *
 * REVISION HISTORY
 *  - Aug, 2008: (NH) Initial version
*/


/* Standard HTML tags */
body {
	margin: 0;
	padding: 0;
	background: url(green_band.png) repeat-x;
	background-color: #2e3d7d;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

a {
	color: #71aa5f;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #99d486;
	text-decoration: none;
}

p.first {
	font-size: 12pt;
	color: #c7d0f4;
}

h1 {
	color: #99d486;
}

h2 {
	font: 18pt Verdana, Arial, Helvetica, sans-serif;
	color: #899be9;
	font-weight: normal;
	
}

h3 {
	font-size: 11pt;
	color: #99d486;
	margin-top: 2em;
	padding: 0;
	border-bottom: 1px solid #99d486;
}


/* Custom Classes/IDs */
#layout {
	width: 1024px;
	margin: auto;
	text-align: left;
	position: relative;
}

#hero {
	float: left;
	height: 150px;
	width: 372px;
	background: url(fvonsite_hero.png) no-repeat;
}

#phone {
	position: absolute;
	left: 725px;
	top: 25px;
	color: black;
	background:  url(phone_number.png) top right no-repeat;
	height: 57px;
	width: 275px;
}

#white_band {
	height: 150px;
	position: relative;
	margin: 0;
	padding: 0;
}

#nav_strip {
	position: relative;
	float: right;
	height: 50px;
	top: 100px;
	color: #2e3d7d;
	font-weight: bold;
}

	#nav_strip ul {
		list-style: none;
		margin-top: 10px;
		padding: 0;
		height: 50px;
	}
	
	#nav_strip ul li {
		float: left;
		height: 20px;
		border-left: 1px solid #CCCCCC;
		padding: 10px;
	}
	
	#nav_strip ul li a {
		color: #666666;
		text-decoration: none;
		font-weight: bold;
	}

	#nav_strip ul li a:hover {
		color: #899be9;
		text-decoration: none;
		font-weight: bold;
	}


	#nav_strip .start {
		float: left;
		background: url(nav_start.png) no-repeat;
		width: 167px;
		height: 50px;
	}
	
	#nav_strip .mid {
		float: left;
		background: url(nav_strip.png) repeat-x;	
		height: 50px;
		padding: 0;
		width: 400px;
	}
	
	#nav_strip .end {
		float: left;
		background: url(nav_end.png) no-repeat;
		width: 12px;
		height: 50px;
	}
	
#services {
	position: absolute;
	left: 50px;
	top: 24px;
	background: url(services.png) no-repeat;
	height: 50px;
	width: 650px;
}

#left_column {
	float: left;
	width: 306px;
	margin: 0;
	padding: 0;
}

#scroll {
	position: relative;
	background:url(scroll.png) top no-repeat;
	width: 306px;
	color: white;
	font: 16pt/30pt bold Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 30px;
}
	#scroll .start {
		padding: 30px;
	}
	
	#scroll p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#scroll .end {
		background: url(scroll_bottom.png) bottom left no-repeat;
		width: 306px;
		height: 22px;
		margin: 0;
		padding: 0;
	}

#underscroll {
	text-align: center;
}
#partners {
text-align: center;
padding: 100px;


}
	
#right_column {
	float: left;
}

	#green_band {
		height: 100px;
		position: relative;
	}
	
	#endorsement {
		float: right;
		padding: 10px;
		margin: 20px;
		border: 1px solid #576ab8;
		background: #47569a;
		width: 200px;
		font: bold 12pt/20pt Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		
	}
	
	#endorsement p {
		margin: 10px 0;
	}
	
	.readmore {
		font-style: normal;
		font-size: 9pt;
		float: right;
	}
	
	#content1 {
		width: 680px;
		color: white;
		font: 10pt/20pt Verdana, Arial, Helvetica, sans-serif;
		padding: 10px;
	}
	
	.quotesource {
		font-style: italic;
		text-align: right;
	}
	
#footer {
	background: url(footer_bg.jpg) top center no-repeat;
	text-align: center;
	font-size: 7pt;
	clear: both;
	padding: 20px;
	height: 50px;
}

	#footer p {
		margin: 0;
		padding: 0;
	}