ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
fieldset{
	border:0;
}
a,a:link,a:visited,a:hover{
	color:#00f;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

.clear{
	clear:both;
}

html{
	height: 100%;
}

body{
	position:relative;
	height: 100%;
	background:#fff;
	font:62.5% 'proxima-nova',sans-serif;
}

#header{
	height: 97px;
	padding: 37px 0px 0px 0px;
}

#logo{
	float: left;
}

#nav{
	position: relative;
	float: left;
	padding: 13px 0px 0px 0px;
}

#nav li{
	z-index: 3000;
	position: relative;
	float: left;
	padding: 0px 0px 0px 45px;
	color: #babcbe;
	text-transform: uppercase;
	font-size: 11px;
}

#nav li a{
	position: relative;
	color: #babcbe;
}

#nav li a:hover, #nav li.active a{
	color: #717073;
	font-weight: 500;
	text-decoration: none;
}

#nav ul ul{
	display: none;
	z-index: 3000;
	position: absolute;
	width: 113px;
	padding: 27px;
	top: 12px;
	left: 33px;
	background: rgba(255,255,255,0.8)
}

#nav ul li:hover ul{
	display: block;
}

#nav ul ul li{
	clear: both;
	text-transform: none;
	padding: 5px 0px;
}

#nav ul ul li a{
	color: #717073;
}

#social{
	width: 18px;
	right: 22px;
	position: absolute;
}

#social img{
	float: left;
	margin: 0px 0px 4px 0px;
}

#home-banner-container{
	position: relative;
}

#homebanner{
	height: 482px;
	overflow: hidden;
}

#portfolionav{
	height: 20px;
	margin: 14px 0px 0px 0px;
}

#homenav a, #portfolionav a{
	display: block;
	width: 9px;
	height: 9px;
	float: left;
	outline: none;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-indent: -99999px;
	margin: 0px 4px 0px 0px;
	background: #babcbe;
}

#homenav a.activeSlide,  #portfolionav a.activeSlide{
	background: #717073;
}

#prev{
	position: absolute;
	width: 50%;
	height: 465px;
	left: 0px;
	z-index: 5000;
	top: 0;
}

#next{
	position: absolute;
	width: 50%;
	height: 465px;
	right: 0px;	
	z-index: 5000;
	top: 0;
}

#content{

}

#leftcolumn{
	width: 260px;
	float: left;
	padding: 0px 40px 0px 0px;
}

.widget{
	margin-bottom: 28px;
}


#content h2, #content h1{
	color: #717073;
	font-size: 18px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}
#content h2 a{
	color: #717073;
}

#content p{
	color: #717073;
	line-height: 170%;
	font-size: 12px;
	padding: 5px 0px;
}

#rightcolumn{
	width: 540px;
	float: left;
}

#featuredimage{
	margin: 0px 0px 35px 0px;
}

/*-------- SERVICES --------------*/

.service-block{
	width: 240px;
	float: left;
	margin: 0px 60px 0px 0px;
	min-height: 384px;
}

.service-block.last{
	margin: 0px 0px 0px 0px;
}

#content .service-block h2{
	font-weight: 500;
	margin: 10px 0px 0px 0px;
}

#content .service-block p{
	color: #717073;
}

/*------- EXPERTISE ------------*/

#banner{
	height: 300px;
	height: 362px;
}

#banner img{
	position: absolute;
	z-index: 500;
}

#banner-text{
	position: absolute;
	z-index: 1000;
	width: 500px;
	padding: 88px 0px 0px 166px;
}

#banner-text p{
	color: #fff;
	font-size: 16px;
	text-shadow: 0px 0px 4px #000;
}

.expertise{
	padding: 0px 0px 40px 0px;
	min-height: 322px;
	
}

.expertise .text{
	width: 260px;
	padding: 0px 40px 0px 0px;
	float: left;
}

#content .expertise .text p{
	color: #717073;
}

.expertise .slideshow{
	width: 540px;
	float: left;
}

/*---------- CONTACT -------------*/

#content.contact h2{
	margin: 0px 0px 10px 0px;
}

#content.contact p{
	padding: 10px 0px;
}

#contact-social{
	padding: 20px 0px 0px 0px;
}

#contact-social li{
	float: left;
	text-align: center;
	color: #717073;
}

#contact-social li img{
	display: block;
	margin: 15px auto;
}

#contact-social li a{
	color: #717073;
	text-decoration: none;
}

#contact-social li.facebook{
	width: 40px;
	margin: 0px 20px 0px 0px;
}

#contact-social li.twitter{
	width: 56px;
	margin: 0px 14px 0px 0px;
}

#contact-social li.linkedin{
	width: 50px;
}

#cform-left{
	width: 300px;
	float: left;
	padding: 20px 0px;
}

#cform-right{
	width: 540px;
	float: left;
	padding: 20px 0px;
}

#cform-right .inputs{
	float: left;
	width: 232px;
	
}

#cform-right input{
	font-family: Tahoma;
	background: #adadad;
	width: 216px;
	height: 25px;
	float: left;
	clear: left;
	font-size: 12px;
	color: #fff;
	border: none;
	padding: 0px 8px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
}

#cform-right textarea{
	font-family: Tahoma;
	background: #adadad;
	width: 286px;
	height: 114px;
	float: right;
	font-size: 12px;
	color: #fff;
	padding: 5px 8px;
	border: none;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}

#cform-right input#submit{
	width: 98px;
	height: 26px;
	color: #fff;
	float: right;
	margin: 17px 0px 0px 0px;
	font-size: 12px;
	background: #adadad;
	-moz-box-shadow: 2px 2px 5px #d6d6d6;
	-webkit-box-shadow: 2px 2px 5px #d6d6d6888;
	box-shadow: 2px 2px 5px #d6d6d6;
	border: 1px solid #c3c4c5;
}

#footer{
	clear: both;
	padding: 50px 0px 0px 0px;
	height: 45px;
}

#footer p{
	color: #babcbe;
	font-size: 11px;
	text-transform: uppercase;
}

#wrapper{
	position: relative;
	width: 846px;
	padding: 0px 77px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(images/wrapperbg.jpg) repeat-y;
	margin:0 auto;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.entry ul {
	margin-left: 0px;
	padding: 0 0 0 20px;
	list-style: disc;
	padding-left: 20px;
	}

.entry li {
	margin: 7px 0 8px 10px;
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.scroll-pane { float:left; width: 840px; height: 465px; padding: 10px 0px; background: #f2f2f2; overflow-x: visible; overflow-y: hidden; }
    .scroll-content {  float: left; }
    .scroll-content img { height: 445px; float: left; margin: 0px 10px; font-size: 3em; text-align: center; }
    * html .scroll-content img { display: inline; } /* IE6 float double margin bug */
    .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px; }
    .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
    .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
    .scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
    .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

h2.servicetitle{
	float: left;
	clear: both;
	margin-top: 40px;
}
.firstcolumn{
	width: 250px;
	float: left;
	padding: 0px 45px 20px 0px;
}
.secondcolumn{
	width: 250px;
	float: left;
	padding: 0px 45px 20px 0px;
}
.thirdcolumn{
	width: 250px;
	float: left;
	padding: 0px 0px 20px 0px;
}
.firstcolumn h2, .secondcolumn h2, .thirdcolumn h2{
	padding: 25px 0px 0px 0px;
}

/* Custom CSS */

#nav li.current-menu-item { font-weight: 600; }

.slider { position: relative; width: 100%; min-height: 493px; }
.small-slider { min-height: 300px; }
#homebanner { height: auto; }
#homenav { position: absolute; bottom: 30px; right: 0; background: none; z-index: 99; }

.caption { padding-top: 5px; }
.caption p { font-weight: 600; font-size: 12px; line-height: 14px; color: #717073; }

.home-cnt p { font-weight: 100; font-size: 29px; color: #babcbe; line-height: 36px; letter-spacing: 1px; }

.slider-wrap { position: relative; width: 100%; }
.slider-wrap #homenav { bottom: 6px; }

.client-cnt { padding: 30px 0; }

.slideshow { position: relative; }

#footer p a { font-weight: 100; color: #717073; }

#content p { font-weight: 300; }
#content p strong,
#content p b { font-weight: 600;  }

::-webkit-input-placeholder { color: #fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); }
::-moz-placeholder { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); } 
:-ms-input-placeholder { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); } 

.wpcf7 br { display:none; }
.wpcf7 .Comments { float:right; }