html, body, div, h1, h2, h3, h4, h5, h6, dt, dd, pre, form, fieldset, table, th, td, hr {margin:0; padding:0;} input {margin:0;}/*reset css*/

/*------general------*/

body {margin:0;font-family: Helvetica, Arial, sans-serif;color:#666;background:#F5F5F5;font-size:12px;line-height:1.6em;}

section, article, header, footer, nav, aside, hgroup{display:block;}

img {behavior:url(/_includes/iepngfix.htc); }

p {margin:0 0 1.5em;}

a img {border:none;}

a {color: #0066CC;text-decoration: underline;outline:none;
	-webkit-transition: color .1s ease-in; /*safari and chrome */
	-moz-transition: color .1s ease-in;
	-o-transition: color .1s ease-in; /* opera */
}
	a:hover{text-decoration: none;}
	a:active{text-decoration: underline;}
	
	a:hover img {opacity: .75;}

h1, h1 a {color:#FFF;margin-bottom:.5ex;font-size:32px;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, sans-serif;font-weight: 300;}
	h1 strong {font-family:"HelveticaNeue-Bold", "Helvetica Neue bold", "Helvetica Neue", helvetica, sans-serif;}
h2, h2 a {color:#DE5810; font-size:1.5em;margin-bottom:.6em;text-transform:uppercase;}
h3, h3 a {color:#666;font-size:1.2em;margin-bottom:.5ex;}
h4, h4 a {color:#DE5810; font-size:1.2em;margin-bottom:1.6ex;}

h5, h5 a {color:#666;font-size:1.3em; border-top: 1px dotted #ccc; padding: 20px 0 0 0; margin: 20px 0 .5ex 0;}

h6 {font-size: 1.4em; border-top: 1px solid #ccc; padding: 15px 0 0 0; margin: 0 0 10px 0;}

h1 a, h2 a, h3 a {text-decoration:none;font-size:1em;}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:underline;}

p+ul, p+ol {}

hr {color: #CCCCCC;background-color: #CCCCCC;height:1px;border: 0;width: 100%;margin-bottom:1em;margin-top:1em; clear:both;}
	
sup, sub{line-height:1em;}

/*------columns------*/
.first {float:left;margin:0 30px 1.5em 0;height:1%;overflow:hidden;}
.middle {float:left;margin-right:0 30px 1.5em 0;height:1%;overflow:hidden;}
.last {float:right;height:1%;overflow:hidden;margin-bottom:1.5em;}

.first_img{float:left;margin:0 1.5em 1.5em 0;}
.last_img{float:right;margin:0 0 1.5em 1.5em;}

.clear{clear:both;}

/*------widths------*/

.width-960{width:960px;}
.width-620{width:620px;}
.width-280{width:280px;}

/*------wrapper------*/

#wrapper {margin:0 auto;height:1%;overflow:hidden;background:url(/images/wrapper-back.jpg) repeat-x;}
#wrapper_snow {margin:0 auto;height:1%;overflow:hidden;background:url(/images/wrapper-back-snow.jpg) repeat-x;}

/*------header------*/

.header_wrapper {width:100%;background:#222A2F;border-bottom:1px solid #4A5257;}html > body .header_wrapper{background:url(/images/transparent-30.png);}
	.header_wrapper header{width:960px;height:48px;margin:0 auto;padding:20px 20px;position:relative;}

/*------navigation------*/

	#nav_primary {margin:0; padding: 0; float:left;position:absolute;right:6px;top:20px;font-size:14px;font-family:Helvetica, Arial, sans-serif}
	#nav_primary li{display:inline;}
	#nav_primary li a{float: left;color: #FFF;padding:14px 14px 13px 14px; text-decoration:none; font-weight:bold;}
	#nav_primary li a:hover{color: #DE5810;}
	#nav_primary li a:active{color: #FFF;}
	
	
/*------testimonials------*/ 

.testimonial{font-size:11px;color:#999;line-height:1.3em;margin:0 0 .5ex 0;display:block;border-top:1px dotted #CCC;padding:1.8em 0; clear:both;}
.testimonial .photo{float:left;height:100px; width:100px;float:left;margin:0 1.5em 1.5em 0; position:relative;}

.testimonial blockquote{margin:0 0 1em 0;display:block;text-indent:-0.5em;overflow:visible;}
.testimonial cite{margin:0 0 0 1.5em;display:block;text-align:right;}
	.testimonial cite strong{font-style:normal;}
	
	
.testThumbs {clear:both; padding: 15px 0 0 0;}	
	.testThumbs a {float:left; margin: 0 25px 29px 0; border: 4px solid #fff; width:295px; height: 165px;}
	.testThumbs a:hover {border: 4px solid #ccc;}

	.testThumbs a:nth-child(3n+3) {margin: 0 0 37px 0;}
	

.quote {width: 295px; padding: 20px 0;}
	.quote p {margin: 0 0 1em;} 
	.quote cite {margin: 20px 20px 20px 20px; display:block; font-size: 14px;color: #858585;}
	.quote cite strong {font-style: normal;}
	.quote a {font-style: normal; font-size: 12px; display:block; margin: 8px 0 0 0;}
.quoteText {font-size: 23px; position: relative; margin: 20px; z-index: 2; color: #999; line-height: 1.4em;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, sans-serif;}
.quoteTop {position: absolute; top:-20px; left:-20px; z-index: -1;}
.quoteBottom {position: absolute; bottom:-20px; right:-20px; z-index: -1;}


	
	body.aaron .aaronActive {border: 4px solid #DE5810;}
	body.andrea .andreaActive {border: 4px solid #DE5810;}	
	body.jerry .jerryActive {border: 4px solid #DE5810;}	

	
	
	
/*------content------*/ 

.homeSmallBanners {position:relative; width: 620px; height: 125px; margin: 0 0 30px 0;}
	.homeSmallBanners .bannerOne {position: absolute; top:0; left:0;}
	.homeSmallBanners .bannerTwo {position: absolute; top:0; right:0;}
	
.page_head {width:960px;height:1%;overflow:hidden;margin:0 auto;padding:50px 20px;font-size:17px;color:#FFF;line-height:1.5em;
	-moz-text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.3);
	-webkit-text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.3);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}html > body .page_head {background:url(images/page-head-back.png) no-repeat top right;}

	.home .page_head {padding:20px;height:327px;position:relative;}html > body .home .page_head {background:url(images/page-head-home-back.png) no-repeat top left;}
	.home .page_head h1{margin:.5em 0;font-size:36px}
	.home .page_head .buttons{position:absolute;bottom:30px;left:20px;}
	.home .page_head .buttons a{color:#FFF;text-decoration:none;display:block;padding:12px 20px;float:left;margin-right:20px;width:120px;text-align:center;
	background:#222A2F;
	-moz-border-radius:50px;
	border-radius: 50px;}html > body .home .page_head .buttons a{background:url(/images/transparent-30.png);
	
	}
	
	.home .page_head .buttons a:hover{background-color:rgba(0,0,0,0.3);}
	
	.home .page_head .rotator{float:right;height:320px;width:500px;margin:0 0 0 65px;position:relative;
	-moz-text-shadow: 2px 2px 2px rgba(255, 255, 255, 0);
	-webkit-text-shadow: 2px 2px 2px rgba(255, 255, 255, 0);
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
	}

	#slideshow {
	top:0;
	z-index:0;
}

.jingle { margin: 15px 0 0 0;
-webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.7);
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.7);}

	#nav {position: absolute;padding:0;margin:0;bottom:0px;left:4px;z-index:10;}
	#nav li { float: left; list-style: none;}
	#nav a { margin-left: 10px; padding: 3px 5px; background:#4D5B65; text-decoration: none;color:#CCC;font-size:11px;}
	#nav a.activeSlide { background:#DE5810;color:#FFF;}
	#nav a:focus { outline: none; }
	.pics { height: 320px; width: 500px; padding:0; margin:0;  overflow: hidden;}
	.pics img { height: 320px; width:500px; top:0; left:0;overflow:hidden;}

.clients {width:960px;border-bottom:1px solid #CCC;padding:0 0 16px 0;margin:-20px 0 30px 0; overflow:hidden; height:1%; vertical-align: middle;}
	.clients li{display:inline; float:left;padding:0 23px;list-style:none;margin:0;}
	.clients a img { border: 0px;opacity: 1;
  		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;}
		
		.clients a:hover img {opacity: .6;}
		
		
	.clients li.first_client{padding:0 23px 0 0;}
	.clients li.last_client{padding:0 0 0 23px;}
	
.staff {border-top:1px dotted #CCC; padding: 15px 0; font-size:12px; color: #666; line-height: 1.3em;clear:both; height:1%; overflow:hidden;}	
	.staff .photo{float:left;margin:0 1.5em 0 0;}
	.staff p {margin: 0 0 .2em 0;}
	
	
#rss ul { margin: 0 0 20px 0;padding:0;border-bottom:1px solid #CCC;}
#rss ul li{ list-style:none;margin:0;padding:20px 0;border-top:1px solid #CCC;display:block;height:1%;overflow:hidden;}
#rss ul li a{ float:left;}
#rss ul li span{ float:right;}


.content_wrapper {background:#FFF;height:1%;overflow:hidden;padding-top:40px; border-bottom: 1px solid #E0E0E0;}
.content {width:960px;margin:0 auto;padding:0 20px;font-size:13px;line-height:1.5em;}


.project_grid {list-style:none;margin:0;padding:0;line-height:1.2em;}
.project_grid li{float:left;margin:0 22px 10px 0;display:inline;list-style:none;height:200px;width:192px; font-size: 12px; color:#666;}
	.project_grid li.last {float:right;margin:0;}
	.project_grid a{text-decoration:none;color:#0066CC;}
	.project_grid a:hover{text-decoration:underline;}
	.project_grid li a img{border:1px solid #CCC;margin-bottom:5px;}
	.project_grid li a img:hover{border:1px solid #DE5810;color:#DE5810;}

.screen {margin: 15px 0 7px 0;}

.lead {font-size: 17px; color: #666; line-height: 1.4em;}

.sideProjectList {padding:0; margin:0;}
	.sideProjectList li {padding:0; margin:0; list-style: none;}
	.sideProjectList a {display: block; padding: 10px 9px; text-decoration: none; border-top: 1px solid #ccc; line-height:1;}
	.sideProjectList a:hover {background-color:#EDEEEF;}
	
	
	
	
	
.formContact {background:#F5F5F5; border: 1px solid #E0E0E0; padding: 20px 20px 0 20px; margin: 13px 0 0 0; height:1%; overflow:hidden;}
.formContact fieldset {border:0;padding: 0px 0; float: left; margin: 0 25px 20px 0;	}
.formContact label { display: block;}
.formContact input[type=text] {font-size:14px; width: 220px;}

.formContact .required{font-weight:bold;color:#B22525;font-size:1.25em;line-height:50%;}
.formContact td {padding: 0 20px 0 0;}	
	
	
.mobile {float:right; margin: 20px 0 20px 20px;}

.processBox {border-top: 1px dotted #ccc; padding: 30px 0 5px 0; height:1%; overflow:hidden;}

.imgFloatRight {float:right; margin:0 0 20px 30px;}
.imgFloatLeft {float:left; margin: 0 30px 20px 0;}

.featuresList {padding:0; margin:0 0 0 17px;}


/*------Web Strategy------*/ 
.stats {font-size: 23px; color: #999; line-height: 1.4em;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, sans-serif;}

/* buttons */
.colored-button{background:#3987cc url(../images/gloss.png) repeat-x 0 0;display:inline-block;color:#fff!important;font-size:12px;font-weight:700;line-height:1;height:12px;text-decoration:none;-khtml-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);text-shadow:0 -1px 1px rgba(0,0,0,0.25);position:relative;cursor:pointer;overflow:visible;width:auto;vertical-align:middle;border:1px solid #226aaa;padding:4px 12px 5px}
button::-moz-focus-inner{border:0;padding:0}
.colored-button:hover{background-color:#2c78bb;color:#fff;text-decoration:none!important}
.colored-button:active{-webkit-transform:translateY(1px);-moz-transform:translateY(1px);background-image:none}
.huge-button.colored-button{font-size:16px;height:16px;padding:10px 30px}
.orange.colored-button{background-color:#ff620d;border-color:#ce7900}
.orange.colored-button:hover{background-color:#DE5810}


/*------Map------*/ 	
	
.map {position: relative; width:960px; height:400px;}
	/* trigger button */
#mapMarker {
	position: absolute; top: 152px; left: 370px;
}

/* mouseover state */
#mapMarker:hover {
	background-position:0 -44px ;		
}

/* clicked state */
#mapMarker:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:url(/images/map-tool-tip.png);
	height:256px;
	padding:34px 30px 10px 33px;
	width:307px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}	



/*------Footer------*/ 

footer {width:960px;margin:0 auto;clear:both;height:1%;overflow:hidden;line-height:1.6em;color:#666;padding:22px 20px;font-size:12px;}

footer a{color:#0066cc;text-decoration:none;}
footer a:hover{color:#666;text-decoration:underline;}

footer ul{float:left; list-style:none;margin:0;padding:0 4.2em 0 0; width: 155px;}
	

footer .first{width:620px;padding:0 20px 0 0;}
	footer .first p {clear:both; padding: 20px 0 0 0;}

footer .last{width:280px;padding:0;}
.address{clear:both;padding: 20px 0 0 0;}
.socialMedia {border-bottom: 1px dotted #ccc; height:1%; overflow:hidden; padding: 0 0 20px 0;}
.socialMedia div {float:left; margin: 5px 3em 0 0; width: 170px;}
	.socialMedia img {float:left; margin: -5px 10px 0 0;}
	
	.newSignUp {background: #EAEAEA;border: 1px solid #E0E0E0; padding: 16px 20px 5px 20px; }
		.newSignUp input {margin: 0 0 10px 0;color:#666;}