body {
	font-size: 0.75em;
	line-height: 1.667em;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
}

img.left-aligned {
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.email {
	background-image: url(../images/icon-email.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	padding-left: 20px;
}



strong {
	color: #333;
}

a {
	color: #448fbc;
}
a:hover {
	text-decoration: none;
}
a.alt {
	color: #cc3836;
}


p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.center-box {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.topmast-wrapper {
	background-image: url(../images/topmast-bg-tile.jpg);
	background-repeat: repeat-x;
	height: 158px;
}
.topmast-container {
	background-image: url(../images/topmast-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
nav-wrapper {
	background-image: url(../images/nav-wrapper-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

a.logo {
	display: block;
	float: left;
	height: 107px;
	width: 190px;
}
ul.social {
	padding: 0px;
	list-style-type: none;
	float: right;
	margin-top: 44px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul.social li {
	display: inline;
}
ul.social li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	width: 20px;
	float: left;
	margin-right: 5px;
}
ul.social li a.twitter {
	background-image: url(../images/btn-twitter.png);
}
ul.social li a.facebook {
	background-image: url(../images/btn-facebook.png);
}
ul.social li a.linkedin {
	background-image: url(../images/btn-linkedin.png);
}
ul.social li a:hover {
	background-position: left bottom;
}
ul.nav {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	float: right;
	margin-left: 0px;
}
ul.nav li {
	display: inline;
}
ul.nav li a {
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 51px;
}
ul.nav li a.home {
	background-image: url(../images/nav-home.gif);
	width: 68px;
}
ul.nav li a.about {
	background-image: url(../images/nav-about.gif);
	width: 95px;
}
ul.nav li a.we-do {
	background-image: url(../images/nav-what-we-do.gif);
	width: 113px;
}
ul.nav li a.team {
	background-image: url(../images/nav-meet-the-team.gif);
	width: 130px;
}
ul.nav li a.careers {
	background-image: url(../images/nav-careers.gif);
	width: 91px;
}
ul.nav li a.new {
	background-image: url(../images/nav-whats-new.gif);
	width: 110px;
}
ul.nav li a.contact {
	background-image: url(../images/nav-contact.gif);
	width: 110px;
}
ul.nav li a:hover , ul.nav li a.current{
	background-position: left bottom;
}
.banner-wrapper {
	background-image: url(../images/main-banner-bg-tile.jpg);
	background-repeat: repeat-x;
}
.banner-container {
	background-image: url(../images/main-banner-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 300px;
}
.inside-banner-container {
	height: 120px;
	background-repeat: no-repeat;
	background-position: center top;
}
.ban-about {
	background-image: url(../images/inside-banner-1-bg.jpg);
}


ul.banner-photos {
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 390px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
ul.banner-photos li {
	display: block;
	width: 120px;
	margin-right: 10px;
	float: left;
}
.banner-text {
	font-size: 1.167em;
	color: #E4F0F6;
	float: left;
	width: 490px;
	margin-left: 20px;
	margin-top: 65px;
}

.banner-text p {
	padding-bottom: 1em;
}
h3.hd-banner {
	background-image: url(../images/hd-simplifying-hr.png);
	height: 70px;
	width: 300px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
.home-banner-text {
	background-image: url(../images/banner-txt.png);
	margin: 0px;
	padding: 0px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: left top;
}
a.home-banner-link {
	background-image: url(../images/banner-link.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 15px;
	width: 100px;
}
a.home-banner-link:hover {
	background-position: left bottom;
}

.body-wrapper {
	background-color: #FFF;
	background-image: url(../images/body-bg-tile.jpg);
	background-repeat: repeat-x;
	padding-top: 1px;
}
.home-container , .common-container{
	background-image: url(../images/home-content-bg-tile.gif);
	background-repeat: repeat-y;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.home-container .lt-col {
	float: left;
	width: 475px;
}
.home-container .rt-col {
	float: left;
	width: 475px;
	margin-left: 10px;
}
.common-container {
	background-image: url(../images/inside-content-bg-tile.gif);
}
.common-container .lt-col {
	float: left;
	width: 690px;
}
.common-container .rt-col {
	float: left;
	width: 260px;
	margin-left: 10px;
	padding-top: 30px;
	font-size: 0.917em;
}
.common-container .rt-col .pad {
	padding: 15px;
}
.common-container .rt-col p {
	padding-bottom: .5em;
}
.common-container .lt-col a{
	color: #CC3836;
}
.common-container .t-col a:hover {
}
.lt-col ul , .rt-col .pad ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 2em;
	padding-bottom: 1.5em;
	padding-left: 2em;
}
.lt-col ul li , .rt-col .pad ul ul li{
	background-image: url(../images/bullet.gif);
	background-position: left 18px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.rt-col .pad ul {
	padding-right: 0px;
	padding-left: 0px;
}
.rt-col .pad ul ul li{
	background-image: none;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.lt-col h3 , .rt-col h3{
	font-size: 1.333em;
	color: #333;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: .833em;
	padding-left: 0px;
}
.rt-col h3 {
	background-image: url(../images/hd-bg-tile.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
}

.lt-col hr {
	color: transparent;
	background-color: transparent;
	height: 1.5em;
	border-top-width: 1;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dashed;
	border-top-color: #CCC;
}
img.side-photo   {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #F9F9F9;
}
.border {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFF;
}





.alt-container {
	background-color: #e6e6e6;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.title-container {
	background-image: url(../images/hd-bg-tile.gif);
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.title-container h3 , .title-container h2{
	font-size: 1.667em;
	line-height: 1em;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.title-container h2 {
	font-size: 2.333em;
	color: #0E5E8F;
}

.title-container h4 {
	font-size: 1.167em;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1em;
}
h3.icon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
h3.envelope {
	background-image: url(../images/hd-icon-envelope.gif);
}
h3.twitter {
	background-image: url(../images/hd-icon-twitter.gif);
}

.title-container-alt {
	background-image: url(../images/hd-alt-bg-tile.gif);
}

.pad {
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#twitter_update_list {
	list-style-type: none;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#twitter_update_list li {
	display: block;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	padding-top: 10px;
}
#twitter_update_list span {
	display: block;
}
form.signup {
	padding-bottom: 20px;
}

form.signup label {
	float: left;
	width: 202px;
}
form.signup label.alt {
	margin-left: 5px;
}
form.signup label input {
	border: 1px solid #c4d8e4;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
form.signup  input.btn-send{
	background-image: url(../images/btn-send.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 50px;
	margin-top: 10px;
}
form.signup input.btn-send:hover {
	background-position: left bottom;
}

.foot-wrapper {
	background-image: url(../images/foot-bg-tile.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #999999;
	font-size: 0.917em;
}
.foot-wrapper h3 {
	font-size: 1.167em;
	color: #e6e6e6;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
.foot-wrapper p {
	padding-bottom: 1em;
}
.foot-wrapper a {
	color: #cae1ee;
	text-decoration: none;
}
.foot-wrapper a:hover {
	color: #FFF;
}

.link-wrapper {
	background-image: url(../images/foot-links-bg-tile.gif);
	background-position: left bottom;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	background-repeat: repeat-x;
}
ul.links {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
ul.links li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #686868;
	margin-right: 10px;
	padding-right: 10px;
}
ul.links li.last {
	margin-right: 0px;
	padding-right: 0px;
	border-right-style: none;
}

.col-container {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 100px;
}
.col-container .col {
	float: left;
	width: 270px;
}
.foot-wrapper form.signup input {
	background-color: #515151;
	border-top-color: #515151;
	border-right-color: #515151;
	border-bottom-color: #515151;
	border-left-color: #515151;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #999;
}
.foot-wrapper ul.social {
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	width: auto;
}
.foot-wrapper ul.social li {
	display: block;
}
.foot-wrapper ul.social li a.twitter, .foot-wrapper ul.social li a.facebook, .foot-wrapper ul.social li a.linkedin {
	width: 240px;
	padding-left: 30px;
	margin-bottom: 10px;
	padding-right: 0px;
	margin-right: 0px;
}
.foot-wrapper form.signup input.btn-send {
	padding-top: 0px;
	padding-bottom: 0px;
}
form.general {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5em;
	padding-left: 0px;
}
form.general .row {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
form.general .field-col {
	float: left;
	width: 500px;
}


form.general label{
	float: left;
	width: 125px;
	padding-top: 5px;
	padding-bottom: 5px;
}
form.general input , form.general textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	padding: 5px;
	width: 498px;
	border: 1px solid #CCC;
}

form.general  input.btn-send{
	background-image: url(../images/btn-send.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 50px;
	margin-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
form.general input.btn-send:hover {
	background-position: left bottom;
}
.alert {
	font-weight: bold;
	color: #F00;
}
.message {
	font-size: smaller;
	padding-top: 5px;
}
ul.side-nav {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
}
ul.side-nav a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(../images/hd-bg-tile.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul.side-nav a:hover , ul.side-nav a.current{
	text-decoration: none;
	background-color: #F7F7F7;
}
#containerID P {  /* sprocket cms fix */
    margin: 0;
}