@charset "utf-8";
/*------------------------	
CVW HTML5 TEMPLATE
Author: Dave @ CVW Creative
-------------------------*/
@font-face {
	font-family: sego;
	src: url('font/segoepr.svg') format('svg'), 
     url('font/segoepr.eot?#iefix') format('embedded-opentype'),
     url('font/segoepr.ttf') format('truetype');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
article, aside, figure, footer, header, hgroup, menu, nav, section { 
	display:block; 
}

hr {
	margin: 50px 0;
	border: 0px;
	border-top: 1px dotted #999;
	clear: both;
}
a {
	text-decoration:none;
}
.clear {
	clear:both;
}
html {
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "proxima-nova",gotham,Helvetica,Arial,sans-serif;
	color:#555;
/*	overflow-x:hidden;	*/
	background:url(images/banner-bg.jpg) repeat-x 0 71px #fff;
	-webkit-text-stroke: 1px transparent;
	text-align: left;
	
}

#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}
.modal_close {
	background: url(/images/modal_close.png) repeat scroll 0 0 transparent;
	display: block;
	height: 21px;
	position: absolute;
	right: 11px;
	top: 12px;
	width: 21px;
	z-index: 99999;
}

/* Modal Form */

#signup form#form-1, #brand form#form-1 {
	width: 250px;
	height: 300px;
	background: url(/images/form-branding-header.jpg) no-repeat 27px 39px #ebebeb;
	border: 1px solid #676767;
	padding: 110px 30px 20px;
}	

#signup form#form-1 .row, #brand form#form-1 .row {
	margin-bottom: 11px;
	display: block;
}

#signup form#form-1 .row input.text, #signup form#form-1 .row textarea.message, #brand form#form-1 .row input.text, #brand form#form-1 .row textarea.message {
	width: 229px;
	height: 16px;
	border: 1px solid #bbbbbb;
	padding: 10px;
	background: #ffffff;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
}

#signup form#form-1 .row textarea.message, #brand form#form-1 .row textarea.message {
	height: 80px;
}

#signup form#form-1 .row.submit, #brand form#form-1 .row.submit {
    background: none !important;
    border: medium none;
    border-radius: 0px;
    color: #FFFFFF;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0px;
    padding: 0px;
	text-align: center;
}

#signup form#form-1 .row.submit input.button.submit, #brand form#form-1 .row.submit input.button.submit {
	width: 79px;
	height: 37px;
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 20px;
	text-align: center;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 17px;
}

p a.quote {
	width: 183px;
	height: 37px;
	float: right;
	text-align: center;
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 17px;
	display: block;
	font-family: 'Oxygen', sans-serif;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px !important;
	border-radius: 20px;
	line-height: 35px;
	font-weight: 400;
}

p.spice {
	font-family: 'Oxygen', sans-serif;
	color: #000000;
	text-transform: uppercase;
	font-size: 26px;
	background: url(/images/spice-arrow.jpg) no-repeat 630px 14px;
    height: 62px;
    letter-spacing: 1px;
    padding: 40px 0 0;
	border-top: 1px solid #b8b8b8;
	margin-top: 100px;
}

p.spice em {
	font-size: 35px;
	font-family: 'sego', sans-serif;
	text-transform: lowercase;
	font-style: normal;
	color: #000000;
	letter-spacing: -1px;
}

p.spice a#spice {
	position: relative !important;
	float: right;
	display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 42px;
    width: 218px;
	top: -8px;
}

.center {
	text-align: center;	
}

li.center {
	text-align: left;	
}

/* Header
-----------------------------------------------------------------------*/
#header-wrap {
	background:#141414;
	min-width: 1150px;
}
header {
	position:relative;
	/*padding:0 80px;*/
	padding: 0px 2px;
	margin:0 auto;
	width:960px;
	height:66px;
	border-top:5px solid #8dc63f;
	background:#141414;
	z-index:99;

}
#logo a {
	position:absolute;
	top:0px;
	left:5px;
	background:url(images/logo.png) no-repeat;
	text-indent:-9999em;
	width:310px;
	height:66px;
	line-height: 38px;
}
#phone {
	position:relative;
	float:right;
	background:url(images/phone.jpg) no-repeat 20px center;
	width:120px;
	height:53px;
	color:#9bde40;
	font-family: "Oxygen", MyriadPro, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align:right;
	padding: 13px 0 0 10px;
	line-height: 38px;
}
/* Nav
-----------------------------------------------------------------------*/
nav{
	position:relative;
	float:right;
	width:640px;
	font-family: "Oxygen", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
nav ul, nav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul:before, nav ul:after {
	content: "";
	display: table;
}
nav ul:after {
	clear: both;
}
nav ul {
	zoom:1;
	margin:20px auto 0 auto;
	position:relative;
	float:right;
	text-transform: uppercase;
}
nav ul li {
	float: left;
	position: relative;
}
nav ul a {
	padding:20px 15px; /*Must be ajusted to suit*/
	color: #fff;
	position:relative;
	font-size:14px;
	transition: all .3s ease-in-out;
}
nav ul .current a {
	color:#b7b7b7;

}
nav ul li:hover > a {
	color:#b7b7b7;

}
nav ul ul {
	margin: 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 39px; /*Must be ajusted to match up with 'nav ul a' padding*/
	z-index: 9999;
	transition: all .2s ease-in-out;
}
nav ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
nav ul ul ul {
	top: 0;
	left: 200px;
	margin: 0 0 0 15px;
	_margin: 0; /*IE6 only*/
}
nav ul ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
}
nav ul ul a {
	padding: 7px 10px;
	width: 210px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	background:#111;
	color:#fff;
	text-transform: uppercase;
	font-size:1.2em;
	border-bottom:1px solid #000;
	border-top:1px solid #222;
}
nav ul .current ul a {
	color:#fff;
}
nav ul .current ul a:hover {
	color:#8dc63f;
}
/* Container
-----------------------------------------------------------------------*/
#container {
	position:relative;
	margin:-55px auto 0 auto;
	padding:20px 80px;
	width:960px;
	background:#fff;
	box-shadow: 0 6px 30px -10px #606060;
	border: 1px solid #c6c6c6;
	z-index:9;
}
#inner-container {
	position:relative;
	margin:60px auto 0 auto;
	padding:80px;
	width:960px;
	background:#fff;
	-moz-box-shadow: 0 6px 30px -10px #606060;
	-webkit-box-shadow: 0 6px 30px -10px #606060;
	box-shadow: 0 6px 30px -10px #606060;
	border: 1px solid #c6c6c6;
	z-index:9;
}
.form-submission-thankyou {
	background-image:url(images/the-fonz.jpg) !important;
	background-repeat:no-repeat !important;
	background-position:right bottom !important;

}

p.fixed-width {
width: 700px;
}

p.fixed-width a {
	text-decoration:underline;
}
/* Slideshow
-----------------------------------------------------------------------*/
#slide-wrap {
	position:relative;
	height:530px;
	z-index:20;
	min-width: 1150px;
}
/* Slider Style */
.pxs_container{
	width:100%;
	height:530px;
	position:relative;
	overflow:hidden;
}
.pxs_bg{

}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:530px;

}
.pxs_bg .pxs_bg1{
	background:url(images/cycle/banner01.jpg) top center repeat-x;
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	background:url(images/cycle/bg3.png) repeat-x;
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	background:url(images/cycle/bg2.png) repeat-x;

	/*left negative 1/2 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:530px;
}
ul.pxs_slider li{
	height:530px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	margin:0px auto;
}
ul.pxs_thumbnails{
	display:none;
}
.pxs_navigation span{
	position:absolute;
	width:35px;
	height:33px;

	top:200px;

	cursor:pointer;
}
.pxs_navigation span:hover{
	opacity:0.8;
}
.pxs_navigation span.pxs_prev{
	background:url(images/prev.png) no-repeat center center;
	margin:0 0 0 -50px;
}
.pxs_navigation span.pxs_next{
	background:url(images/next.png) no-repeat center center;
	margin:0 -50px 0 0;
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(images/loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}
/* The slices in the Slider
-------------------------------*/
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img {
	display:block;
}
/* Caption styles
-------------------------------*/
.nivo-caption {
	display:none;
}
/* hidden Styles
-------------------------------*/
.nivo-controlNav, .nivo-controlNav a, .nivo-controlNav a.active, .nivo-directionNav a, a.nivo-nextNav, a.nivo-prevNav, .nivoSlider a.nivo-imageLink, .nivo-directionNav a, .nivo-prevNav, .nivo-nextNav, .nivo-controlNav a, .nivo-controlNav a.active {
	display:none!important;
}
/* Home Content
-----------------------------------------------------------------------*/

article {
	position: relative;
}
#content-left {
	position:relative;
	width:655px;
	float:left;
	padding:40px 0 20px 0;
}
#content-right {
	position:relative;
	width:270px;
	float:right;
	padding:40px 0 20px 0;
	color:#000;
}
article p {
	margin:15px 0;
	font-size:1.2em;
}
article a {
	color:#3f6111;
}
article a:hover {
	color:#6b9631;
}
article em {
	color:#999;
}
article h2 {
	color:#3f3f3f;
	font-size:2.3em;
	margin:0 0 20px 0;
	text-transform:uppercase;
	font-family: "Istok Web", gotham, Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
}
article h3 {
	color:#3f6111;
	font-size:1.8em;
	margin:0 0 20px 0;
	font-family: sego, Helvetica, Arial, sans-serif;
}
article h4 {
	color:#444;
	font-weight: bold;
	font-size:1.8em;
	padding:0 0 20px 0;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 400;
}
article h5 {
	color:#000;
	font-weight: bold;
	font-size:1.5em;
	padding:0 0 20px 0;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 400;
}
article ul {
	padding:0px 30px;
	font-size:1.3em;
}
article li {
	color:#6b9631;
	list-style:square;
	padding:0 0 5px 0;
}
/* Inner Content
-----------------------------------------------------------------------*/

article.inner h3.inner {
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #3f3f3f;
	margin: 0px 0px 12px 0px;
}

.gallery {
	padding:20px 0 0 0;
}
.gallery a img {
	margin:5px;
	display: inline;
	width:142px;
	height:142px;
	border:1px solid #6b9631;
	transition: all .20s ease-in-out;
	box-shadow: 0px 0px 3px #999;
}
.gallery a:hover img {
	border:1px solid #fff;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}
.leftimage {
	margin:0 30px 20px 0;
	position:relative;
	float:left;
	border:1px solid #6b9631;
	transition: all .20s ease-in-out;
}
.rightimage {
	margin:0 0 30px 20px;
	position:relative;
	float:right;
	border:1px solid #6b9631;
	transition: all .20s ease-in-out;
}
.leftimage:hover, .rightimage:hover {
	border:1px solid #fff;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}
/* Contact Page
-----------------------------------------------------------------------*/
#contact-left {
	position:relative;
	float:left;
	width:500px;
}
#contact-right {
	position:relative;
	float:right;
	width:300px;
}
.details-left {
	position:relative;
	float:left;
	width:200px;
	margin:0 0 50px 0;
}
.details-right {
	position:relative;
	float:left;
	width:200px;
	margin:0 0 50px 0;
}

article ul.marketing {
	width: 50%;
	float: left;
	color: #555555;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

article ul.marketing li {
	color: #555555;
    font-family: proxima-nova;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px 15px;
}

/* Contact Form
-----------------------------------------------------------------------*/
.field {
	border:none;
	padding:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:286px;
	background:#999;
	color:#fff;
	-moz-box-shadow: 1px 1px 2px #101010;
	-webkit-box-shadow: 1px 1px 2px #101010;
	box-shadow: 1px 1px 2px #101010;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
textarea.field {
	height:150px;
}
.submit {
	border:none;
	color:#fff;
	font-weight: bold;
	font-size:1.5em;
	padding:2px 10px;
	font-family: sego, Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	background:#000;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Footer
-----------------------------------------------------------------------*/

footer {
	position:relative;

}
footer #left {
	width:345px;
	float:left;
	position:relative;
}
footer #left nav ul {
	margin:0;
	float:left;
}
footer #left nav ul a {
	padding:0 20px 0 0;
	color: #888;
	font-size:1.1em;
}
footer #left nav ul .current a {
	color:#000;
	background:none;
}
footer #left nav ul li:hover > a {
	color:#000;
	background:none;
}
footer #left nav ul ul {
	display:none;
}
footer #right {
	position:relative;
	float:right;
	width:615px;
	background: url(/images/contact-bg.jpg) no-repeat right bottom;
	height: 270px;
}

div.contact-details {
    color: #FFFFFF !important;
    padding: 175px 0 0px 218px;
}

footer .contact-details p {
    display: inline-block;
    font-size: 13px;
    margin: 0 23px 0 0;
    padding: 0;
    vertical-align: top;
	color: #ffffff;
	line-height: 18px;
}

footer .contact-details p a {
	color: #ffffff;
}


footer #right h4 {
	font-family: sego;
	font-size: 15px;
	color: #ffffff;	
	text-align: left;
	margin-bottom: 16px;
}
.cvw {
	height: 22px;
	float:right;
	position:relative;
}
.cvw a {
	display: block;
	height: 22px;
	text-decoration: none;
	white-space: nowrap;
}
.footlogo {
	transition: all 400ms ease-in-out 0s;
	background: url(/"images/cvw.png") no-repeat;
	display: inline-block;
	height: 24px;
	margin: 0 0 0 4px;
	text-indent: -9999em;
	width: 72px;
	filter: alpha(opacity=40);
	opacity:.4;
}
.cvw a:hover .footlogo {
	background: url(/"images/cvw.png") no-repeat;
	width: 180px;
	height: 37px;
	filter: alpha(opacity=100);
	opacity:1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}
/* V
-----------------------------------------------------------------------*/

body p {
	color: #474747;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 0px 22px;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 300;
}	

body article h2 {
	color: #3f3f3f;
	font-size: 24px;
	letter-spacing: 0.5px;
	margin: 0px 0px 40px 0px;	
}

body article h2.center {
	margin: 0px 0px 20px;
}	

body article h2 strong {
	font-weight: 600;
}

p.button {
/*	border: 1px solid #7f7f7f;
	font-size: 14px;
	background-color: #efefef;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fefefe), color-stop(1, #efefef) );
	background:-moz-linear-gradient( center top, #fefefe 5%, #efefef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef');
	display: inline-block;
	margin: 0px !important;
	*/
}	

p.button a {
	border-radius: 20px 20px 20px 20px;
    font-family: 'Istok Web',sans-serif;
    font-size: 13px;
    height: 11px;
    line-height: 12px;
    padding: 3px 8px;
    text-transform: uppercase;	
    color: #FFFFFF;
	background: #000000;
}

p.button a:hover {
	transition: all .20s ease-in-out;
	background: #303030;
	color: #ffffff;
}


.button a {
/*	color: #000000;
	font-weight: 300;
	display: block;
	padding: 10px 15px;
*/}	

p.button:hover {
/*	background-color: #efefef;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #fefefe) );
	background:-moz-linear-gradient( center top, #efefef 5%, #fefefe 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#fefefe');
*/}

.button a:hover {
	color: #404040;
}


/***** Home Page *****/

article.home {
	margin: 80px 0px 0px 0px;
}	

.home-col {
	width: 298px;
	float: left;
	height: 300px;
	position: relative;
}

.home-col p {
	font-size: 14px;
	line-height: 22px;
}

.home-col#center {
	margin: 0px 33px;
}	


.home-col img {
	margin-bottom: 25px;
	opacity: 0.85;
}

.home-col img:hover {
	transition: all .20s ease-in-out;
	opacity: 1;
}


.home-col h3 {
	color: #3f3f3f;
	font-family: 'Istok Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    margin: 0 0 15px;
	padding: 0px;
	text-transform: uppercase;
}

.home-col h3 a {
	color: #000000;
}

.home-col h3#ecom {
	background-position: left -24px;
}

.home-col h3#om {
	background-position: left -48px;
}

.home-col p.button {
	background: none repeat scroll 0 0 #000000;
    border-radius: 20px 20px 20px 20px;
    bottom: 0;
    padding: 0 10px;
    position: absolute;
}

.home-col .new-btn a {
	background: none repeat scroll 0 0 #000000;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    padding: 6px 10px 4px;
    text-transform: uppercase;
	font-family: 'Istok Web', sans-serif;
}

.home-col .new-btn:hover a, .home-col .new-btn a:hover  {
	transition: all .20s ease-in-out;
	background: #303030;
}

/***** Inner Banners *****/

img.banner {
	margin: 26px auto 46px;
	border: 1px solid #DDDDDD;
	padding: 1px;
}	

/***** Columns *****/

.right-col {
	float: right;
	margin: 0px 0px 40px 50px;
	width: 299px;	
}

.right-col.portfolio-text {
	float: right;
	margin: 0px 0px 40px 40px;
	width: 299px;
}


.right-col img {
	margin: 0px 0px 20px 0px;
}	

img.right {
	float: right;
    position: relative;
    top: -30px;
}	

img.right.report {
	margin-top: 30px;
}	

.right-col h3 {
	color: #3f3f3f;
	font-size: 16px;
	margin: 0px 0px 15px 0px;
	font-family: 'Istok Web',sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

.right-col h4 {
	color: #000000;
	font-size: 15px;
	margin: 50px 0px 0px 0px;
	font-family: sego;
}

.right-col p.sub {
	font-size: 15px;
	color: #000000;
	font-weight: 300;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

/* Grey Boxes */

ul.grey {
	position: relative;
	left: 40px;
	width: 1040px;
	left: -71px;
	margin-top: 46px;
}

ul.grey li {
	float: left;
	width: 230px;
	padding: 48px 30px 40px 45px;
	background: #eaeaea;
	list-style: none !important;
	margin: 0px 31px;
}

ul.grey li h3 {
	color: #5d5d5d;
	font-size: 19px;
	text-shadow: 1px 1px 1px #ffffff;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin: 0px !important;
	position: relative;
	width: 100%;
}

ul.grey li.left {
	margin: 0px 31px 0px 0px;
}

ul.grey li.right {
	margin: 0px 0px 0px 31px;
}


/* Processes Customisation */


ul#processes li {
	height: 500px;	
}

ul#processes li h3 {
	padding: 0px 0px 25px 30px;
	margin: 0px !important;
}	

ul#processes li p {
	font-size: 14px;
	line-height: 22px;	
}

ul#processes li.left {
	background: url(/images/step-1.jpg) #eaeaea no-repeat top left;	
}

ul#processes li.center {
	background: url(/images/step-2.jpg) #eaeaea no-repeat top left;	
}

ul#processes li.right {
	background: url(/images/step-3.jpg) #eaeaea no-repeat top left;	
}


/* Staff */

article ul#staff {
	width: 960px;
	position: relative;
	margin: 0px;
	padding: 0px;
}

ul#staff li {
	width: 240px;
	float: left;
	list-style: none;
	position: relative;
}

ul#staff li img {
	margin: 0px 0px 5px 0px;
}

ul#staff li h3 {
	color: #3f3f3f;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	font-weight: 400;
}

ul#staff li img.you {
	position: relative;
	right: -150px;
	top: -80px;	
}

ul#staff li p {
	margin: 0px 0px 5px 0px;
}

ul#staff li ul.social {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	display: block;
}

ul#staff li li {
	width: 27px;
	list-style: none !important;
	margin: 0px 5px 0px 0px;
}

ul#staff li li a {
	height: 27px;
	width: 27px;
	float: left;
	display: block;
	list-style: none !important;
	
}

ul#staff li li a span {
	display: none;	
}

ul#staff li li.li a {
	width: 26px;
	background: url(/images/icon-linked-in.jpg) no-repeat top left;
}

ul#staff li li.tw {
	width: 27px;
	background: url(/images/icon-twitter.jpg) no-repeat top left;
}


/* Services */

ul.grey#services {
	margin-top: 0px;
}	

ul#services li h3 {
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 20px 0px;	
}

ul#services li {
	margin-bottom: 45px !important;
	height: 310px;
	position: relative;
}

ul#services li p.button {
	position: absolute;
	bottom: 40px;
}


/* Portfolio */

article h3.folio {
	font-family: 'Istok Web', sans-serif;	
	font-size: 18px;
	text-transform: uppercase;
	margin: 25px 0px 10px 0px;
	color: #2f2f2f;
}

ul#portfolio {
	width: 960px;
	margin: 0px;
	padding: 0px;	
}

ul#portfolio li {
	width: 279px;
	margin: 0px 0px 30px 0px;
	list-style: none;
	float: left;
}

ul#portfolio li.center {
	margin: 0px 61px;	
	text-align: left;
}

ul#portfolio li img {
	margin: 0px 0px 10px;
	border: 1px solid #C8C8C8;
    box-shadow: 0 0 5px -3px #222;
	transition: all .20s ease-in-out;
	opacity:.9;
}
ul#portfolio li img:hover {
	border:1px solid #C8C8C8;
	opacity:1;	
}

ul#portfolio.brand li img {
	transition: none;
}

ul#portfolio li h3 {
	color: #000000;
	font-size: 15px;
	margin-bottom: 3px;
	font-weight: 400;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
}

ul#portfolio li p {
	font-size: 14px;
}

img.folio {
	float: left;
	width: 607px;
	height: 562px;
	border: 1px solid #DDDDDD;
	padding: 1px;
}

.folio-img {
	float: left;
	width: 612px;
}

.folio-img img {
	border: 1px solid #d9d9d9;
	box-shadow: 0px 0px 5px #d9d9d9;
	margin-bottom: 6px;
}

/*
ul#portfolio ul.tags li {
	float: left;
	display: inline;
	margin: 0px 5px 5px 0px;
	background-color: #8DC63F;
	border-radius: 10px;
	padding: 3px;
}
*/
/* Contact Page */

.contact-map {
	float: left;
	width: 607px;	
}

ul#contact-icons {
	padding: 0px;	
}

ul#contact-icons li {
	height: 24px;
	margin-bottom: 12px;
	list-style: none;	
	padding: 0px 0px 0px 35px;
	line-height: 20px;
	color: #474747;
}

ul#contact-icons li {
	background: url(/images/contact-icon.jpg) no-repeat top left;
}

ul#contact-icons li#mail {
	background: url(/images/contact-icon.jpg) no-repeat bottom left;	
}

ul#contact-icons li a {
	color: #474747;
	text-decoration: underline;
}

iframe {
	margin-bottom: 30px;
	width: 607px;
	height: 562px;
	border: 0px;
	frameborder: 0px;
	overflow: none;
}

/* Breakout */	

.breakout {
	margin: 55px 0px 20px 0px;
	padding: 40px 45px;
	background: #eaeaea;
	width: 870px;
	position: relative;
	min-height: 120px;
}

.welcome {
	margin: 55px 0px 20px 0px;
	padding: 30px 40px 10px;
	background: #eaeaea;
	min-height: 120px;	
}

.welcome h3 {
	color: #5d5d5d;
	font-size: 17px;
	text-shadow: 1px 1px 1px #ffffff;
	font-family: 'Istok Web', sans-serif;
	margin: 0px 0px 15px 0px !important;
	position: relative;
	width: 100%;
	font-weight: 400;
}

.home-spot {
	width: 100%;
	padding: 20px 0px 110px 0px;
}

.home-spot img.left {
	float: left;
	margin-right: 40px;	
}

.home-spot h3 {
	font-family: 'Istok Web', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 15px;
	padding-top: 35px;
	font-weight: 400;
}

.home-spot span {
	display: block;
	font-size: 11px;
}

.home-spot a.spot-new {
	height: 11px;
	font-size: 15px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 13px 16px;
	float: left;
	margin-right: 17px;
	border-radius: 20px;
	line-height: 12px;
	font-family: 'Istok Web', sans-serif;
}

a.spot-new.black {
	background: #000000;
}	

a.spot-new.black:hover {
	transition: all .20s ease-in-out;
	background: #303030;
}

a.spot-new.green {
	background: #9bde40;	
}

a.spot-new.green:hover {
	background: #75b61d;	
	transition: all .20s ease-in-out;
}

.breakout h3 {
	color: #5d5d5d;
	font-size: 19px;
	text-shadow: 1px 1px 1px #ffffff;
	font-family: 'Istok Web', Helvetica, Arial, sans-serif;
	margin: 0px 0px 20px 0px !important;
	position: relative;
	width: 100%;
	font-weight: 400;
}

article .breakout p {
	font-size: 14px;
	line-height: 22px;
	margin: 0px !important;	
}

.breakout p span {
	font-size: 11px;
	color: #3d3d3d;
}	

.breakout img.right {
	float: right;
	margin: 0px 30px 0px 0px;
	position: relative;
	right: -40px;
	top: -6px;
	border: 1px solid #cccccc;
	padding: 1px;
	background-color: #ffffff;	
}

hr.testimonials {
	border-top: 1px solid #999999;
    clear: both;
	height: 1px;
    margin: 30px 0 35px;	
}

span.source {
	display: block;
	font-size: 12px;
}	


/* Footer
-----------------------------------------------------------------------*/
footer {
	z-index: 10;
}

#footer-container {
	width: 100%;
	border-bottom: 1px solid #bfbfbf;
	height: 270px;
	min-width: 1150px;
}	

#footer-top	{
	height: 270px;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}

footer section#left {
	height: 270px;
}	

.social-icons {
	width: 390px;
	float: left;	
}

form#contact-us {
	width: 525px;	
	float: right;
}

footer h4 {
	color: #000000;
	font-size: 12px;
	font-family: "Oxygen", sans-serif;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 700;
}

ul#touch, ul#social {
	padding: 70px 0px 0px 0px;	
	float: left;
	width: 103px;
}

ul#social {
	margin: 0px 0px 0px 60px;	
	width: 123px;
}

ul#touch li, ul#social li {
	list-style: none;
	font-size: 13px;
	color: #858585;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 300;
}


ul#social li a {
	line-height: 22px;	
}

ul#touch li a {
	display: block;
    margin-bottom: 7px;
}

ul#touch li a, ul#social li a {
	color: #858585;
	text-decoration: underline;
	line-height: 15px;
}

ul#social li#facebook, ul#social li#linkedin, ul#social li#twitter, ul#social li#google {
	background-image: url(/images/footer-social-icons.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	height: 28px;
	margin-bottom: 10px;
}

ul#social li#linkedin {
	background-position: left -36px;	
}

ul#social li#twitter {
	background-position: left -72px;
}

ul#social li#google {
	background-position: left -108px;
}

.contact-details strong {
	color: #a3a3a3; 
}
.contact-details a {
	text-decoration: underline;
}

a.map {
	margin-top: 8px;
	font-size: 12px;
	display: block;
}

/***** Form 

form#contact-form {
	margin-top: 100px;
	width: 480px;
	height: 175px;
	margin: 0 auto;
	padding: 58px 23px 0px;
	background: url(/images/form-bg.jpg) no-repeat top center;
	position: relative;
}

span.left {
	float: left;
	width: 188px;	
}

form#contact-form input, form#contact-form textarea {
	padding: 5px;
	border: 0px;
	font-size: 12px;
	color: #c6c6c6;
	border-radius: 3px;
	background: #414040;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 300;
}

form#contact-form input {
	width: 188px;
	height: 14px;
	margin: 0px 21px 10px 0px;
	float: left;
	display: inline-block;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 12px;

}

form#contact-form textarea {
	min-width: 253px;
	max-width: 253px;
	height: 81px;
		min-height: 81px;
	max-height: 81px;
	float: right;
}

form#contact-form input.send {
	background: #1f1f1f;
	width: 75px;
	height: 34px;
	float: right;
	font-size: 14px;
	color: #8dc63f;
	text-transform: lowercase;
	text-align: right;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	transition: all .3s ease-in-out;
}
form#contact-form input.send:hover {
	color: #ffffff;
}

form#contact-form span.prob {
	bottom: 5px;
	color: #C6C6C6;
	clear: both;
	position: absolute;
	left: 23px;
	height: 25px;
}

form#contact-form span.prob label {
	display: inline-block;
    text-align: left;
    width: 130px;
}

form#contact-form input.prob {
	color: #C6C6C6;
	font-size: 12px;
	float: none;
	width: 54px;
}	

/***** Contact *****/
/*
#contact-form {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	margin: 25px auto 0px;
}

#contact-form p {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;	
	margin-bottom: 8px;
}

#contact-form p a {
	font-weight: 300;
	text-decoration: none;	
	text-transform: uppercase;
	color: #262626;
}

#contact-form p.thanks {
	font-size: 24px;
	font-weight: 300;
	margin: 0px 0px 10px 0px;
}

#contact-form p.thx {
	font-size: 16px;
	margin-bottom: 35px;	
	font-weight: 300;
}

#splash p.error {
	color: #ff0000;
	position: absolute;
	top: 197px;
	font-size: 14px;
	margin: 0px !important;
}

#contact-form p.error {
    color: #FF0000;
    display: block;
    font-size: 15px !important;
    font-weight: normal;
    position: absolute;
    right: 55px;
    top: 65px;
}	
*/


/***** Contact Info *****/

.contact-info {
	width: 100%;	
}

.contact-info-details {
	width: 220px;
	float: left;
	margin-right: 35px;	
}

.contact-info-details h2.coffee {
    background: url(/images/coffee-icon.png) no-repeat scroll left 13px transparent;
    margin: 0 0 10px;
    padding: 20px 0 20px 45px;
	border-bottom: 0 none;
    color: #2C2C2C;
    font-family: 'Istok Web',sans-serif;
    font-size: 15px;
    text-transform: uppercase;
	text-align: left !important;
}

.contact-info-details p.title {
    color: #2C2C2C;
    font-family: 'Istok Web',sans-serif;
    font-size: 12px;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.contact-info-details p.parking {
    background: url(/images/car-icon.png) no-repeat scroll left 18px transparent;
    border-bottom: 1px dotted #757575;
    margin: 0 0 20px;
    padding: 12px 0 20px 29px;
}

/* Map */

.contact-info-map {
	float: left;
	border: 1px solid #BFBFBF;
    margin-top: 24px;
	height: 323px;
    width: 413px;
}

/* Form */

.contact-info-form {
	width: 232px;
	margin-left: 33px;
	float: right;
	margin-top: 24px;
}	

.contact-info-form form input, .contact-info-form form textarea, .contact-info-form form#form-1 input, .contact-info-form form#form-1 textarea {
    background: none repeat scroll 0 0 #DEDEDE;
    border: 1px solid #AFAFAF;
    box-shadow: none;
    color: #000000;
    font-size: 12px;
    height: 17px;
    margin: 0 0 8px;
    padding: 10px 14px;
    width: 202px;
}

form.contact-info-form textarea, .contact-info-form form#form-1 textarea {
    color: #000000;
    height: 160px;
    margin-top: 0;
    max-height: 160px;
    max-width: 202px;
    min-height: 160px;
    min-width: 202px;
    width: 202px;
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
}

form.contact-info-form input.button.submit {
    background: #0F0F0F;
    border: 0 none;
    border-radius: 20px 20px 20px 20px;
    bottom: -18px;
    color: #FFFFFF;
    font-family: 'Istok Web',sans-serif;
    font-size: 18px;
    height: 37px;
    left: 86px;
    line-height: 18px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 81px;
}

.row.submit {
   	background: none !important;
    border: medium none;
    border-radius: 0px !important;
    color: #FFFFFF;
    cursor: pointer;
    font-family: sego,Helvetica,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2px 10px;
}	

/* Footer */

#footer-bottom {
	width: 960px;
	border-top: 7px solid #8DC63F;
	padding: 0px;
	margin: 0 auto;
	min-width: 1150px;
}

ul#cvw {
	margin: 0px;
	padding: 0px;
}	

ul#cvw li {
	list-style: none;
	float: left;
	margin-right: 16px;
}

ul#cvw li a {
	display: inline-block;
}

ul#cvw li a img.hover {
	position: absolute;
	z-index: -1;
}

ul#cvw li a:hover img.hover {
	z-index: 1;
}

ul#cvw li#group {
	width: 103px;
	height: 21px;
	margin-right: 28px;	
}

ul#cvw span {
	text-indent: -9999px;	
}

ul#cvw li#creative {
	width: 87px;
	height: 21px;
}

ul#cvw li#technology {
	width: 94px;
	height: 21px;
}

ul#cvw li#accounting {
	width: 93px;
	height: 21px;
}

p.copy {
	font-size: 12px;
	float: right;	
	padding: 20px 0px;
}

p.client {
	padding: 10px 0px 0px 0px;	
}

p.client a {
	color: #202020;
	font-weight: 400;
}

p.client a:hover {
	color: #808080;
	font-weight: 400;
}


/* Blog Theme Styling
-----------------------------------------------------------------------*/


/* Blog Content */

#blog {
	float: left;
	width: 638px;
}

.post {
	background: #eaeaea;
	padding: 30px 33px;
	margin-bottom: 33px;	
}

.date {
	background: #000000;
	color: #ffffff;
	position: relative;
	top: 0px;
	right: 30px;
	padding: 10px;
	text-align: center;	
}


/* Blog Column */

#blog-col {
	float: left;
	width: 290px;
}


/* Signup forms */

form#subForm {
	width: 513px;
	height: 72px;
	padding: 26px 33px;	
}

form.signup {
	background: url(/images/report-form-bg.jpg) repeat top left;
	box-shadow: inset 0px 0px 4px #969696 ;
}

form.signup p.title {
	font-family: 'Istok Web', sans-serif;
	color: #363436;
	font-size: 16px;
	margin: 0px 0px 15px;
}

form.signup p.title strong {
	font-weight: 600;
}

form.signup p {
	color: #747474;
	font-size: 14px;
}	

form.signup .row {
}

form.signup label {
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 14px;
	color: #474747;
}	

form.signup input.submit {
    background: #000 !important;
    border: medium none;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 15px;
	line-height: 17px;
    font-weight: normal;
    letter-spacing: 0px;
	height: 28px;
    padding: 0px;
	width: 43px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2px;
	margin-right: 0px;
}

form.signup input {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bfbfbf;
    color: #acacac;
    font-family: "Istok Web",gotham,Helvetica,Arial,sans-serif;
    font-size: 13px;
	font-weight: 300;
    height: 17px;
    padding: 8px 8px 6px;
    width: 207px;
	display: block;
	float: left;
	box-shadow: -1px 0px 3px #c5c5c5;
	margin-right: 10px;
}

.contact-info-form form#form-1 .row .button.submit {
	background: #000 !important;
    border: medium none;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
	height: 28px;
    padding: 5px 10px;
	width: 80px;
	text-align: center;
	text-transform: uppercase;
}

span.map-view {
    font-family: "proxima-nova",gotham,Helvetica,Arial,sans-serif;
	font-size: 13px;
	padding: 5px;	
}

::-webkit-input-placeholder { /* WebKit browsers */
	opacity: 1;	
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity: 1;	
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	opacity: 1;	
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	opacity: 1;	
}


p.pdf {
	background: url(/images/pdf-icon.jpg) no-repeat left top;
	padding: 10px 0px 0px 33px;
}	

p.pdf a {
	color: #000000;	
	text-decoration: underline;
}

.arrow {
	position: absolute;
    right: 485px;
    top: 130px;
}

.arrow-web{
	position: absolute;
    right: 485px;
    top: 416px;
}

p.more {
	padding: 0px 0px 70px;	
}

img.report-dl {
	position: relative;
	right: -30px;
	top: 0px;	
}

img.down-arrow {
	position: absolute;
	right: 260px;
    top: 430px;
}

.caps {
	text-transform: uppercase;	
}

/* Website Updates page
-----------------------------------------------------------------------*/

.web-updates {
	padding: 0px 500px 110px 0px;
	background: url(/images/website-updates.jpg) no-repeat right 40px;
}

.web-updates h3, .web-services h3 {
    font-family: "Istok Web",gotham,Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #363436;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0px 0px 20px;
}

.web-maintenance {
	background: url(/images/packages-bg.jpg) no-repeat center 40px;
	height: 350px;
	padding: 0 40px;
	overflow: hidden;
}

.web-maintenance h3.center {
	font-size: 24px;
	font-weight: normal;
	color: #3c3c3c;
	text-transform: uppercase;
    font-family: "Istok Web",gotham,Helvetica,Arial,sans-serif;
}

.web-maintenance .package {
	text-align: center;
	float: left;
	padding: 100px 0px;
}

.web-maintenance .package.middle {
	padding: 100px 170px;
}

.web-maintenance .package h3 {
	font-family: sego;
	color: #3c3c3c;
	font-size: 17px;
	font-weight: normal;
	text-transform: none;
	margin: 0 0 5px;
}

.web-maintenance .package p.green, .web-maintenance .package p.save {
	color: #8dc63f;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 2px;
}

.web-maintenance .package p.save {
	font-size: 17px;
	margin: 0 0 3px; 
	font-weight: normal;
}

.web-services {
	background: url(/images/web-services.jpg) no-repeat top left;
	padding: 0px 0px 30px 550px;
}

.web-services img.left {
	float: left;
	margin: 0px 80px 0px 0px;	
}

.web-services h3 {
	margin: 40px 0 0;
	display: inline-block;
}

.web-services p {
	display: inline-block;
}

ul.services-list {
    margin: 0 !important;
    padding: 0 !important;
	width: 407px;
}

ul.services-list li {
    background: url(/images/bullet.png) no-repeat scroll left top #E7E7E7;
    font-size: 15px;
  /*  height: 25px; */
    line-height: 27px;
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 31px;
    width: 376px;	
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
	color: #707372;
}

ul.services-list li.alt {
	background: url("/images/bullet.png") no-repeat scroll left top #FFFFFF;
    margin: 0 0 1px;
}


/* Video Testimonials
-----------------------------------------------------------------------*/

.video-test img {
	float: left;
	margin: -9px 0 0 -20px;
}	

.video-test p {
	color: #7d7d7d;
	font-style: italic;	
	font-size: 15px;
	line-height: 22px;
}

.video-test p span.source {
	color: 969696;
	font-style: normal !important;	
}

.video-test p.button {
	font-style: normal;
}

/* H2 Headings
-----------------------------------------------------------------------*/
#blog h2.entry-title, #blog h2.heading, .blog h2.heading {
	text-align: left !important;	
}

.slider h2.slideone, .slider h2.slidetwo, .slider h2.slidethree, .slider h2.slidefour {
	text-align: inherit;
}

/***** Home Page Changes -----------------------------------------------------------------------*/

.portfolio-home {
	border-top: 1px solid #D8D8D8;
    left: -80px;
    margin: 40px 0 64px;
    padding: 58px 80px 0;
    position: relative;
    width: 960px;
	height: 484px;
}

.inner .portfolio-home {
	border-top: 0px solid #D8D8D8;
	margin: 0 0 40px;
    padding: 0 80px;
}

img.thanks-arrow {
	margin: 0px 0px 0px 430px;
}	

.portfolio-home p {
	font-size: 16px;
	line-height: 24px;
	margin: 0px 0px 23px;	
}

.portfolio-home .left {
	float: left;
	width: 434px;
}

.portfolio-home .right {
	float: left;
	width: 505px;
	margin-left: 21px;
}

.portfolio-home h3 {
	color: #000000;
	font-size: 24px;
    font-family: 'Istok Web',sans-serif;
	margin: 0px 0px 18px;
	text-transform: uppercase;
	font-weight: normal;
}

.home-testimonials h3 {
	color: #000000;
	font-size: 24px;
    font-family: 'Istok Web',sans-serif;
	margin: 0px 0px 45px;
	text-transform: uppercase;
	font-weight: normal;
}	

.portfolio-home a img {
	display: block;
}	

.portfolio-home .right a img {
	margin-bottom: 3px;	
}

ul.logos {	
	width: 434px;
	margin: 30px 0px 0px;
	padding: 0px;
	height: 276px;
}	

ul.logos li {
	background-image: url(/images/branding-icons.jpg);
	background-repeat: no-repeat;
	background-position: left -117px;
	float: left;
	width: 138px;
	height: 117px;
	list-style: none;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

ul.logos li:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}

ul.logos li#chem:hover {
	background-position: left top;
}
ul.logos li#atc {
	background-position: -138px -117px;	
}
ul.logos li#atc:hover {
	background-position: -138px top;	
}
ul.logos li#bas {
	background-position: -276px -117px;	
}
ul.logos li#bas:hover {
	background-position: -276px top;	
}
ul.logos li#cb {
	background-position: left -351px;	
}
ul.logos li#cb:hover {
	background-position: left -234px;	
}
ul.logos li#ln {
	background-position: -138px -351px;	
}
ul.logos li#ln:hover {
	background-position: -138px -234px;	
}
ul.logos li#ams {
	background-position: -276px -351px;	
}
ul.logos li#ams:hover {
	background-position: -276px -234px;	
}

ul.logos li.center {
	margin: 0px 10px 10px;	
}

ul.logos li:hover {
	background-position: left -117px;
}

.portfolio-home p a.btn {
	text-transform: uppercase;	
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 10px;
	background: #000;
	border-radius: 20px;
	font-style: none !important;
}


/****** Video Testimonials - Home page *******/

.home-testimonials {
	height: 353px;
    left: -14px;
    position: relative;
    width: 988px;
	overflow: hidden;
}

.home-testimonials h3 {
	text-align: center;
	margin: 0px 0px 35px;
}	

.home-testimonials .test {
	float: left;
	width: 467px;
}	

.home-testimonials .test.last {
	margin-left: 52px;
}

.home-testimonials img {
	float: left;
	margin: 0px 5px 0px 0px;
}

.home-testimonials p.quote {
	color: #707372;
    font-size: 15px;
    font-style: italic;
    line-height: 25.5px;
    margin: 10px 0px 5px;
}	

.home-testimonials p.client {
	font-style: none !important;
	font-size: 13px;
	color: #969696;
	margin: 0 0 20px !important;
	padding: 0px !important;
}

.home-testimonials p a.btn {
	text-transform: uppercase;	
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 10px;
	background: #000;
	border-radius: 20px;
	font-style: none !important;
}

/* Signup forms */

form#subForm {
	width: 513px;
	height: 34px;
	padding: 26px 33px;	
}

form.signup {
	background: url(/images/report-form-bg.jpg) repeat top left;
	box-shadow: inset 0px 0px 4px #969696 ;
}

form.signup p.title {
	font-family: 'Istok Web', sans-serif;
	color: #363436;
	font-size: 16px;
	margin: 0px 0px 15px;
}

form.signup p.title strong {
	font-weight: 600;
}

form.signup p {
	color: #747474;
	font-size: 14px;
}	

form.signup .row {
}

form.signup label {
	font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 14px;
	color: #474747;
}	

form.signup input.submit {
    background: #000 !important;
    border: medium none;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 15px;
	line-height: 17px;
    font-weight: normal;
    letter-spacing: 0px;
	height: 28px;
    padding: 0px;
	width: 43px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2px;
	margin-right: 0px;
}

form.signup input {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #bfbfbf;
    color: #acacac;
    font-family: "Istok Web",gotham,Helvetica,Arial,sans-serif;
    font-size: 13px;
	font-weight: 300;
    height: 17px;
    padding: 8px 8px 6px;
    width: 207px;
	display: block;
	float: left;
	box-shadow: -1px 0px 3px #c5c5c5;
	margin-right: 10px;
}

.contact-info-form form#form-1 .row .button.submit {
	background: #000 !important;
    border: medium none;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: "proxima-nova", gotham, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
	height: 28px;
    padding: 5px 10px;
	width: 80px;
	text-align: center;
	text-transform: uppercase;
}

span.map-view {
    font-family: "proxima-nova",gotham,Helvetica,Arial,sans-serif;
	font-size: 13px;
	padding: 5px;	
}

::-webkit-input-placeholder { /* WebKit browsers */
	opacity: 1;	
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity: 1;	
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	opacity: 1;	
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	opacity: 1;	
}

.web-report {
	background: url(/images/web-report-bg-home.jpg) repeat-x top left;
	position: relative;
	left: -80px;
	width: 580px;	
	height: 134px;
	border-bottom: 1px solid #c1c1c1;
	margin: 18px 0px 54px;
	padding: 28px 270px 35px 270px;
}

.web-report p.download {
	font-size: 16px;
	font-family: 'Istok Web', sans-serif;
	color: #363436;
	text-transform: uppercase;
	text-align: center;
	margin: 0px 0px 15px;
}

.web-report p.download strong {
	font-weight: 600;	
}

.web-report p.title, .web-report p.title strong {
	color: #757575 !important;
	text-transform: uppercase;	
}

img.right.report {
	margin-left: 20px;
	margin-top: 0px;
}	

.web-report img.report {
	position: absolute;
	left: 0px;
	top: -44px;
}

p.pdf {
	background: url(/images/pdf-icon.jpg) no-repeat left top;
	padding: 10px 0px 0px 33px;
}	

p.more {
	padding: 0px 0px 100px;	
}

.video {
	margin: 0 auto;
	text-align: center;
}	

.message {
	padding: 0 20px 0px 60px;	
}

.web-report p.download.msg {
	color: #363436 !important;
    font-family: 'Istok Web',sans-serif;
    font-size: 16px;
    margin: 0px 0 15px 60px !important;
    text-align: left !important;
    text-transform: uppercase;
}