/******************************** 

            COLORS

BLUE: #374D65
GREEN: #45882C

*********************************/
/*background: #2E455E url("images/body-bg.png") repeat-x 0 0;*/
body{font-size:100%;font-family:"Helvetica Neueve",Helvetica;background-color: #374D65;}
#wrapper{
	background: transparent url("images/bg-shad.png") repeat-y 16px 0;padding:0 31px;
}
.honeypot{left:-5000px;position:absolute;}

/* link styles */

a:link,a:visited{color:#666;text-decoration:none}
a:hover{color:#999}
.aligncenter{text-align: center;border:1px solid #CCC;padding:2px}
p a:link.learn-more,p a:visited.learn-more{
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
p a:link, p a:visited{
	color: #333;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999;
}
p.mid-desc a:link,p.mid-desc a:visited{
	color: #89C77C;
}
p a.mid-learn-link{
	color: #89C77C;
	font-size: 12px;
	font-weight: bold;
}
p.read-all-presses a:hover{color:#666;font-weight: bold}
a:hover.learn-more{color: #666;}
a:link.services-link{font-weight:bold;border-bottom: 1px dotted #999;}
a:hover.services-link{font-weight:bold;}
p.home-left-text{
	float: left;
	width: 720px;
	margin-bottom: 10px;
}
p.read-all-presses{font-size:12px;text-align: right;}
img.home-right-image{
	float: left;
	width: 170px;
	margin-bottom: 10px;

}
p{
	font-size: 14px;
	line-height: 1.7em;
	margin-bottom: 10px;
}
.post-contents p{margin:0 0 15px 10px}
#single-post{margin:5px 0 0 20px}
#single-post .post-header{margin:0 0 5px 0}
.press-sep{margin:25px 0 32px 150px}
#single-post .post-date{font-size:16px}

.success,.home-success{
	display: none;
}
iframe{
	margin-left: 53px;
}
/* 404 */
#content h2.error_block{background-color:#FAE76E;padding:5px;color:#000;text-align:center;width:700px;margin-left:130px;}

/* image styles */
.align-right{float:right;border:1px solid #CCC;padding:2px;margin-left:10px;}

/* top */
#top-links{
	text-align: right;
}
.top-link-list{
	margin-bottom: 35px;
	margin-top: 10px;
}
.top-link-list li{
	list-style-type: none;
	display: inline;
	font-size: 14px;
}
.top-logo{
	padding: 15px 0 0 0;
}

	/* h2 */
	.top-contact, .top-phone-num{
	color: #89c77c;
	font-size: 16px;
	font-weight: bold;
	display: inline;
    }
	.top-contact a:link,.top-contact a:visited{
	color: #89c77c;
	}
    .top-phone-num{
	color: #374D65;
	margin-left: 15px;
	font-weight: lighter;
	}
	
	/* navigation */
	#navigation{
	background: transparent url("images/top-nav-bg.png") repeat-x 0 0;
	border: 1px solid #CCC;
	height: 46px;
	margin-bottom:15px;
	}	
	#navigation ul{
	padding: 12px 0 0 0;
	}
	#navigation ul li{
	background: transparent url("images/nav-sep.gif") no-repeat 0 0;
	list-style-type: none;
	float: left;
	margin:0;
	padding: 0 20px;
	}
	#secondary-navigation ul li.last-nav{
	background: none;
	}
/* middle section */

#middle{
	/*background: transparent url("images/mid-globe-bg.gif") no-repeat 0 0; */
	border: 1px solid #CCC;
	margin-bottom:20px;
}
.middle-wrapper{
	background-color: #374D65;
	opacity: .85;
	padding-top: 2px;
}
#mid-col-2,#mid-col-1{
	margin-top: 10px;
}
.mid-service-thumb{
	float: left;
	width: 175px;
	margin: 0 20px;
}
.mid-service-text{
	width: 250px;
	float: left;
}
.mid-service-text p{
	line-height: 1.3em;
	margin-bottom: 5px;
}
.mid-box-image{
	padding: 3px;
	border: 1px solid #FFF;
	background-color:#f2f2f2;
}
.mid-header{
	font-size: 14px;
	color: #FFF;
}
.mid-desc{
	font-size: 12px;
	color: #FFF;
}

#middle .hover{
	color: #517394;
	cursor: pointer;
}
/* work example for services page */
div#work-example {
	background: transparent url("images/service-proj-box.jpg") no-repeat top left;
	width:950px;
	height:160px;
	float:left;
	margin:0 0 10px 20px;
}

div#work-example-wrapper {
	padding:10px;
}

div.left-image {
	float:left;
	width:282px;
	height:205px;
	margin:30px 19px 0 60px
}
div.left-image img{}
div.right-copy {
	float:left;
	width:500px;
	font-size:12px;
	margin:8px 0 0;
	color:#FFF;
}
/* styles for VGC box to go to micro site */
.view-site{background-color:#FFF9C0;padding:15px 5px 5px 5px;text-align: center;margin:0 0 15px 0}
#content .view-site h3{font-size:16px}
#content .right-copy h2{font-size:22px;font-weight:bold;color:#254817;text-shadow: 0px 1px 1px #CCC;}
/* main content */
#content{
	padding-top: 20px;
}
#content h2{
	font-size: 20px;
	color: #374D65;
	margin-bottom: 10px;
}
#content h3{
	font-size: 14px;
	color: #45882C;
	margin-bottom: 10px;
}
/* work */
.main-work-wrap{float:left;width:750px;margin:0 0 0 50px;}
	.project{float:left;clear:both;margin-bottom:50px;}
	.project-image{width:250px;float:left}
	.project-info{width:450px;float:left}
#controls{
	float: left;
	width: 974px;
	margin-top: 10px;
}
#controls li#controls1{margin-left:410px;}
#controls li{
	float: left;
	width: 20px;
	height: 25px;
	margin-left: 10px;
	list-style-type: none;
	background: transparent url("images/pager.gif") no-repeat top left;
	cursor:default;
}
#controls li.current{
	background: transparent url("images/pager_on.gif") no-repeat top left;
}
.cycle li{
	list-style-type:none;	
	width:950px;
	height:250px;
	overflow:hidden; 
	margin-left:0;
}
.work-sample{
float: left;
margin-left:15px;
width:460px;
}
.work-image{
	float: left;
	width: 150px;
	margin-right: 10px;
}
	.port-image{
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #f8f8f8;

}
.work-info{
	float: left;
	width: 190px;
	padding:20px 0 0 0;
}
.service-box{
	font-size: 83%;
}
.service-box-work{
	font-size: 80%;
	margin-left:10px;
}
	.service-item{
		float:left;
		width:160px;
		clear:both;
		margin-bottom: 5px;
		padding-left: 10px;
		background: transparent url("images/bullet.gif") no-repeat 0 4px;
		font-size:12px;}
#content .work-title{
	font-size: 12px;
	margin-bottom: 2px;
}
#content .work-description{
	font-size: 12px;
}
.work-wrap{
	padding: 10px;
	float: left;
	width: 860px;
	overflow: hidden;
}
.work-container{
	width: 4000px;
}
.work-previous{
	padding: 0 0 0 7px;
}
.work-previous,.work-next{
	color:#999999;
	float:left;
	font-family:tahoma;
	font-size:42px;
	padding-top:92px;
	width:40px;
	cursor:pointer;
}
.work-previous:hover,.work-next:hover{color:#666;}
.work-next{
	float: left;
	width: 40px;
}
/* latest news style bottom home page */

a:link.home-news-date,a:visited.home-news-date{
	color: #45882C;
}
a:hover.home-news-date{
	color: #386E24;
}

/* image styles */

.left-align,.right-align{
	border: 1px solid #CCC;
	padding: 4px;
	background-color:#f8f8f8;
}
.left-align{
	margin:10px;
	float: left;
}
.right-align{
	margin:10px;
	float: right;	
}
.left-align:hover{
	border: 1px solid #999;
	padding: 4px;
	background-color:#f2f2f2;
	margin-right: 10px;
}
.partner-box{
	text-align: center;
}
/* gray box */
#right p{
	font-size: 12px;
	padding: 10px;
}
#right ul{
	margin: 10px 0 0 5px;
}
#right ul li,.main-list li,.project-info li{
	margin-bottom: 5px;
	font-size: 12px;
	padding-right: 10px;
	list-style-image:url("images/bullet.gif");
}
div.gray-box{
	margin-bottom:20px;
}
.gray-border{
	border: 1px solid #CCC;
}
#content .gray-box p{
	padding: 10px;
}
#content .gray-box h2{
	font-size: 14px;
}
.header-bg{
	background: transparent url("images/gray-header-bg.png") repeat-x 0 0;
	height: 33px;	
	clear: both;
}
.gray-header-title,.gray-header-title-work{
	padding: 7px 0 0 10px;
/*	float: left; */
}
#content h2.gray-header-title-work{
	font-size: 22px;
	padding: 7px 0 0 0;
}
.gray-header-read-link{
	padding: 5px 0 0 5px;
	float: left;
	display: none;
}
.gray-header-read-link a,.gray-header-read-link a:visited{
	color: #45882C;
	font-size: 12px;
}
.gray-box .main-list{
	margin: 10px 0 0 0;
}
.gray-box .main-list li{
	font-size: 12px;
}
.contact-info{
	font-size: 12px;
	color: #FFF;
	margin-left: 30px;
	line-height: 1.3em;
}
/* contact form */

label{
	font-weight: bold;
	display: block;
	width: 270px;
}
input,textarea{
	width: 175px;
	float: left;
	padding: 8px;
	font-size: 14px;
	border: 2px solid #CCC;
	background-color: #f8f8f8;
	margin-bottom: 15px;
}
input:focus,textarea:focus{
	border: 2px solid #999;
}
textarea{
	width: 250px;
	height: 150px;
}
.submit-btn{
	width: auto;
	padding: 0;
	background: none;
	border: 0;
	margin-top: 50px;
}
input.error,textarea.error,input.error:focus,textarea.error:focus{
	border: 1px solid red;
}
label.error{
	float: left;
	padding:3px 0 0 20px;
	background:#FFF url("images/unchecked.gif") no-repeat 5px 3px;
	height: 15px;
	width: 16px;
	color: #FFF;
}
label.valid{
		background:#FFF url("images/checked.gif") no-repeat 5px 3px;
		height: 15px;
		width: 16px;
}
.contact-info-wrap{
	margin-left: 50px;
	font-size: 14px;
}
.address,.phone,.email{
	padding:10px 10px 10px 30px;
	margin-bottom: 10px;
	background-color: #FFF8DC;
	width: 250px;
}
.address{
	background:#FFFFE0 url("images/house.png") no-repeat 5px 12px;
}
.phone{
	background:#FFFFE0 url("images/phone.png") no-repeat 5px 12px;
}
.email{
	background:#FFFFE0 url("images/email.png") no-repeat 5px 12px;
}
.success,.home-success{
	font-size: 14px;
	text-align: center;
	margin: 90px 0 0 0;
	width: 350px;
	padding: 5px;
	font-weight: bold;
	background-color: #f8f8f8;
}
.home-success{
	margin: 60px 20px 0 20px;
	width: auto;
	padding: 15px;
	background-color: #FFFFE0;
	font-size: 12px;
}
#contact p label{
	font-size: 14px;
}
/* bottom contact - footer */
#contact-us-btm-form{
	padding: 16px 8px 8px 8px;
}
#contact-us-bottom p{
	margin: 0;
	font-size: 12px;
}
/* label */
.btm-form{
	font-size: 11px;
	float: left;
	width: 100px;
	font-weight: bold;
}
.btm-text-box{
	padding: 2px;
	font-size: 11px;
	border: 1px solid #CCC;
	width: 140px;
	float: left;
}
.btm-text-box:focus,.btm-textarea:focus{
	border: 1px solid #CCC;
}
.btm-textarea{
	width: 130px;
	height: 80px;
	border: 1px solid #CCC;
	font-family:"Helvetica Neueve",Helvetica;
	font-size: 11px;
	float: left;

}
/* who we are */
.who-wrapper{
	padding: 0 10px;
	background: transparent url("images/li.gif") no-repeat 0 2px;
	padding-left: 20px;
	margin-left: 10px;

}
	.first-who{
	margin-top: 15px;
	}
.who-head{
	font-size: 14px;
	color: #374D65;
	margin: 0;
}
.who-head a:link,.who-head a:visited{
	color: #374D65;
}
#content .who-title{
	font-size: 12px;
	color: #374D65;
	font-style: italic;
	margin-bottom: 5px;
}
#content .who-info{
	font-size: 12px;
	font-weight: lighter;
}
/* partners */
#partners{
	text-align: center;
}
#partners img{
	margin:10px 75px 10px 0;
}
#partners h2{
	text-align: left;
}
/* technology */
#content .tech-header{
	margin: 5px 0 0 10px;
}
/* what we do services list */
.services-list-wrap{
	margin: 30px 0;
}
.service-list{
	font-size: 12px;
}
.service-list li{
	line-height: 4em;
	padding-left: 45px;
	margin-left: 15px;
	list-style: none;
}
.service-list .services-e-comm{
	background:transparent url("images/services/ecomm.png") no-repeat 0 6px;
}
.service-list .services-cms{
	background:transparent url("images/services/cms.png") no-repeat 0 6px;
}
.service-list .services-vcard{
	background:transparent url("images/services/vcard.png") no-repeat 0 6px;
}
.service-list .services-comm-support{
	background:transparent url("images/services/support.png") no-repeat 0 6px;
}
.service-list .services-analytics{
	background:transparent url("images/services/analytics.png") no-repeat 0 6px;

}
.service-list .services-ms-online{
	background:transparent url("images/services/ms.png") no-repeat 0 6px;

}
.service-list .services-consulting{
	background:transparent url("images/services/consult.png") no-repeat 0 6px;

}
.service-list .services-integration{
	background:transparent url("images/services/integration.png") no-repeat 0 6px;

}
.service-list .services-customized{
	background:transparent url("images/services/custom.png") no-repeat 0 6px;
}
/* secondary page */

#neat-fact{	
	background: transparent url("images/green-mid-bar.png") repeat-x 0 0;
	height: 66px;	
	margin-bottom: 15px;
	border: 1px solid #CCC;
	}
	.fact-holder{
	padding: 20px 0 0 20px;
	font-size: 18px;
	color: #374D65;
	}
	
/* secondary navigation */
.secondary-navigation{
	background: transparent url("images/secondary-menu-bg.png") repeat-x 0 0;
	border: 1px solid #CCC;
	height: 34px;
	margin-bottom:15px;
}	
.secondary-navigation li{
	background: transparent url("images/blue-sep.png") no-repeat 0 0;
	list-style-type: none;
	float: left;
	margin:0;
	font-size: 14px;
	padding:7px 15px 5px 15px;	
}
.secondary-navigation li a:link,.secondary-navigation li a:visited{
	color:#FFF;
}
.secondary-navigation .last-nav{background:none;}
.secondary-link-header{
	font-weight: bold;
}
.active a:link,.active a:visited{
	color: #374D65;
	font-weight: bold;
}
.main-list li{
	font-size: 14px;
	line-height: 2em;
}
.sub-heading{
	cursor: pointer;
	padding: 3px;
	background:#BDE5AE url("images/a-down.png") no-repeat 616px 6px;
}

/* start footer */

	/* start of the stickiness */
	
	html, body, #wrapper {height: 100%;}
	body > #wrapper {height: auto; min-height: 100%;}
	#main {padding-bottom: 140px;}  /* must be same height as the footer */
		#footer {position: relative;
		margin-top: -140px; /* negative value of footer height */
		height: 140px;
		clear:both;} 
	
	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



#footer{
	background: transparent url("images/footer-bg.png") repeat-x 0 0;
	height: 140px;	
	font-size: 12px;
	width: 996px;	
}
.footer-wrap{
	padding: 10px;
}
#footer h2{
	font-size: 14px;
	color: #FFF;
}
#footer ul li{
	list-style-type: none;
	color: #FFF;
}
#footer a:link,#footer a:visited{
	color: #FFF;
}
#footer ul li a:hover{
	color: #CCC;
}
#footer ul li,.contact-info{
	margin-left: 20px;
}
.social-back{
	width:272px;
	height:150px;
	background: transparent url("images/social-bg.png") no-repeat -2px 20px;
}
.social-icons{
	padding: 10px 0 0 10px;
}
	#footer .social-icons a:link,#footer .social-icons a:visited{
		color: #45882C;
	}
	.tweet-logo{float:left;width:130px;padding:15px 0 0 0}
	.tweet-info{float:left;font-size:11px}
		.tweet-info p{margin-bottom: 0px;margin-top:5px}
#btm-shadow{
	background: #FFF url("images/btm-shad.png") repeat-x 0 0;
	width:1015px;
	margin:0 auto;
	padding:0 0 15px 0;
}
/* tabbed styles */
.ui-state-active a{font-weight:bold;color:#6187B1;}
.ui-tabs .ui-tabs-hide {
display:none !important;
}