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

body {margin: 0;padding: 0;background-color: #FFF; font-family:"Helvetica Neue", Helvetica,  Arial, Tahoma, HelveticaNeue, "DejaVu Sans Condensed", sans-serif;text-align:center;color: #5e5d5e;}

p, a, li, label, input, textarea{font-size: 10px;color: #5e5d5e;line-height:1.5em;outline:none;}

a {text-decoration:none;border-bottom: 1px #3F9C35 solid;}
a:visited{border-bottom-style: dotted;}
a.no, a.no:visited, a img{border:none;}
h1, h1#logo a{font-size:36px;color:#007934;border:none;}
h2, h3, h4 {font-family:Futura, "Century Gothic", AppleGothic, sans-serif;font-weight: normal;}
h2 {font-size: 24px;color: #007934;margin: 0;padding: 0;}
h2 span{color:#3F9C35}
h3 {font-size: 16px;font-weight: lighter;color: #747678;}
h4, h4 a {font-size: 14px;color: #007934;margin: 0 0 5px;padding: 0;}
h5, h5 a{border:0;color:#007934;font-size:12px;font-weight:normal;margin:0;padding:0;}
h6{margin:3px 0 2px;padding:0;}
ul, li{padding:0;}
ul{margin:0 0 5px 0;}
li{margin:0 0 5px 15px;}

/* Basic Forms */
fieldset, button, label, input, form{position:relative;}
fieldset{float:none;clear:both;border:none;padding:0;margin:0;}
label, input, textarea{float:left;line-height:22px;}
button{clear:both;line-height:22px;}
label, textarea{clear:both;}
label{width:80px;}
label.long{width:auto;}
input{height:16px;line-height:16px;width:200px;background:#FFF;}
input, textarea{border:1px #007934 solid;}
input:focus, textarea:focus{border:1px #3F9C35 solid;}
input[type=checkbox]{border:none;width:auto}
textarea{width:285px;}
button{background:#007934;border:1px #007934 solid;clear:both;color:#FFF;padding:5px;}
button:focus{background:#3F9C35;}




/* Classes */
.block{display:block;}
.bold{font-weight:bold;}
.border{border: 1px #3F9C35 solid;}
a.button{background:#3F9C35;color:#FFF;padding:5px;}
a.button:hover{background:#FFF;border:1px #007934 solid;color:#5e5d5e;}
a.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;}
.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;}
#halfpg #homeCenter{width:380px;}


	/* 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{
		border:none;
		border-collapse:collapse;
		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.jpg) no-repeat 0 0;}
	a.button.galleryBTN:hover{background: #FFF url(../images/basics/buttons.jpg) 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.jpg) no-repeat -101px -35px;}
	a.button.readBTN{background: #FFF url(../images/basics/buttons.jpg) no-repeat 0 -70px;height:25px;width:66px;text-align:left;top:0;}
	a.button.readBTN:hover{background: #FFF url(../images/basics/buttons.jpg) no-repeat -101px -70px;}
	a.button.contactBTN{background: #FFF url(../images/basics/buttons.jpg) no-repeat 0 -132px;height:26px;width:67px;text-align:left;top:0;}
	a.button.contactBTN:hover{background: #FFF url(../images/basics/buttons.jpg) no-repeat -101px -132px;}
	a.button.archiveBTN{background: #FFF url(../images/basics/buttons.jpg) no-repeat 0 -158px;height:25px;width:90px;text-align:left;top:0;}
	a.button.archiveBTN:hover{background: #FFF url(../images/basics/buttons.jpg) no-repeat -101px -158px;}

/* Basics */
#container {
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:950px;
}
#header{
	background: url(../images/basics/tophline.jpg) no-repeat center bottom;
	height:84px;
	position:relative;
	width:100%;
}
#logo{
	height:54px;
	left:25px;
	margin-top:-27px;
	position:absolute;
	top:50%;
	width:204px;
}

/* Navigation */
ul#navigation{
	list-style:none;
	margin:-15px 0 0 0;
	padding:0;
	position:absolute;
	right:25px;
	top:50%;
	width:610px;
}
ul#navigation li{display:block;float:left;margin:0;padding:0;position:relative;}
ul#navigation li a{border:none;display:block;font-size:12px;padding:5px 12px;text-transform:lowercase;white-space: nowrap;}
ul#navigation li a:hover, a.active{background-color:#3F9C35;color:#FFF;}
ul#navigation li ul{display:block;margin: 0;padding: 0;visibility: hidden;position: absolute;z-index:5000;}
#homepg ul#navigation li ul, #holidaypg ul#navigation li ul, #blogpg ul#navigation li ul{display:none;}
ul#navigation li ul li{float: none;display: inline;}
ul#navigation li ul li a{width:auto;background: #3F9C35;color:#FFF;}
ul#navigation li ul li a:hover{background: #007934;}


/* Main Content */
#mainContent{
	position:relative;
}
#homeCenter{
	display:block;
	left:50px;
	padding:10px 25px 0;
	overflow:visible;
	position:relative;
	width:800px;
}
#homepg #homeCenter{background:url(../images/basics/bottomhline.jpg) no-repeat center bottom;left:0;padding:0 5px 30px;width:100%;}
#homepg #homeCenter p{margin:0;padding: 0 25px;}
/*#homepg #homeCenter a.button.checkItBTN{margin:0;left:800px;}*/
#leftCol, #rightCol{
	display:block;
	float:left;
	position:relative;
}
#leftCol .readBTN, #rightCol .readBTN{padding:0;margin:5px 20px 10px 0;top:0;}

	/* Featured Blog */
	#leftCol{
		width:67%;
	}
	
	
	/* Blog Archive */
	#rightCol{
		width:29%;
	}
	
.homePad {position:relative;top:30px;}
img#featureImage{margin:10px 60px;}

#homeFeatures{
	clear:both;
	padding:50px 0;
	position:relative;
}
.featureBox{
	float:left;
	height:215px;
	margin:0 15px;
	position:relative;
	padding-bottom:10px;
	width:200px;
}
.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;margin-left:10px;}
.featureBox .content{
	padding:10px 10px 0;
	position:relative;
}
.featureBox a.button{position:relative;}
.featureBox a.button.readBTN{top:-10px;}
	/* Featured Box */
	#box1{
		background:url(../images/home/box1bg.jpg) no-repeat right bottom;
	}
	#box1 .bgImage{top:-25px;}
	#box1 ul{margin:0;padding:0;list-style:none;position:relative;}
	#box1 img.center{margin:0 40px;}
	.featureBox#box1 li{list-style:none;margin:0;padding:0;}
	#dwTweet{display:block;position:relative;width:180px;}
	#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;
	}
	#box2 .content{padding-bottom:10px;}
	#box2 .bgImage{position:absolute;right:-10px;top:35px;}
	#box2 ul{width:135px;}
	#box2 a.button{position:absolute;right:5px;top:157px;}
	
	/* IOTW Box */
	#box3{
		background:url(../images/home/box3bg.jpg) no-repeat right center;
	}
	#box3 .bgImage{
		top:-80px;
	}
	#box3 form{bottom:-2px;left:10px;margin: 0;position:absolute;width:200px;}
	#box3 fieldset{border:none;margin:0;padding:0;width:100%;}
	#box3 label{color:#007934;font-size:12px;font-weight:normal;margin:0;padding:0;width:auto;}
	#box3 input, #box3 button{border:none;display:block;float:left;height:31px;margin:0;padding:0;position:relative;}
	#box3 input, #box3 input:focus{background: #FFF url(../images/home/ideainput.jpg) no-repeat;line-height:26px;outline:none;overflow:hidden;width:136px;}
	#box3 button{background: #FFF url(../images/basics/buttons.png) no-repeat 0 -100px;clear:none;margin:0;padding:0;text-indent:-9999px;width:55px;}
	#box3 button:hover{background:url(../images/basics/buttons.png) no-repeat -101px -100px;}
	#box3 a.button.readBTN, #box3 a.button.archiveBTN{display:block;float:left;position:relative;top:-10px;}
	#box3 a.button.archiveBTN{left:10px;}

	/* Twitter Box */
	#box4{
		background:/*url(../images/home/box4bg.jpg) no-repeat right bottom*/;
	}
	#box4 .bgImage{right:-35px;top:-25px;}
	#box4 h6{clear:left;margin-right:15px;}
	

/* Footer */
#footer {
	background:url(http://dwgreen.com/images/basics/bottomhline.jpg) no-repeat center top;
	clear:both;
	padding: 30px 0 10px;
	position:relative;
	width:100%;
}
#homepg #footer{background:none;}
#footer p, #footer a {font-size: 10px;text-align:center;}

#cboxLoadedContent{padding:15px;text-align:left;}
#cboxTitle{font-size:10px;}


/* Video Case Studies */
.caseBox{border-top:1px #007934 solid;margin-top:20px;padding-top:20px;}
.caseBox.no{border:none;padding-top:0;margin-top:0;}


/* Client Footer Link */
#footpg .leftCol, #footpg .rightCol{
	float:left;
	position:relative;
	width:50%;
	*width:46%;
}
#footpg form{
	float:left;
	margin-right:10px;
	width:44%;
}
#footpg h3, #footpg legend{color: #007934;margin-bottom:5px;padding-bottom:0;}
#footpg h4{color: #747678;}
#footpg p{margin-top:5px;padding-top:0;}
#footpg label{width:auto;}
#footpg input, #footpg textarea{clear:left;}
#footpg button{margin-top:5px;}
#footpg form#gettingStarted fieldset, #footpg form#commentForm fieldset{
	height:280px;
	margin-top:10px;
	padding:5px;
	border: 1px #747678 solid;
}
#footpg .sidebar{float:right;margin-left:10px;position:relative;}
#footpg .sidebar .portList{float:left;margin-bottom:10px;width:50%;}


/* Magazine */
.textCol{border-right:1px #747678 solid;float:left;margin-right:10px;padding-right:10px;position:relative;width:32%;}
.textCol.last{border:none;padding:0;}