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


/* Main Style Definitions */

body  {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

.backgroundHome {
	background-image:url(images/home-bg.gif);
	background-repeat: repeat-x;
}

.backgroundPage {
	background-image:url(images/page-bg.gif);
	background-repeat: repeat-x;
}

body, td, input, select, textarea {
	color:#454545;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

img, form {
	border:0 none;
}

a {
	color:#9dcc4b;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#shell {
	display:block;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:980px;
}

h1 {
	font-size:24px;
	color:#000000;
}

h2 {
	font-size:16px;
	color:#979797;
	font-weight:normal;
}



/* Commonly Used Styles */

.float_left {
	float:left;
}

.float_right {
	float:right;
}



/* Header */

#header {
	float:left;
	width:980px;
	height:79px;
}

#logo {
	float:left;
	margin-top:27px;
	height:25px;
	width:235px;
}

#navbar {
	float:right;
	margin-top:35px;
	height:15px;
	width:625px;
	font-weight:bold;
	font-size:13px;
	text-align:right;
}

#navbar ul {
	margin:0;
	padding:0;
}

#navbar li {
	display:inline;
	padding-left:40px;
	list-style:none outside none;
}
	
#navbar a {
	color:#d2d2d2;
}

#navbar a:hover {
	color:#9dcc4b;
	text-decoration:none;
}

#navbar .active a{
	color:#9dcc4b !important;
	text-decoration:none;
}



/* Home - Headlines */

#headlinebar {
	float:left;
	width:980px;
	height:117px;
}

	#headlinebar .headline {
		height:58px;
		width:560px;
		float:left;
		margin-top:30px;
	}
	
	#headlinebar h1 {
		height:58px;
		width:325px;
		float:left;
		margin-top:30px;
		font-weight:bold;
		font-size:18px;
		color:#d2d2d2;
		padding-left:21px;
		border-left:5px solid #2e2e2e;
		line-height:20px;
	}


/* Home - Body */

#contentarea {
	float:left;
	width:980px;
	margin:0;
	padding:0;
}

#home-left {
	width:325px;
	float:left;
}

#promo {
	float:left;
	width:325px;
	min-height:375px;
	overflow:hidden;
	background-image:url(images/promo-bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin:0;
	padding:0;
}

#nice {
	float:left;
	width:325px;
	height:40px;
	border-top:1px solid #ebebeb;
	margin:0;
	padding:9px 0 7px 0;
}

#home-right {
	width:613px;
	float:left;
	border-left:1px solid #ebebeb;
	padding: 0 0 0 35px;
}

#praise {
	width:613px;
	float:left;
	padding:0 0 20px 0;
	background-image:url(images/praise-bg-gregan.jpg);
	background-repeat:no-repeat;
	background-position: top right;
	border-bottom:1px solid #ebebeb;
}

#blog {
	width:308px;
	float:left;
	padding:20px 0 40px 0;
}

	#blog a {
		color:#979797;
		text-decoration:none;
	}
	
	#blog a:hover {
		color:#979797;
		text-decoration:none;
	}

#tweet {
	width:275px;
	float:right;
	padding:20px 0 40px 25px;
	border-left:1px solid #ebebeb;
}

#twitter_update_list li {
	list-style-type: none;
}

.morebtn { 
	height:24px; 
	width:51px; 
	float:left; 
	}

.morebtn a { 
	height:24px; 
	width:51px; 
	float:left; 
	background-image:url(images/more-btn.png); 
	display: block; 
	text-align: center; 
	text-decoration: none;
	}
	
.morebtn a:hover { 
	height:24px; 
	width:51px; 
	float:left; 
	background-image:url(images/more-btn-on.png); 
	}

.recommbtn { 
	height:24px; 
	width:154px; 
	float:left; 
	}

.recommbtn a { 
	height:24px; 
	width:154px; 
	float:left; 
	background-image:url(images/recomm-btn.png); 
	display: block; 
	text-align: center; 
	text-decoration: none;
	margin:5px 0 0 15px;
	}
	
.recommbtn a:hover { 
	height:24px; 
	width:154px; 
	float:left; 
	background-image:url(images/recomm-btn-on.png); 
	margin:5px 0 0 15px;
	}

.readbtn a { 
	height:24px; 
	width:51px; 
	float:left; 
	background-image:url(images/read-btn.png); 
	display: block; 
	text-align: center; 
	text-decoration: none
	}
	
.readbtn a:hover { 
	height:24px; 
	width:51px; 
	float:left; 
	background-image:url(images/read-btn-on.png); 
	}

.followbtn a { 
	height:24px; 
	width:84px; 
	float:left; 
	background-image:url(images/follow-btn.png); 
	display: block; 
	text-align: center; 
	text-decoration: none
	}
	
.followbtn a:hover { 
	height:24px; 
	width:84px; 
	float:left; 
	background-image:url(images/follow-btn-on.png); 
	}
	


/* Values */


#values-content {
	width:980px;
	background-image:url(images/value-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

.valuebar {
	width:980px;
	height:150px;
	float:left;
	border-bottom:1px solid #ebebeb;
	padding-top:10px;
	background:#FFFFFF;
}

	.valuebar .left {
		width:600px;
		height:150px;
		float:left;
		background-position:left top;
		background-repeat:no-repeat;
		margin-top:12px;
	}
	
		.valuebar .left h2 {
			font-size:18px;
			font-weight:bold;
			margin-top:53px;
		}
	
	.valuebar .right {
		width:380px;
		height:150px;
		float:right;
		background-position:right;
		background-repeat:no-repeat;
		text-align:right;
	}
	
		.valuebar .right h2 {
			float:right;
			width:205px;
			font-size:14px;
			font-weight:bold;
			margin:17px 0 0 0;
			padding:0;
		}
		
		.valuebar .right .name {
			float:right;
			width:205px;
			font-size:14px;
			font-weight:bold;
			color:#979797;
			margin:13px 0 0 0;
		}
		
		.valuebar .right .company {
			font-size:10px;
			font-weight:bold;
			color:#bfbfbf;
		}

/*

#value-content {
	width:980px;
	margin:30px 0 30px 0;
	text-align:justify;
	line-height:18px;
	float:left;
}

	#value-content .left {
		width:363px;
		float:left;
	}
	
	#value-content .center {
		width:212px;
		float:left;
		margin:0 20px 0 20px;
	}
	
	#value-content .right {
		width:363px;
		float:right;
	}

*/


/* Work */

#work-content {
	width:980px;
	background-image:url(images/work-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

	#work-content-nav {
		color:#979797;
		font-size:12px;
		font-weight:bold;
		margin-top:169px;
		margin-bottom:40px;
	}
	
	#work-content-nav a {
		color:#979797;
		text-decoration:none;
	}
	
	#work-content-nav a:hover {
		text-decoration:underline;
	}

.picbar {
	width:980px;
	float:left;
	margin-bottom:25px;
}

.picholder {
	float:left;
	width:172px;
	height:172px;
	margin:0 25px 25px 0;
}
	
.pic a {
	float:left;
	width:172px;
	height:172px;
	border:4px solid #ebebeb;
}

.pic a:hover {
	float:left;
	width:172px;
	height:172px;
	border:4px solid #d1d1d1;
}

.piclastholder {
	float:left;
	width:172px;
	height:172px;
	margin:0 0 25px 0;
}

.piclast a {
	float:left;
	width:172px;
	height:172px;
	border:4px solid #ebebeb;
}

.piclast a:hover {
	border:4px solid #d1d1d1;
}

.pic-sitelink {
	float:left;
	width:170px;
	margin:2px 0 0 0;
}

.pic-sitelink a {
	float:left;
	width:170px;
	padding:5px;
	background:#ebebeb;
	text-align:center;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}

.pic-sitelink a:hover {
	background:#d1d1d1;
	text-decoration:none;
	color:#FFFFFF;
}


/* Services */


#services-content {
	width:980px;
	background-image:url(images/services-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

	#services-content-nav {
		color:#979797;
		font-size:12px;
		font-weight:bold;
		margin-top:169px;
		margin-bottom:40px;
	}
	
	#services-content-nav a {
		color:#979797;
		text-decoration:none;
	}
	
	#services-content-nav a:hover {
		text-decoration:underline;
	}

	#services-content-top {	
		width:980px;
		height:265px;
		float:left;
		border-bottom:1px solid #ebebeb;
	}
	
		#services-content-top h1 {	
			margin:0;
			padding-top:7px;
		}
		
		#services-content-top p {	
			font-size:15px;
			line-height:20px;
			width:270px;
		}
		
		#services-content-top .left {	
			width:480px;
			height:265px;
			float:left;
			border-right:1px solid #ebebeb;
			padding:0 20px 0 0;
			background-image:url(images/services-design-bg.jpg);
			background-position:top right;
			background-repeat:no-repeat;
		}
		
		#services-content-top .right {	
			width:445px;
			height:265px;
			float:right;
			background-image:url(images/services-tech-bg.jpg);
			background-position:top right;
			background-repeat:no-repeat;
		}
	
	#services-content-bottom {
	width:980px;
	height:285px;
	float:left;
	margin-bottom:40px;
	}
	
		#services-content-bottom h1 {	
			text-align:right;
			margin:0;
			padding-top:20px;
		}
		
		#services-content-bottom p {	
			text-align:right;
			margin-left:190px;
			font-size:15px;
			line-height:20px;
			width:270px;
		}
		
		#services-content-bottom .left {
			width:460px;
			height:275px;
			float:left;
			padding-top:10px;
			border-right:1px solid #ebebeb;
			padding-right:40px;
			background-image:url(images/services-marketing-bg.jpg);
			background-position:top left;
			background-repeat:no-repeat;
		}
		
		#services-content-bottom .right {
			width:460px;
			height:275px;
			float:left;
			padding-top:10px;
			background-image:url(images/services-advice-bg.jpg);
			background-position:top left;
			background-repeat:no-repeat;
		}

	#services-content-left {
	float:left;
	width:525px;
	padding:0 165px 15px 0;
	margin-bottom:40px;
	font-size:15px;
	line-height:20px;
	}
	
		#services-content-left h3 {
			float:left;
			color:#000000;
			font-weight:bold;
			font-size:18px;
			border-right:3px solid #ebebeb;
			padding:3px 10px 3px 0;
			margin:5px 15px 5px 0;
		}
	
	#services-content-right {
	float:left;
	width:250px;
	margin-bottom:40px;
	border-left:5px solid #ebebeb;
	padding:0 0 0 30px;
	}
	
		#services-content-right h2 {
			color:#000000;
			font-size:20px;
			margin-top:0;
			margin-bottom:25px;
			font-weight:bold;
		}
		
		#services-content-right h3 {
			float:left;
			background:#000000;
			color:#ffffff;
			font-size:20px;
			font-weight:500;
			padding:3px 10px 3px 10px;
			margin:5px 15px 5px 0;
		}

		#services-content-right p {
			font-style:italic;
			font-size:17px;
			line-height:20px;
			color:#979797;
			margin:0 0 30px 0;
		}
		
		#services-content-right .namebox {
			color:#787878;
			font-size:11px;
			font-weight:bold;
			letter-spacing:1px;
			text-transform:uppercase;
			margin-bottom:6px;
			padding-bottom:6px;
			border-bottom:1px solid #ebebeb;
		}



/* Praise */

#praise-content {
	width:980px;
	background-image:url(images/praise-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

.videobox-row {
	width:980px;
	float:left;
	margin-bottom:35px;
}

.videobox {
	float:left;
	width:300px;
	padding:5px;
	border:1px solid #ebebeb;
	background:#FFFFFF;
}

.video {
	height:243px;
	background:#ebebeb;
}

.video-title {
	width:220px;
	float:left;
	padding:8px;
	margin:6px 0 0 0;
	color:#787878;
	font-weight:bold;
	font-size:14px;
}

.visitbtn a { 
	height:24px; 
	width:51px; 
	float:right; 
	background-image:url(images/visit-btn.png); 
	display: block; 
	text-align: center; 
	text-decoration: none;
	margin:21px 5px 0 0;
}
	
.visitbtn a:hover { 
	height:24px; 
	width:51px; 
	float:right; 
	background-image:url(images/visit-btn-on.png); 
}

.praise-column {
	float:left;
	width:283px;
	margin-bottom:20px;
	min-height:300px;
}

	.praise-column p {
		font-style:italic;
		font-size:17px;
		line-height:20px;
		color:#979797;
		margin:0 0 40px 0;
	}
	
	.praise-column .namebox {
		color:#787878;
		font-size:11px;
		font-weight:bold;
		letter-spacing:1px;
		text-transform:uppercase;
		margin-bottom:13px;
		padding-bottom:6px;
		border-bottom:1px solid #ebebeb;
	}




/* Contact */


#contact-content {
	width:980px;
	background-image:url(images/contact-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

	#contact-content-nav {
		margin-top:158px;
		margin-bottom:40px;
		height:20px;
	}
	
	
	#contact-content-nav img {
		float:left;
		margin-right:25px;
	}

#contact-content-left {
	float:left;
	width:525px;
	padding:0 165px 15px 0;
	margin-bottom:40px;
	font-size:15px;
	line-height:20px;
	min-height:550px;
}

#contact-content-right {
	float:left;
	width:250px;
	margin-bottom:40px;
	border-left:5px solid #ebebeb;
	padding:0 0 0 30px;
}
	
		#contact-content-right h2 {
			color:#000000;
			font-size:20px;
			margin-top:0;
			margin-bottom:25px;
			font-weight:bold;
		}
		
		#contact-content-right h3 {
			float:left;
			background:#000000;
			color:#ffffff;
			font-size:20px;
			font-weight:500;
			padding:3px 10px 3px 10px;
			margin:5px 15px 5px 0;
		}

		#contact-content-right p {
			font-size:16px;
			line-height:20px;
			color:#979797;
			margin:0 0 30px 0;
		}
		
		#contact-content-right .namebox {
			color:#787878;
			font-size:11px;
			font-weight:bold;
			letter-spacing:1px;
			text-transform:uppercase;
			margin-bottom:6px;
			padding-bottom:6px;
			border-bottom:1px solid #ebebeb;
		}


	
/* contact form */

label.signuplabel { 
	color:#3e3e3e;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase; 
	margin-top:15px;
}

input.signuptext {
	width:230px;
	height:20px;
	font-size:14px;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding:3px;
	color:#9c9c9c;
}

textarea.signuptextarea {
	width:400px;
	font-size:14px;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding:3px;
	color:#9c9c9c;
}

input.signupbutton {
	margin-left:0px;
	font-size:15px;
	font-weight:500;
	border: 1px solid #9dcc4b;
	padding:5px;
	margin-top:10px;
	color:#FFFFFF;
	background:#9dcc4b;
	cursor:pointer;
}


/* Team */


#team-content {
	width:980px;
	background-image:url(images/team-header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	float:left;
}

	#team-content-nav {
		margin-top:158px;
		margin-bottom:40px;
		height:20px;
	}
	
	
	#team-content-nav img {
		float:left;
		margin-right:25px;
	}

#team-content-left {
	float:left;
	width:625px;
	padding:0 0 15px 0;
	margin-bottom:40px;
	font-size:15px;
	line-height:20px;
	min-height:550px;
}

#team-content-right {
	float:right;
	width:250px;
	margin-bottom:40px;
	border-left:5px solid #ebebeb;
	padding:0 0 0 30px;
}
	
		#team-content-right h2 {
	color:#000000;
	font-size:20px;
	margin-top:0;
	margin-bottom:15px;
	font-weight:bold;
		}
		
		#team-content-right p {
			font-size:16px;
			line-height:20px;
			color:#979797;
			margin:0 0 30px 0;
		}
		
		#team-content-right ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
			margin:0 0 30px 0;
			font-size:14px;
		}
		
		#team-content-right li {
			border-bottom: 1px solid #ebebeb;
			margin: 0;
			padding: 0;
			display: block;
		}
		
		#team-content-right li a {
			display: block;
			background-color: transparent;
			color: #383d44;
			padding: 5px 0 5px 0;
			text-decoration: none;
			border-bottom: 0;
		}
		
		#team-content-right li a:hover {
			color: #9dcc4b;
			background-color: #f6f6f6;
			text-decoration: none;
		}

.hltbox {
	float:left;
	width:94%;
	border: 2px dashed #CCCCCC;
	background:#F9F9F9;
	padding:10px 15px 10px 15px;
	margin-bottom:25px;
}

.hltbox .right {
	width:493px;
	float:right;
	margin:4px 5px 0 0;
}

		.hltbox .right p {
			padding: 0;
			margin:0 0 15px 0;
			font-size:12px;
			line-height:16px;
		}

		.hltbox .right .item {
			border: 1px solid #E0E0E0;
			background:#E0E0E0;
			margin: 0 0 5px 0;
			padding: 3px 0 3px 5px;
			font-size:12px;
			font-weight:bold;
		}
	
.hltbox h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}
		


/* Body Misc */

.callout-left {
	float:left;
	width:230px;
	border-right:5px solid #ebebeb;
	margin:8px 30px 30px 0;
	padding:0 20px 0 0;
	font-style:italic;
	font-size:15px;
	line-height:20px;
	color:#979797;
}

.callout-right {
	float:right;
	width:230px;
	border-left:5px solid #ebebeb;
	margin:8px 0 30px 25px;
	padding:0 0 0 20px;
	font-style:italic;
	font-size:15px;
	line-height:20px;
	color:#979797;
}

.callout-name {
	border-top:1px solid #ebebeb;
	padding-top:2px;
	margin-top:10px;
	font-style:normal;
	color:#787878;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;

}


/* Footer */	

#footer { 
	float:left;
	width:100%;
	padding-bottom:40px;
	padding-top:25px;
	font-size:12px;
	color:#c6c6c6;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	margin:0;
	background:#f8f8f8;
}

	#footer .content {
		display:block;
		margin:0 auto;
		position:relative;
		width:980px;
	}
	
	#footer .left {
		float:left;
		width:500px;
	}
	
	#footer .right {
		float:right;
		width:200px;
		text-align:right;
	}

	#footer a {
		color:#807f7f;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#c6c6c6;
		text-decoration:none;
	}
	
	#footer img {
		margin-left:3px;
	}