/* --- General Formatting --- */
* {
	margin: 0;
	padding: 0;
}
#background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -5;
	/*background-image: url(/site_images/image_new_1.jpg);*/
}
body {
	font: normal 14px/1.4em arial,helvetica,sans-serif;
	background: #10141f;
}
p, address, ul, ol, li, dt, dd, td, th, span, blockquote {
	color: #fff;
}
th, b, strong {
	font-weight: bold;
}
i, em, cite {
	font-style: italic;
}
sup, sub {
	font-size: 75%;
}


/* Links */
a {
	text-decoration: none;
	color: #71879f;
	outline: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Paragraphs */
p {
	margin: 0 0 16px;
}
blockquote {
	margin: 0 20px;
	padding: 0;
	font-style: italic;
	text-align: justify;
	font-size:16px;
	line-height:20px;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}

/* Images */
a img {
	border-style: none;
}
.image-wrap {
	width: 300px;
}

img.left, .image-wrap.left {
	float: left;
	margin: 0 10px 10px 0;
}
img.right, .image-wrap.right {
	float: right;
	margin: 0 0 10px 10px;
}
.border1 {
	border: 2px solid #5f5f5f;
}
.border2 {
	border: 5px solid #666666;
}
/* Lists */
ul, ol {
	margin: 0 0 10px 30px;
}
li {
	margin: 5px 0;
}
p + ul {
	margin-top: -11px;
}

/* Floating */
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* Headings */
h1, h2, h3, h4, h5 {
	color: #fff;
	font-family: Arial, sans-serif;
	line-height: 1.15em;
	padding: 0 0 .5em 0;
}
h1, h2 {
	clear: both;
	font-size: 53px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #71879f;
	font-family: "ArthouseDin";
}
#section-index h1 {
	display: none;
}
h2 {
	clear: none;
}
h3, .item-title {
	font-size: 24px;
	padding: 0 0 5px 0;
	font-family: Rockwell, Times, serif;
	font-weight: normal;
}
.item-title, .item-title a {
	margin: 0;
	color: #fff;
}
h4 {
	font-size: 16px;
	margin: 0 0 5px;
	padding: 0;
}
h5 {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* Layout */
#wrapper {
	position: relative;
	z-index: 2;
	background: url(/site_images/bg_transparent.png) left top repeat-x;
}
#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	z-index: 2;
}
#masthead {
	height: 87px;
}
#logo {
	float: left;
	margin: 0;
}
#primary-menu {
	float: right;
	margin: 5px 0 0 0;
	font-size: 12px;
}
#primary-menu li {
	float: left;
	margin: 0;
	list-style: none;
}
#primary-menu a {
	display: block;
	outline: none;
	padding: 6px 8px;
}
#primary-menu a:hover, #primary-menu a.active {
	text-decoration: none;
	color: #fff;
}
#primary-menu li a {
	text-indent: -999em;
	background: url(/site_images/bg_nav.png) left top no-repeat;
	padding: 0;
	height: 32px;
}
#primary-menu li.home a {
	width: 40px;
	background-position: 0 0;
}
#primary-menu li.about a {
	width: 56px;
	background-position: -39px 0;
}
#primary-menu li.about a.active, #primary-menu li.about a:hover {
	background-position: -39px -33px;
}
#primary-menu li.services a {
	width: 121px;
	background-position: -94px 0;
}
#primary-menu li.services a.active, #primary-menu li.services a:hover {
	background-position: -94px -33px;
}
#primary-menu li.samples a {
	width: 68px;
	background-position: -214px 0;
}
#primary-menu li.samples a.active, #primary-menu li.samples a:hover {
	background-position: -214px -33px;
}
#primary-menu li.partners a {
	width: 76px;
	background-position: -281px 0;
}
#primary-menu li.partners a.active, #primary-menu li.partners a:hover {
	background-position: -281px -33px;
}
#primary-menu li.news a {
	width: 51px;
	background-position: -357px 0;
}
#primary-menu li.news a.active, #primary-menu li.news a:hover {
	background-position: -357px -33px;
}
#primary-menu li.proof a {
	width: 52px;
	background-position: -407px 0;
}
#primary-menu li.proof a.active, #primary-menu li.proof a:hover {
	background-position: -407px -33px;
}
#primary-menu li.contact a, #primary-menu li.contact a.active, #primary-menu li.contact a:hover {
	text-decoration: none;
	color: #fff;
	width: 69px;
	background: transparent url(/site_images/bg_nav.png) -459px 0;
}
#secondary-menu {
	margin: 0 0 20px 0;
	padding: 0;
}
#secondary-menu li {
	display: inline;
	margin: 0 10px;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
}
#secondary-menu li.first {
	margin: 0 10px 0 0;
}
#secondary-menu li.last {
	margin: 0 0 0 10px;
}
#secondary-menu a {
	color: #7B6532;
}
#secondary-menu a:hover, #secondary-menu a.active {
	color: #602a7a;
	text-decoration: underline;
}
#content {
	clear: both;
	margin: 20px 0 0 0;
	padding: 25px 15px;
	background: url(/site_images/bg_transparent.png) left top repeat;
}
.columns {
	clear: both;
}
.columns:after {/* Clear after floats */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column {
	float: left;
}
.one .column.first {
	width: 100%;
}
.two-a .column.first {
	width: 625px;
	margin: 0 15px 0 0;
	font-size: 13px;
	line-height: 1.6em;
}
.two-a .column.second {
	width: 275px;
	margin: 0 0 0 15px;
}
.three .column {
	width: 31%;
	padding: 0 1%;
}
/* Modules */
.module {
	margin: 0 0 25px 0;
}

/* Pages */
#section-index #content {
	padding: 25px 0;
	background: none;
}
#hero {
	position: relative;
	width: 100%;
	height: 300px;
	background: url(/site_images/bg_transparent.png) left top repeat;
}
#hero .lead {
	position: absolute;
	top: 15px;
	left: 30px;
	width: 400px;
}
#hero .see {
	position: absolute;
	top: 215px;
	left: 30px;
	width: 400px;
}
#hero .lead {
	width: 382px;
	height: 162px;
	background: url(/site_images/graphic_hero_lead.png) left top no-repeat;
	text-indent: -9999em;
}
#hero .see {
	width: 382px;
	height: 65px;
	background: url(/site_images/graphic_hero_see.png) left top no-repeat;
	text-indent: -9999em;
}
#hero .video {
	position: absolute;
	top: 15px;
	right: 30px;
}
.home-box {
	position: relative;
	clear: right;
	float: left;
	width: 46%;
	height: 130px;
	margin: 40px 0 0 0;
	padding: 1%;
	background: url(/site_images/bg_transparent.png) left top repeat;
}
.home-box h2 {
	float: left;
	margin: 60px 0 0 0;
}
.home-box h2 span {
	font-size: 15px;
	line-height: 10px;
}
.home-box a:hover { text-decoration:none; }
.home-box.one {
	margin-right: 2%;
}
.home-box.one img {
	position: absolute;
	top: -3px;
	left: 55%;
}
.home-box.two {
	margin-left: 2%;
}
.home-box .item {
	margin: 0 0 0 170px;
}
.home-box .item h3 {
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.home-box .item h3 a {
	color: #fff;
}
.home-box p {
	color: #898686;
}
#people {
	margin: 25px 0 0 0;
}
.person {
	float: left;
	width: 48%;
}
.person.leftItem {
	margin: 0 2% 0 0;
}
.person h3 {
	padding: 110px 0 0 0;
}
.person .bio {
	clear: both;
}
.service {
	clear: both;
}
.testimonial {
	clear: both;
	margin: 0 0 35px 0;
}
#samples .video {
	float: right;
	width: 441px;
	margin: 0 28px 0 0;
}
#samples .thumbnail {
	float: left;
	width: 210px;
	margin: 20px 20px 0 0;
}
#samples .thumbnail.top-row {
	margin: 0 20px 0 0;
}
#samples .thumbnail a:hover {
	text-decoration: none;
}
#samples .thumbnail img {
	border: 5px solid #666666;
}
#samples .thumbnail a:hover img, #samples .thumbnail.active img {
	border: 5px solid #71879f;
}
#samples .title {
	font-size: 14px;
	font-weight: bold;
	color: #999;
	display: block;
}
#samples .thumbnail.active .title {
	color: #fff;
}
#samples .video .title {
	color: #fff;
	margin: 4px 0 0 0;
}
#samples .pagecontent {
	height: 87px;
}
/* Misc */
#client-links {
	position: absolute;
	top: 0;
	right: 0;
}
#client-links li {
	list-style: none;
	margin: 0;
}
#client-links a {
	color: #fff;
	display: block;
	background: #5d1720;
	padding: 5px 10px;
}
#client-links li.login a {
	text-indent: -999em;
	width: 96px;
	height: 32px;
	background: transparent url(/site_images/graphic_login.png) left top no-repeat;
	padding: 0;
}
.job-title, .mini-tag, .date {
	font-size: 12px;
	color: #71879f;
}
cite {
	display: block;
	margin: 10px 0 0 5%;
	font-size:13px;
}
.author {
	font-weight: bold;
}
.location {
	font-style: italic;
}
.caption {
	font-size: 12px;
	color: #999;
}
/* Comments */
.comment {
	width: 575px;
	padding: 15px 15px 0 15px;
	margin: 0 0 8px 0;
	background: #ccc;
}
h4.num-comments {
	color: #907856;
	clear: both;
}
.comment p {
	color: #555;
}
.commenter a, .commenter {
	font-size: 16px;
	color: #3a521a;
}

/* Footer */
#footer {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 11px;
}
#footer p.copy {
	float: left;
	width: 500px;
}
body #footer .cd {
	color: #bfbfbf;
}
body #footer a .c-link {
	color: #9a9a9a;
}
body #footer a .d-link {
	color: #34b9df;
}
/* Forms */
.form-line {
	margin: 9px 0;
	clear: both;
}
input, textarea {
	padding: 6px;
	color: #555;
	border: 1px solid #333;
}
input.text {
	height: 12px;
	background: url(/site_images/bg_input.jpg) left top no-repeat;
}
textarea {
	background: url(/site_images/bg_textarea.jpg) left top no-repeat;
}
label {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	color: #fff;
}
#customform-contact .form-line {
	margin: 0 0 15px 0;
}
#customform-contact label {
	width: 170px;
}
#customform-contact label.checkbox {
	width: auto;
	display: inline;
	float: none;
}
#customform-contact textarea {
	height: 115px;
}
#customform-contact input, #customform-contact textarea {
	width: 297px;
}
#customform-contact input.radio, #customform-contact input.checkbox {
	width: auto;
	border: none;
	background: transparent;
}
#customform-contact #Label7 {
	margin: 0 5px 0 0;
}
#customform-contact #submit {
	width: auto;
	margin: 0 0 0 175px;
}
.button {
	background: #58748f url(/site_images/bg_button.gif) left top repeat-x;
	color: #10121c;
	border: 1px solid #36414b;
	padding: 5px 50px;
	cursor: pointer;
	font: normal 24px/1em "Century Gothic", arial, sans-serif;
}
#customform-subscribe label {
	float: right;
	width: 60px;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	color: #999;
}
#section-index #customform-subscribe label {
	width: 75px;
}
#section-index #customform-subscribe input.text {
	width: 220px;
}
#comment-form {
	margin: 20px 0 0 0;
}
#comment-form fieldset {
	border: none;
}
#comment-form legend {
	font: bold 22px/1.2em "Arial Narrow", sans-serif;
	margin: 0 0 12px;
	color: #907856;
}
#comment-form label {
	float: right;
	width: 650px;
	font-size: 11px;
	font-family: "Lucida Grande", sans-serif;
	color: #999;
}
#comment-form .email label {
	margin: 0 5px 0 0;
	line-height: 1.25em;
}
#comment-form input.text, #comment-form textarea {
	width: 250px;
}
#comment-form .hint {
	display: block;
	width: 250px;
	text-align: right;
}
#comment-form .button {
	padding: 5px 26px;
}
.required {
	margin: 0 0 0 10px;
	color: #6b2102;
}
.hint {
	font-size: 11px;
	color: #999;
	font-family: "Lucida Grande", sans-serif;
}
label .required {
	margin: 0;
}
.error-line {
}
.error {
	padding: 0 0 0 10px;
	color: #ccc;
}