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

/*================
 Eric Meyers Reset 
 
 Resets all styles
 
 =================*/
tml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: s;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END Eric Meyers Reset */


body {
		background: #000;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		font-family: arial, sans-serif;
		text-align: center;
}

#wrapper {
		width: 1020px;
		height: 711px;
		background: #020359;
		margin: 0 auto;
		text-align: left;
		padding: 0;
}

#wrapperx {
		width: 1020px;
		height: 631px;
		background: #020359;
		margin: 0 auto;
		text-align: left;
		padding: 0;
}
#wrapper2 {
		width: 1020px;
		height: 151px;
		background: #020359;
		margin: 0 auto;
		text-align: left;
		padding: 0;
}
#headerContent {
		float: left;
		width: 100%;
		height: 150px;
		z-index:1;
}

#headerContent ul { display: block; }
#headerContent ul li { display: inline; padding-left: 30px;}
#headerContent ul li a { text-decoration: none; }

#headerContent #logo {
	 float: left; 
	 background: url(../images/logo.jpg) no-repeat top left;
	 width: 211px;
	 height: 110px;
	 padding-left: 10px;
	 text-align: center;
	 
}
 
#headerContent p {
	margin-top: 6px;
	font-size: 0.9em;	
}

#headerContent #navigation { float: right; height: 30px; margin-right: 15px; }
#headerContent #signup { float: right; height: 30px; margin-right: 25px; margin-top: 25px; width: 250px;}



#main_image {
	background: url(../images/home_image.jpg) no-repeat;
	height: 463px;
	float: left;
	width: 810px;
	margin-top: -25px;
}


#primaryContent p {
	padding-left: 15px;
	padding-right: 25px;
}


#secondaryContent p {
	padding-left: 15px;
	padding-right: 25px;
}

#tagline { float: left; color:#FF6600; width: 100%; text-align: center; margin-top: -35px;}

#footer {
	float: left;
	text-align: center;
	height: 25px;
	width: 100%;color: #fff;
	font-size:10px;
}

#footerx {
	float: left;
	text-align: center;
	height: 25px;
	width: 100%;color: #fff; 
	font-size:10px;
}

#footer a { color: #fff;text-decoration: none;}
#footerx a {  color: #fff;text-decoration: none;}
/*=============
HOME PAGE
=============*/
#homeContent #primaryContent {
	float: left;
	margin-left: 37px;
	width: 392px;
	height: 141px;
}

#homeContent #secondaryContent {
	float: left;
	width: 380px;
	height: 141px;
	padding: 0px;
	padding-right: 0px;
}


#homeContent #sideContent {
	float: left;
	width: 210px;
	height: 450px;
	text-align: center;
}
#homeContent #sideContent p { padding-left: 10px; padding-right: 10px;}
#homeContent #sideContent a { font-size: 13px; font-weight: bold; text-decoration: none; color: #020359;}
/*=============
ABOUT PAGE
=============*/
#aboutContent #wrapper {height: 760px;}
#aboutContent #sideContent {
	float: left;
	width: 212px;
	height: 457px;
	margin: 0 auto;
	margin-top:-13px;
}

#aboutContent #sideContent p {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 1.3em;
}

#about_image {
	background: url(../images/about_image.jpg) no-repeat;
	height: 457px;
	float: left;
	width: 808px;
	margin-top: -25px;
}
#about_image p {
	margin-top: 287px;
	width: 550px;
	font-size: 12px;
	color: #fff;
	padding-left: 15px;
}

#aboutContent #primaryContent {
	float: left;
	text-align: left;
	margin-left: 25px;
}
#aboutContent #primaryContent ul { /* all lists */
	list-style: none;
	line-height: 1;
	display: block;
	padding: 0;
	margin: 0;
	margin-top: 15px;
}
#aboutContent #primaryContent ul li { /* all list items */
	float: left;
	display: inline;
	color: #FFBB00;
	width: 225px; /* width needed or else Opera goes nuts */
}
#aboutContent #primaryContent li ul { /* second-level lists */
	position: relative;
	width: 10em;
	background: #020359;
	margin-top: 10px;
	padding-left: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#aboutContent #primaryContent li:hover ul, #aboutContent .content li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	text-align: left;
}
#aboutContent #primaryContent li:hover ul li, #aboutContent .content li.sfhover ul li {
	color: #fff;
	width: 180px;
	padding-left: 25px;
	padding-right: 15px;
}

/*==========
PROMO PAGE
==========*/
#promoContent #wrapper { width: 1022px; height: 685px;}
#promoContent #sideContent { float: left; }
#promoContent #sideContent p { padding-left: 15px; padding-right: 10px; margin-top: 60px; width: 200px; }
#promo_image { float: left; background: url(../images/promo_image.jpg) no-repeat; width: 797px; height: 420px; margin-top: -20px;}
#promo_image ul {
	margin-left: 216px;
	font-size: 14px;
	list-style-type: circle;
}
#promoContent #primaryContent {
	float: left;
	margin-left: 25px;
	width: 392px;
	height: 141px;
	font-size: 16px;
	margin-top: -10px;
}

#promoContent #primaryContent p { margin-left: 150px; width: 300px;}
#promo_guy { float: left; background: url(../images/promo-guy.jpg) no-repeat; width: 138px; height: 138px; margin-top: -4px;}
#winter { float: right; background: url(../images/winter-house.jpg) no-repeat; width: 237px; height: 138px; margin-right: 25px;}
.promo { background: url(../images/summer_promo.jpg) no-repeat; width: 227; height: 396px;}

/*==========
FAQ PAGE
==========*/
#faqContent #wrapper { height: 620px;}
#faqContent { color: #000;}
#faqContent #primaryContent { float: left; width: 280px; padding-left: 25px; padding-top: 20px;}
#faqContent #sideContent { float: left; width: 380px; padding-left: 25px; padding-top: 25px;}
#faqContent #secondaryContent { float: left; width: 270px; padding-left: 25px; padding-top: 25px;}
#faq_image { background: url(../images/faq_image.jpg) no-repeat; width: 559px; height: 413px; float: right; margin-top: -20px;} 
#faqContent p.question {
	color:#FF6600;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 1.1em;
	padding-right: 20px;
	padding-bottom: 6px;
	background-color: #fff;
	color:#000066;
	font-weight: bold;
	padding-left: 30px;
}
#faqContent p.answer {
	color: #fff;
	font-size: 12px;
	letter-spacing: .5px;
	line-height: 1.1em;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 30px;
	background-color: #fff;
	color: #000066;
	font-weight: 500;
}

/*==========
SOLUTION PAGE
===========*/
#solutionContent #wrapper { height: 550px; width: !0230px; }
#solution_image { float: left; width: 522px; height: 418px; margin-top: -20px; margin-left: 50px; background: url(../images/green.jpg) no-repeat; }
#solutionContent #primaryContent { float: left; width: 280px; padding-left: 25px; padding-top: 25px; color: #000; line-height: 1.5em;}
#solutionContent #sideContent { float: left; width: 380px; padding-left: 25px; padding-top: 25px;color: #000; line-height: 1.5em; height: 400px; }
#solutionContent #secondaryContent { float: left; width: 270px; padding-left: 25px; padding-top: 25px;color: #000; line-height: 1.5em; }
/*==========
CONTACT PAGE
==========*/

#contactContent #wrapper { height: 550px; width: 1020px;}
#contactContent #primaryContent { float: left; width: 300px; margin-top: 50px; margin-left: 50px; }
#contactContent #sideContent { float: left; width: 400px; margin-top: 25px; margin-left: 100px;  }
#contactContent #footer { width: 1020px; color: #fff; float: left;}

/*==========
TYPOGRAPHY.
==========*/

body { font-size: 12px;}

a { color: #020359;}
#navigation a { font-size: 12px; color: #fff; text-decoration: none; }
#logo a { font-size: 12px; color: #fff; text-decoration: none; width: 150px; margin-left: 25px; }
#footer { font-size: 10px; color: #fff;}
#primaryContent { font-size: 12px; color: #fff;}
#secondaryContent { font-size: 12px; color: #fff;}
#promoContent #sideContent { font-size: 12px; line-height: 1.5em;}
#promo_image p { font-size: 12px; color: #fff; line-height: 1.5em;}
#promo_image ul { font-size: 14px; color: #fff; }
table { font-size: 12px; color: #fff; line-height: 1.3em; margin-top: 25px; text-align: left;}
#contactContent #primaryContent table td { font-weight: bold; }
.cap {
	font-size: 30px;
	color: #FF9900;
	float: left;
}