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

/* Classes */
.block{display:block;}
.bold{font-weight:bold;}
.border{border: 1px #3F9C35 solid;}
.button{background:#3F9C35;color:#FFF;padding:5px;}
.button:hover{background:#FFF;border:1px #007934 solid;color:#5e5d5e;}
.button:active{background:#007934;color:#FFF;}
.center{margin:0 auto;}
.clear{clear:both;height:0;margin:0;padding:0;}
.highlight{color: #007934;}
.hidden{display:none;}
ul.noPad{padding:0;}
.italic{font-style:italic;}
.left{display:block;float:left;}
	img.left{margin:0 15px 15px 0;}
.right{float:right;text-align:right;}
	img.right{margin:0 0 15px 15px;}

.embed-youtube:after {
	display:block;
	position:relative;
	width:100%;
	padding-bottom: percentage(640px / 390px);
}
.embed-youtube.youtube-player {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
}

	/* Subclasses */
	a.button.galleryBTN, a.button.galleryBTN:hover, a.button.checkItBTN, a.button.checkItBTN:hover, a.button.readBTN, a.button.readBTN:hover, a.button.contactBTN, a.button.contactBTN:hover, a.button.archiveBTN, a.button.archiveBTN:hover, a.button.videoBTN, a.button.videoBTN:hover, a.button.mapBTN, a.button.mapBTN:hover, button.button.submitBTN, button.button.submitBTN:hover{
		border-collapse:collapse;
		border:none;
		display:block;
		line-height:normal;
		margin:0;
		padding:0;
		position:relative;
		text-indent:-9999px
	}
	a.button.galleryBTN, a.button.galleryBTN:hover, a.button.checkItBTN, a.button.checkItBTN:hover{height:32px;margin:0 auto;width:100px;}
	a.button.galleryBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 0;}
	a.button.galleryBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px 0;}
	a.button.checkItBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -35px;z-index:999;}
	a.button.checkItBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px -35px;}
	a.button.readBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -184px;height:25px;width:66px;text-align:left;top:0;}
	a.button.readBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px -184px;}
	a.button.readBTN.green, .featureBox a.button.readBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -71px;height:25px;width:66px;text-align:left;top:0;}
	a.button.readBTN.green:hover, .featureBox a.button.readBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px -71px;}
	a.button.contactBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -132px;height:26px;width:67px;text-align:left;top:0;}
	a.button.contactBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px -132px;}
	a.button.archiveBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -157px;height:25px;width:90px;text-align:left;top:0;}
	a.button.archiveBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px -157px;}
	a.video.button.videoBTN, a.button.videoBTN{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -236px;height:31px;width:90px;text-align:left;top:0;}
	a.video.button.videoBTN:hover, a.button.videoBTN:hover{background: #FFF url(../images/basics/buttons.png) no-repeat -101px -236px;}
	a.button.mapBTN{background: #FFF url(../images/contact/button.jpg) no-repeat 0 0;height:26px;width:43px;text-align:left;top:0;}
	a.button.mapBTN:hover{background: #FFF url(../images/contact/button.jpg) no-repeat -65px 0;}
	button.button.submitBTN{background: #FFF url(../images/contact/button.jpg) no-repeat -65px -30px;height:26px;width:61px;top:0;overflow:hidden;}
	button.button.submitBTN span{display:block;text-indent:-9999px;}
	button.button.submitBTN:hover{background: #FFF url(../images/contact/button.jpg) no-repeat 0 -30px;}

/* Basics */
#wrap {position:relative;text-align:left;}
	#social{background-color:#fff;padding:5px 0;position:absolute;right:0;top:0;z-index:2000;}
	#social a, #social a img{display:block;height:21px;margin:0 5px;padding:0;position:relative;text-align:center;}
	a#fbIcon{width:22px;}
	a#twIcon{width:21px;}
	a#wpIcon{width:23px;}
#header{background: url(/images/basics/tophline.jpg) no-repeat center bottom;height:84px;position:relative;width:100%;}
	#logo{height:61px;left:40px;position:absolute;top:20px;width:162px;}

	/* Navigation */
	ul#navigation{list-style:none;margin:-15px 0 0 0;padding:0;position:absolute;left:225px;top:40px;z-index:1000;}
	ul#navigation li{display:block;float:left;margin:0;padding:0;position:relative;}
	ul#navigation li a{display:block;height:37px;font-size:12px;padding:0;position:relative;margin:0 3px;text-transform:lowercase;}
	ul#navigation li a span{text-indent:-9999px;display:block;}
	ul#navigation li a:hover{color:#652D86;}
		a#whoNav{background:url(/images/basics/navigation.png) no-repeat 0 0;width:124px;}
		a#workNav{background:url(/images/basics/navigation.png) no-repeat -130px 0;width:91px;}
		a#clientNav{background:url(/images/basics/navigation.png) no-repeat -225px 0;width:75px;}
		a#ideaNav{background:url(/images/basics/navigation.png) no-repeat -305px 0;width:60px;}
		a#contactNav{background:url(/images/basics/navigation.png) no-repeat -375px 0;width:76px;}
		.whopg a#whoNav, a#whoNav:hover{background-position:0 -40px;}
		.workpg a#workNav, a#workNav:hover{background-position:-130px -40px;}
		.clientpg a#clientNav, a#clientNav:hover{background-position:-225px -40px;}
		.ideapg a#ideaNav, a#ideaNav:hover{background-position:-305px -40px;}
		.contactpg a#contactNav, a#contactNav:hover{background-position:-375px -40px;}
		/*ul#navigation li a:hover, a.active, .whopg #whoNav, .workpg #workNav, .clientpg #clientNav, .ideapg #ideaNav, .contactpg #contactNav{background-color:#652D86;color:#FFF;}*/
	ul#navigation li ul{display:block;margin: 0;padding: 0;visibility: hidden;position: absolute;z-index:5000;}
		ul#navigation li#whoDrop ul{width:130px;}
		ul#navigation li#workDrop ul{width:95px;}
		ul#navigation li#ideaDrop ul{width:100px;}
	ul#navigation li ul li{float: none;display: inline;margin: 0;padding: 0;}
	ul#navigation li ul li a{font-size:9px;width:auto;margin:0 3px;height:auto;padding:5px 7px;background: #dfdfe0;color:#5e5d5e;text-transform:capitalize;}
	ul#navigation li ul li a:hover{background: #652D86;color:#FFF;}


/* Main Content */
#main{display:block;overflow:visible;position:relative;top:30px;margin-bottom:30px;z-index:500;}
#homepg.iotwpg #main{top:0;}
#main embed{z-index:501;}

	/* Home Page */
	#homepg .span-24{background:url(/images/basics/bottomhline.jpg) no-repeat center bottom;padding:0 0 30px;margin:0 0 50px;}
	#homepg .span-22{width:875px;height:300px;}
	#homepg .span-24 h4{margin-top:35px;}
	#homepg .span-4 p{margin-top:100px;}
	#homepg .span-3.last img{margin-top:45px;}
	#homepg p, .featureBox ul, .featureBox li{font-size:.9em;}
	#homepg a.button.readBTN{margin-top:-10px;}
	#homepg #inline_box{text-align:left;}
	#homepg #inline_box ul{margin:0;padding:0;font-size:.9em;}
	#homepg a.button.videoBTN{margin:0 0 10px;}
	#homepg a#iotwSignup, #homepg a#iotwNew, #homepg a#iotwArchive{display:block;overflow:hidden;position:absolute;}
	#homepg a#iotwSignup{top:220px;left:255px;width:85px;height:20px;}
	#homepg a#iotwNew{top:240px;left:170px;width:170px;height:20px;}
	#homepg a#iotwArchive{top:240px;left:360px;width:65px;height:20px;}
	#homepg a#iotwSignup span, #homepg a#iotwNew span, #homepg a#iotwArchive span{text-indent:-9999px;display:block;}
	
	
	.featureBox{height:215px;margin:0 15px;position:relative;}
	.featureBox.first{margin-left:40px;}
	.featureBox.last{margin-right:0;}
	.featureBox p, .featureBox a, .featureBox ul, .featureBox li{line-height:1.4em;margin:0;padding:0 0 5px 0;}
	.featureBox p{margin-bottom:10px;}
	.featureBox li{margin-left:20px;padding: 0 0 2px 0;}
	.featureBox .bgImage{position:absolute;right:0;}
	.featureBox h4{display:block;height:32px;position:relative;}
	.featureBox h6{line-height:normal;margin:0;}
	.featureBox .content{position:relative;margin-top:10px;padding-right:5px;}
	.featureBox a.button{position:relative;}
	.featureBox a.button.readBTN, .featureBox a.button.archiveBTN{display:block;float:left;position:absolute;top:140px;}
	.featureBox a.button.right{float:right;}
	
		/* Featured Box */
		#box1{
			background:url(/images/home/box1bg.jpg) no-repeat right bottom;
		}
		#box1 .bgImage{top:-35px;}
		#box1 ul{margin:0;padding:0;list-style:none;position:relative;}
		#box1 img.center{margin:0 40px;}
		/*#box1 a.button.archiveBTN{margin-top:-11px;left:10px;}*/
		.featureBox#box1 li{list-style:none;margin:0;padding:0;font-size:1.1em;}
		#dwTweet{display:block;position:relative;top:0;width:185px;}
		#dwTweet h5, #dwgreen h5 a{height:25px;line-height:25px;margin:0;}
		#ryanTweet a, #dwTweet a{margin:0;}
		img.twitterIcon{border:none;margin:0 5px 0 0;}
		
		/* iPhone Box */
		#box2{
			background:url(/images/home/box2bg.jpg) no-repeat right bottom;
			margin-left:20px;
		}
		#box2 .content{padding-bottom:10px;}
		#box2 .bgImage{position:absolute;right:-10px;top:35px;}
		#box2 ul{width:135px;}
		#box2 a.button{top:15px;}
		#box2 img.right{margin:0 0 5px 5px;}
		.greentvpg #box2 a.button{top:0;float:right;}
		
		/* IOTW Box */
		#box3{
			background:url(/images/home/box3bg.jpg) no-repeat right center;
			margin-left:30px;
		}
		#box3 .bgImage{
			top:-80px;
		}
		#box3 form{bottom:-2px;left:0;margin: 0;position:absolute;width:200px;}
		#cboxContent form{margin: 0;position:relative;width:200px;}
		#cboxContent fieldset, #box3 fieldset{border:none;margin:0;padding:0;width:100%;}
		#cboxContent label, #box3 label{color:#007934;font-size:12px;font-weight:normal;margin:0;padding:0;width:auto;}
		#cboxContent input, #cboxContent button, #box3 input, #box3 button{border:none;display:block;float:left;height:31px;margin:0;padding:0;position:relative;}
		#cboxContent input, #cboxContent input:focus, #box3 input, #box3 input:focus{background: #FFF url(/images/home/ideainput.jpg) no-repeat;line-height:26px;outline:none;overflow:hidden;width:136px;}
		#cboxContent button, #box3 button{background: #FFF url(/images/basics/buttons.png) no-repeat 0 -100px;clear:none;margin:0;padding:0;text-indent:-9999px;width:55px;}
		#cboxContent button:hover, #box3 button:hover{background:url(/images/basics/buttons.png) no-repeat -101px -100px;}
		#box3 a.button.readBTN{margin-top:-17px;}
	
		/* Twitter Box */
		#box4{
			background:url(/images/home/box4bg.jpg) no-repeat right bottom;
			margin-left:20px;
		}
		#box4 .bgImage{right:-35px;top:-25px;}
		#box4 h6{clear:left;margin-right:15px;}
		#box4 a.button.readBTN{margin-top:-15px;}
		
		
		/* New HP */
		#homepg .featureBox h6{font-size:1em;width:200px;}
		#homepg #box1{background:url(/images/home/box1NEWbg.jpg) no-repeat right bottom;}
			/*#homepg #box1 a.button.archiveBTN{position:absolute;top:150px;}*/
		#homepg #box3{background:url(/images/home/box3NEWbg.jpg) no-repeat right bottom;}
			#homepg #box3 p{padding-right:20px;}
			/*#homepg #box3 a.button.archiveBTN{float:left;top:25px;}*/
			#homepg #box3 form{float:right;padding-right:20px;}	
			#homepg #box3 form label{color:#5E5D5E;font-size:10px;white-space:nowrap;}
			#homepg #box3 form input{color:#5E5D5E;padding-left:5px;width:131px;}
			#homepg #box3 .bgImage{top:-80px;right:30px;}		
		#homepg #box4{background:none;}
			#homepg #box4 .bgImage{position:relative;float:right;margin-top:-110px;top:auto;}
			#homepg #box4 p{}
		#homepg .featureBox a.moreLink{color:#3f9c35;font-weight:bold;text-decoration:underline;white-space:nowrap;}
	
	/* Award Page */
	#awardpg #main h2{margin-top:30px;}
	#awardpg #main h2.top{margin-top:0;}
	#teampg #main p, #awardpg #main p{font-size:.8em;line-height:1.3em;margin:0;text-indent:8px;}

	/* Careers Page */
	label.upload,#careerpg input[type=file]{width:80%;} 
	label.upload{float:left;}
	#careerpg input[type=file]{float:left;}
	
	/* Our Work Pages */
	.workpg .first ul{list-style:none;padding:0 0 0 30px;}
	.workpg .last h2{margin-bottom:5px;}
	.workpg .last p, .workpg .last li, #careerpg .last p{font-size:.9em;}
	#greentvpg .last a{color:#652D86;}
	
	/* Clients Page */
	#clientpg #main p{line-height:normal;margin:0 0 5px;}
	
	/* Green Trak */
	#trakpg ul{margin:-15px 0 30px 15px;padding:0;}
	#trakpg.trialpg button{right:42px;}
	
	/* Client Footer Link */
	#footpg .first p{margin-top:10px;}
	#footpg .last ul{margin:0;padding:5px 0 0;}
	#footpg legend{color:#652D86;padding:0 0 5px;font-size:1.3em;font-weight:normal;}
	#footpg form#gettingStarted fieldset, #footpg form#commentForm fieldset{margin:0;padding:0;}
	#footpg form#gettingStarted fieldset{border-bottom:1px #5e5d5e solid;margin:0 0 15px;padding:0 0 15px;}
	#footpg form p{width:428px;}
	#footpg form button{float:left;}
	
	/* Opt In */
	#optpg .optForm button{background:none;border:none;padding:0;}

/* Footer */
#footer {background:url(/images/basics/bottomhline.jpg) no-repeat center top;clear:both;margin-bottom:50px;padding: 30px 0 10px;position:relative;top:50px;width:100%;}
#footer p, #footer a {font-size: 10px;text-align:center;line-height:normal;margin:0;padding:0;}
#otherLogo{height:33px;position:relative;right:40px;top:-20px;}
a#greentvLogo, a#gpsLogo{display:block;position:absolute;}
a#greentvLogo{height:33px;right:72px;top:0;width:88px;}
a#gpsLogo{height:26px;right:0;top:7px;width:60px;}

h4#question{color:#652D86;font-size:180%;line-height:200%;}