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

html, body {
	margin: 0;
	padding: 0;	
}

body {
	
	/* background:url(../images/CementBackground.jpg) #383939 repeat-x; */
	background:url(../images/splatterPaintBackground.gif) #383939 repeat-x;
	font-size:12px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	line-height: 1.5;
	color: #333;
	border-top:#333 solid 10px;
}

.success	{ 
	background:#ccf8ca url('../images/accepted.png') 6px center no-repeat;
	border:solid 1px #2bb824;
	padding:10px 10px 10px 40px;
	color:#0b5607;
	font-weight:bold;
	margin-bottom:15px;
}

.clearboth{
clear:both;
}

p {
	margin:0px 0px 14px 0px;	
}

a{
	color:#96d442;
	font-weight:bold;
	text-decoration:none;
}

.green{
	float:left;
	font-weight:bold;
	color:#FFF;
	background-color:#8fcb3d;
	padding:2px 5px;
	text-decoration:none;
	margin-top:10px;
	text-shadow:none;
}
	.green:hover{
		background-color:#a2db56;
	}

h1 {
	color:#2887bd;
	font-size:21px;
	text-transform:uppercase;
	margin:-8px 0px 5px 0px;
}

h2 {
	color:#2887bd;
	font-size:17px;
	text-transform:uppercase;
	margin:-8px 0px 5px 0px;
}

h5 {
	color:#2887bd;
	font-size:14px;
	text-transform:uppercase;
	margin:5px 0px 5px 0px;
}

h6{
	color:#2887bd;
	font-size:13px;
	margin:5px 0px 5px 0px;
		
}

.privacyText ul{
	padding-bottom:15px;	
}

.privacyText ul li{
	list-style:square;
	padding-bottom:8px;
	list-style-position:inside;
}

ol.termsText li{
	list-style:decimal;
	padding-bottom:8px;
	margin-left:25px;

}

#container{
	box-shadow:0px 2px 33px #5e5e5e;
	-webkit-box-shadow:0px 2px 33px #5e5e5e;
	-moz-box-shadow:0px 2px 33px #5e5e5e;
	width: 940px;
	margin: 0px auto;
	padding: 0px 40px;
	background: #FFF;
	margin-bottom:65px;
	
}



#header {
	width:940px;
	height:90px;
}

#logo{
	width:185px;
	height:90px;
	float:left;
	/*background:url(../images/HelixDigitalLogo.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;*/
}

#logo a{
	display:block;	
	width:185px;
	height:90px;
	/*text-indent:-9999px;*/
}

#topNav{
	width:755px;
	float:left;
	margin-top:69px;
	font-weight:bold;
	text-align:right;
	font-size:14px;
}

#home .home,
#about .about,
#services .services,
#portfolio .portfolio,
#contact .contact {
	color:#96D442;
}


#headerNavigation li{
	display:block;
	text-align:center;
	list-style:none;
	padding:0px 12px 0 12px;
	float:right;	
	color:#afafaf;
	border-right:1px solid #afafaf;
}
	#headerNavigation li.first{
		padding:0px 0 0 12px;
		border:0;
	}
	

#headerNavigation li a{
	color:#afafaf;
	text-decoration:none;
	text-transform:uppercase;	
}

#headerNavigation li a:hover{
	color:#96d442;	
}

#headerNavigation li a.current{
	color:#96d442;	
}

.fullWidthDivider, .mainContentDivider, .sideBarDivider{
	height:1px;
	width:100%;
	float:left;
	margin:18px 0 20px 0;
	background:url(../images/horizontalDottedLine.gif) repeat-x;
}

#mainContent{
	width:685px;
	float:left;
}

.mainContentDivider{
	width:662px;
}

.mainContent_1Col{
	width:662px;
}

.productIcon{
	width:222px;
	height:168px;
	float:left
}

.productTitle, .productBlurb, .productCTA{
	width:440px;
	height:80px;
	float:left;
}

.productBlurb{
	height:50px;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:12px;
	line-height:16px;
}

.productCTA{
	height:28px;
}

.mainContent_2Col_left{
	width:326px;
	float:left;
}

.mainContent_2Col_right{
	width:326px;
	float:left;
	margin-left:10px;
}

.emailSuccess	{
	background:url('../images/accepted.png') center left no-repeat;
	padding:0 0 0 35px;
	color:#777;
}

#frmmail label, #frmmail .formfield	{
			padding:10px 70px 10px 10px;
		}
		#frmmail textarea	{
			padding:30px 10px 10px 10px !important;
			width:260px !important;
		}
		#frmmail label	{
			color:#222;
			position:absolute;
			cursor:text;
		}
		#frmmail .formfield	{
			background:#f8f8f8;
			border:0;
			border-bottom:1px dotted #666;
			color:#222;
			font-family:Arial,Verdana,Geneva,sans-serif;
			font-size:12pt;
			width:200px;
		}
		#frmmail .form-button	{
			background:url('../images/buttonSend.png') center no-repeat;
			border:none;
			cursor:pointer;
			height:29px;
			margin:15px 0 0 0;
			text-indent:-9999px;
			width:94px;
		}
			#frmmail .form-button:hover	{
				opacity: .8;
				filter: alpha(opacity=80);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}

.inputAcceptedBg	{
	background:url('../images/acceptedSmall.png') right 10px no-repeat #f8f8f8 !important;
}

.blogPost img{
		
}

.blogPost h4{
	color:#666;
	font-size:15px;
	text-transform:uppercase;
	margin:-5px 0px 5px 0px;
}

.blogPost p{
	text-align:justify;
}

.clientlogo{
	border:2px solid #CCF2F7;
	margin:0px 6px 5px 0px;
}

.clientlogo-last{
	border:2px solid #CCF2F7;
	margin:0px 0px 5px 0px;
}

.imgFloatRight{
	border:2px solid #CCC;
}

#sideBar{
	width:255px;
	float:left;
	background:url(../images/sideBarVerticalDottedLine.gif) repeat-y;
}

.sideBarDivider{
	width:232px;
}

.sideBarModule{
	width:232px;
	margin-left:23px;
	float:left;
}

#search	{
	float:left;
	height:25px;
	padding:0;
	width:242px;	
}

#search #searchField{
	color:#444;
	padding:5px;
}

#twitter_update_list li {
                margin:0 0 15px 0;
}
#twitter_update_list li>a{
                display:block;
                color:#777;
}

#partnerIcons li a{
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px 10px 0px 0px;
	float:left;
	width:50px;
	height:50px;
}

#partnerIcons li a.last{

	margin:0px 0px 0px 0px;

}

#partnerIcons li a.partner1 span{
	background:url(../images/partnerIcon1.gif) top left no-repeat;
	position:absolute;
	width:50px;
	height:50px;
}

#partnerIcons li a.partner2 span{
	background:url(../images/partnerIcon2.gif) top left no-repeat;
	position:absolute;
	width:50px;
	height:50px;
}

#partnerIcons li a.partner3 span{
	background:url(../images/partnerIcon3.gif) top left no-repeat;
	position:absolute;
	width:50px;
	height:50px;
}

#partnerIcons li a.partner4 span{
	background:url(../images/partnerIcon4.gif) top left no-repeat;
	position:absolute;
	width:50px;
	height:50px;
}

.testimonial{
	width:232px;
	background:url(../images/quoteMarksBG.gif) no-repeat;
	background-position:center;
}

.testimonial2{
	width:232px;
	background:url(../images/quoteMarksBG2.gif) no-repeat;
	background-position:center;
}

.testimonial p, .testimonial2 p{
	font-size:14px;
	padding:5px 10px;
	margin:0px;
	font-style:italic;
	color:#666;
	text-align:center;
}

.testimonial p.testimonialName, .testimonial2 p.testimonialName{
	font-size:12px;
	font-style:normal;
	color:#999;
	padding:0 10px;
}

.formHolder{
	width:280px;
	float:left;
}

.mapHolder{
	width:380px;
	float:left;
}

#footer{
	width:940px;
	float:left;
	margin-bottom:30px;
}

#footerIcons li{
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}

#footerIcons li a{
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
	width:67px;
	height:63px;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid XImageTransform.Microsoft.Alpha(Opacity=80)";
}
#footerIcons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid XImageTransform.Microsoft.Alpha(Opacity=100)";	
}

#footerIcons li a.footerTwitter{
	background:url(../images/footerIconTwitter.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#footerIcons li a.footerSkype{
	background:url(../images/footerIconSkype.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#footerIcons li a.footerRSS{
	background:url(../images/footerIconRSS.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#footerIcons li a.footerLinkedIn{
	background:url(../images/footerIconLinkedIn.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#footerIcons li a.footerFacebook{
	background:url(../images/footerIconFacebook.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#footerIcons li a.footerAddress{
	background:url(../images/footerIconAddress.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#footerIcons li a.footerDigg{
	background:url(../images/footerIconDigg.gif) top left no-repeat;
	width:67px;
	height:63px;
	text-indent:-9999px;
}

#newsletterSignup{
                background:url(../images/newsletterSignUp.gif) top left no-repeat;
                float:left;
                height:33px;
                padding:30px 0 0 0px;
				margin-left:20px;
                width:242px;
}
                #newsletterSignup input, #search form input	{
                                margin:0;
                                line-height:0px;
                                width:201px;
                                height:14px;
                                background:#f1f0f0;
                                border:solid 1px #e0e0e0;
                                float:left;
                }
                #newsletterSignup input#signupEmail              {
                                color:#9e9f9e;
                                font-style:italic;
                                padding:5px;
								line-height:15px;
                }
                                #newsletterSignup #signupEmail:focus {
                                                background:#fff;
                                }
                
                #newsletterSignup #signupEmailButton, #search form #searchButton                {
                                background:url('../images/forwardArrowsSmall.png') center no-repeat #f1f0f0;
                                height:26px;
                                cursor:pointer;
                                width:26px;
                }
                                #newsletterSignup #signupEmailButton:hover, #search form #searchButton:hover  {
                                                background:url('../images/forwardArrowsSmall.png') center no-repeat #fff;
                                }


#smallPrint{
	font-size:10px;
	color:#929292;
}

#footerNav li{
	display:inline;
	list-style:none;
	padding:0px;
	float:left;	
	color:#929292;
}

#footerNav li a{
	font-size:10px;
	color:#929292;
	text-decoration:none;
	text-transform:uppercase;	
}

#footerNav li a:hover{
	font-size:10px;
	color:#96d442;
	text-decoration:none;
	text-transform:uppercase;	
}


/*Portfolio*/
.portfolio-item-container	{
	float:left;
	width:326px;
	height:198px;
	margin:0 10px 10px 0;
}
	.portfolio-item	{
		display:block;
		width:326px;
		height:198px;
		overflow:hidden;
		padding:0;
		position:absolute;
		float:left;
	}
		.portfolio-item img	{
			position:absolute;
			border:6px solid #87c3e8;
		}
			.portfolio-item:hover img	{
				border:6px solid #277cad;
			}
		.portfolio-item .portfolio-info	{
			width:296px;
			height:168px;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			/*background:rgba(25, 25, 25, 0.85);
			background:url('../images/blackTransparent-bg.png') repeat top left;*/
			background:#000;
			opacity: .9;
			filter: alpha(opacity=90);
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			color:#fff;
			position:absolute;
			margin:162px 0 0 13px;
			display:block;
			box-shadow:3px 3px 5px #000000;
			/*border-top:#c0c0c0 solid 1px;
			border-bottom:#333 solid 1px;
			border-left:#666 solid 1px;
			border-right:#666 solid 1px;*/
		}
			.portfolio-item .portfolio-info h3	{
				font-size:17px;
				color:#2887BD;
				padding:6px 0 0 20px;
				text-shadow:-1px -1px 0px #000;
				text-transform:uppercase;
				opacity: 1;
				filter: alpha(opacity=100);
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}
			.portfolio-item .portfolio-info p	{
				text-align:left;
				padding:0 20px 0 20px;
				font-weight:normal;
				line-height:21px;
				text-shadow:-1px -1px 0px #000;
			}
			.portfolio-moreInfo{
				font-weight:bold;
				color:#FFF;
				background-color:#96d442;
				padding:2px 5px;
				text-decoration:none;
				margin-top:10px;
				display:block;
				width:57px;
				text-shadow:none;
			}
.portfolio-item-img	{
	border:6px solid #277cad;
	margin:0 0 5px 10px;
}

.resources-list li{
	list-style:outside;
	list-style-type:disc;
	padding-bottom:10px;
	margin-left:30px;
}

.read-document{
	float:left;
	width:100%;
	height:22px;
	background-image:url(../images/document-icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:3px 0 0 30px;
	margin-bottom:5px;
}

.pdf-download{
	float:left;
	width:100%;
	height:22px;
	background-image:url(../images/pdf-icon.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:3px 0 0 30px;
}