/*
Theme Name:		Name
Theme URI:		n/a
Description: 	A design.
Version: 		1
Author: 		Jason LaRose
Author URI: 	http://jasonlarosedesign.com

Name v1
This site was designed and built by Jason LaRose, whose website you will find at jasonlarosedesign.com
*/


/* ========================================================================= */
/* UNIVERSAL STYLES                                                          */
/* ========================================================================= */

	* { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }
	html, body { font-size: 12px; line-height: 150%; background: #074094 url(../images/bg_body.gif) repeat-x 0 0; color: #fff; }



/* ========================================================================= */
/* LAYOUT STYLES                                                             */
/* ========================================================================= */

	#wrapper { margin: 0 auto; width: 960px; padding-top: 1px; }
	#masthead { height: 28px; }
	#header { height: 251px; }
	#content { background: url(../images/bg_content.gif) no-repeat 50% 0; padding: 70px 0 30px 0; overflow: hidden; border-bottom: 1px solid #053079; }
	#content-main.index { width: 280px; float: left; margin: 0 0 0 20px; }
	#content-main.projects-page { width: 600px }
	#content-main.inner { width: 520px }
	#content-sub { float: right; margin-right: 30px; }
	#content-sub2 { float: right; margin-right: 20px; }
	#content-sub-inner { width: 280px; float: right; margin-right: 30px; }
	#footer { border-top: 1px solid #0950AF; padding: 20px 0; border-bottom: 1px solid #053079; clear: both; }
	#footer-sub { border-top: 1px solid #0950AF; font-size: 10px; text-align: center; overflow: hidden; margin-bottom: 50px; }
	.content-sub { float: right; margin-right: 25px; }

	
	


/* ========================================================================= */
/* ELEMENT STYLES                                                            */
/* ========================================================================= */

	h1 { font-size: 24px; margin: 20px 0; text-transform: uppercase; line-height: 120%; }
	h2 { font-size: 18px; margin: 0 0 10px 0; }
	h3 { font-size: 14px; margin: 20px 0; }
	h4 { font-size: 12px; margin: 10px 0 0 0; color: #4293e2; text-transform: uppercase; }
	h4 em { font-style: normal; text-transform: none; font-weight: normal; font-size: 10px; line-height: 150%; }
	h4 em a { color: #E4C11A; }
	h4 strong { color: #fff; }
	p { margin: 5px 0 10px 0; }
	ul { margin: 20px; }
	ol { margin: 20px 20px 20px 25px; }
	a { text-decoration: none; outline: none; color: #4293e2; }
	a:hover { text-decoration: underline; }
	blockquote { margin: 20px 20px 0 20px; }
	cite { margin: 0 20px 20px 20px; }
	hr { border: none; border-bottom: 1px solid #0950AF; border-top: 1px solid #053079; margin: 20px 0; }
	

/* = ELEMENT STYLES: Classes and ID's ====================================== */	

	#masthead p.contact { float: left; margin: 5px 0 0 0; font-size: 10px; }
	#masthead p.contact a { color: #fff; }
	#header h1.logo { float: left; margin: 70px 0 0 20px; }
	#header h1.logo a { display: block; width: 406px; height: 90px; text-indent: -9000px; background: url(../images/logo.gif) no-repeat 0 0; }
	
	img.mission { float: right; margin: 40px 50px 0 0; }
	
	ul.projects { list-style: none; margin: 0; padding: 0; }
	ul.projects li { background: url(../images/bg_divider.gif) repeat-x 0 100%; overflow: hidden; margin: 0; padding: 0; }
	
	.servicebox { width: 282px; background: url(../images/bg_service-box.gif) no-repeat 0 0; padding-top: 1px; }
	.servicebox h5 { margin: 10px 10px 0 10px; color: #717171; font-size: 12px; line-height: 120%; }
	.servicebox h5 span { color: #074094; text-transform: uppercase; }
	.servicebox img { margin: 10px; }
	.servicebox-bottom { width: 282px; background: url(../images/bg_service-box.gif) no-repeat 0 100%; padding-top: 1px; text-align: right; overflow: hidden; }
	.servicebox-bottom p { margin: 10px 20px; text-align: left; color: #717171; font-size: 10px; }
	.servicebox-bottom a.expand { padding: 0 7px 2px 5px; font-size: 14px; font-weight: bold; color: #074094; display: block; float: right; }
	.servicebox-bottom a.expand:hover { text-decoration: none; color: #4293e2; }
	
	#footer .testimonial { width: 418px; margin: 0 auto; padding-top: 1px; }
	#footer .testimonial p { background: url(../images/bg_testimonial_footer.gif) no-repeat 0 0; padding: 20px; font-style: italic; margin: 0; } 
	#footer .testimonial p.author { background: url(../images/bg_testimonial_footer.gif) no-repeat 0 -310px; padding: 20px 0 0 0; font-style: normal; font-size: 10px; text-align: center;; margin: 0; line-height: 130%; color: #4293e2; } 
	#footer .testimonial p.author a { text-decoration: underline; }
	#footer .testimonial p.author a:hover { text-decoration: none; }

	#content-sub-inner h3 { margin-bottom: 0; }
	#content-sub-inner .testimonial { width: 279px; margin: 0 auto; padding-top: 1px; }
	#content-sub-inner .testimonial p { background: url(../images/bg_testimonial_sidebar.gif) no-repeat 0 0; padding: 20px; font-style: italic; margin: 0; } 
	#content-sub-inner .testimonial p.author { background: url(../images/bg_testimonial_sidebar.gif) no-repeat 0 -252px; padding: 20px 0 0 0; font-style: normal; font-size: 10px; text-align: left;; margin: 0; line-height: 130%; color: #4293e2; } 
	#content-sub-inner .testimonial p.author a { text-decoration: underline; }
	#content-sub-inner .testimonial p.author a:hover { text-decoration: none; }
	#content-sub-inner p.continue { text-align: left; }
	
	p.disclaimer { float: left; color: #4293e2; text-align: left; }
	p.social-media { float: right; color: #4293e2; text-align: right; }
	p.social-media a { color: #fff; }
	p.social-media a:hover { text-decoration: none; color: #4293e2; }
	
	p.continue { text-align: right;  }
	p.continue a { background: url(../images/arrow.gif) no-repeat 100% 1px; padding-right: 10px; color: #E4C11A; font-size: 10px; text-transform: uppercase; }
	
	a img { border: none; vertical-align: middle; margin: 0 10px; }

	#content-main.projects-page .column.left { width: 280px; float: left; margin: 0 0 40px 0 }
	#content-main.projects-page .column.right { width: 280px; float: right; margin: 0 0 40px 0 }
	
	#reasons p { margin-top: 0;}
	#reasons .reason h3 { margin-bottom: 5px; }
	#reasons .reason h3 em { font-style: normal; color: #4293e2; }
	
	#contactFormContainer { position: absolute; width: 300px; left: 50%; margin-left: 150px; }
	#contactForm { height: 315px; background: #eee; display: none; border: 1px solid #aaa; margin-top: -1px; }
	#contactLink { background-image:url('slidein_button.png'); display:block; cursor:pointer; }
	#contactLink p { background: #eee; border: 1px solid #aaa; border-top: none; width: 60px; text-align: center; float: right; margin: -1px 0 0 0; color: #074094; font-size: 10px; font-weight: bold; padding-top: 3px; }











/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	ul#nav { margin: 0; list-style: none; float: right; padding-right: 20px; }
	ul#nav li { float: left; margin: 0 8px; }
	ul#nav li a { color: #074094; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 45px 5px 0 5px; display: block; }
	ul#nav a:hover { color: #717171; text-decoration: none; background: url(../images/bg_nav-hover.gif) no-repeat 50% 0; }
	ul#nav a.on { color: #717171; text-decoration: none; background: url(../images/bg_nav-hover.gif) no-repeat 50% 0; }



/* ========================================================================= */
/* FORM STYLES                                                               */
/* ========================================================================= */

	form ul { margin: 0; padding: 0; }
	form li { list-style: none; margin: 8px 20px; }
	form li ul { margin: 0; }
	label.description { display: block; font-weight: bold; color: #074094; }
	label.choice { padding-left: 5px; }
	input.text { width: 240px; padding: 2px; }
	input.checkbox {  }
	input.radio {  }
	textarea { width: 250px; height: 40px; font-size: 12px; }
	select { width: 240px; }