﻿.foo {} /* -- W3C Validator Requirement. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*                 SubPages StyleSheet - Pare Corporation
*           Created by Jeremy S. Cargilo for ETR Consulting.
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Purpose: 
*   This stylesheet contains the subpage css styles for the entire project.
*   All subpage styles, links, forms, and other non-layout items can be found here.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* [HOME PAGE] Styles
-------------------------------------------------------------------------------*/
#home-banner {
	width: inherit;
	height: 170px;
}

/* Contact Page Styles
------------------------------------------------------------------------------------- */
/* Google Maps API Container */
.contact-container { width: 100%; }
.contact-container .content { float: left; width: 200px; }
.contact-container .map { float: right; }

/* Contact Form Styles 
----------------------------- */
.contactform {
	width: inherit;
	padding: 3px 8px 3px 3px;
}
.contactform th { 
	background-color: #EAEAEA; 
	border: 1px solid #CCCCCC; 
	color: #003399; 
}
.contactform td, .contactform th { padding: 3px; }
.notice { font-style: italic; font-family: Sans-Serif; font-size: 11px; }

/* Home Body Styles 
----------------------------- */
#home-body #main { background: url(../../Images/home-background.png) repeat-y; }
#home-body #main .left-margin,
#home-body #footer .left-margin {
	float: left;
	width: 237px;
}
.featured-testimonials {
	margin-top: 60px;
}
.featured-testimonials blockquote  {
	display: block; 
	padding: 15px 20px;
	font-family: Verdana;
	color: #FFF;
	line-height: 18px;	
}

#home-body #main .content-area { 
	float: left;
	width: 660px;
}

#home-body #main .content-area #mainnav {
	float: left; 
	width: inherit;
	height: 46px;
	background-color: #003399;
}
#home-body #main .content-area #content { 
	float: left;
	width: 660px;
	min-height: 110px;
}
* html #home-body #main .content-area #content { height: 110px; background-color: white; }
#home-body #main .content-area #content #content-wrapper {
	margin: 29px;
}

.content-titles	{ padding-bottom: 5px; }

#home-sep {
	clear: left;
	height: 1px;
	background-color: White;
}

.content-area { 
	float: left; 
	background-color: white; 
	width: 660px;
}
.content-area .column {
	float: left;
	width: 325px; 
}
.content-area .column img {
	padding-left: 17px; width: 298px;
}
.content-area .column .label-margins  {
	padding: 7px 17px; 
	padding-bottom: 0;
	margin-bottom: -10px;
}

.content-area .column .content-description  {
	display: block; margin: 1px 0 0 17px; padding: 5px 10px; width: 278px; background-color: #E0E0E0; min-height: 25px; }
	
/* Testimonials / Awards Styles
-------------------------------------------------------------------------------*/	
.testimonials {
	float: left; 
	width: 48%;
}

.awards {
	float: right; 
	width: 48%;
}

.testimonials h1, .awards h1 {
	text-align: center;
	color: #003399;
	padding: 3px 10px;
	border-bottom: 2px solid #003399;
}

.testimonials blockquote, .awards blockquote  {
	display: block; 
	font-family: Verdana;
	padding: 10px;
	border-bottom: 1px solid #003399;
}