/*PAGE ELEMENTS*/
body {color:#222;height:100%;background: url('../images/static-bg2.png') repeat 0 0;}
.h1{color:#222;font-size:64px;text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;line-height:50px;text-align:center;margin:10px 0 0 0px;}
.h2{color:#0066cc;font-size:36px;text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;}
.h3{font-size:24px;margin-top:20px;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;text-transform:uppercase;}
.h3case{font-size:24px;margin-top:15px;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;text-transform:uppercase;}
.h3slider{font-size:24px;margin-top:15px;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;text-transform:uppercase;}
.h4{font-family:'ArvoRegular', Arial, sans-serif;color:#0066cc;font-size:16px;margin:20px 0 0 10px;text-shadow:1px 1px 1px #fff;}
.h4services{font-family:'ArvoRegular', Arial, sans-serif;color:#0066cc;font-size:16px;margin:20px 0 0 0;text-shadow:1px 1px 1px #fff;}
.h4p{font-family:'BebasNeueRegular', Arial, sans-serif; letter-spacing: 0; color:#0066cc;font-size:18px;}
.h5{font-family:'ArvoRegular', Arial, sans-serif;color:#000;font-size:16px;margin:20px 0 0 10px;text-shadow:1px 1px 1px #fff;}
span.blue {color:#0066cc;}
span.times {font-family:times new roman,georgia,serif;font-size:34px;text-transform:none;font-style:italic;}
a.work {color:#ccc;text-decoration:none;}
a.work:hover{color:#0066cc;}
#tagline {font-family:'ArvoRegular', Arial, sans-serif;color:#000;font-size:16px;margin:0 0 25px 0;padding:10px 0 0;text-shadow:1px 1px 1px #fff;text-align:center;}

/*HOME*/
#top {background:#f6f6f6 url('../images/cross.png') repeat;height:430px;width:100%;position:absolute;z-index:-1;border-bottom:1px solid #ccc;}
#home-content {width:880px;margin:0 auto;background:#fff; border:1px solid #ccc;padding:10px;box-shadow:0 0 4px #aaa;-moz-box-shadow:0 0 4px #aaa;}
#subcontent-wrapper {width:900px;margin:45px auto 0;}
.subcontent {background:#fff; border:1px solid #ccc;padding:10px 10px 7px;box-shadow:0 0 4px #aaa;-moz-box-shadow:0 0 4px #aaa;width:250px;float:left;margin:0 14px;font-size:12px;font-family:Helvetica Neue, Helvetica, Serif;line-height:15px;color:#666;}
.subcontent a{color:#0066cc;float:right;}
.subcontent:hover{background:#efefef;}
.sub-bottom {height:25px;width:270px;float:left;margin:0 15px;background: url("../images/sub-bottom.png"); no-repeat;}
.banner-bg {background: url('images/rotating/outro_banner.png') 0 0;width:880px;height:305px;}

/*CONTENT*/
#content p{font-size:14px;line-height:17px;font-family: Helvetica Neue, helvetica, arial, sans-serif;color:#555;}
p.spacer {height:20px;}

/*SIDEBAR*/
#sidebar p{font-size:12px;line-height:16px;font-family: Helvetica Neue, helvetica, arial, sans-serif;margin:2px 10px 25px;text-align:left;text-shadow:1px 1px 1px #fff;}
#sidebar a{color:#0066cc;text-transform:uppercase:font-size:12px;text-shadow:1px 1px 1px #fff;}
a.small{font-family:'ArvoRegular', Arial, sans-serif;font-size:11px;text-transform:uppercase;text-decoration:none;line-height:25px;color:#0066cc;}
span.quote{background: url("../images/arrow.png") no-repeat  right 5px transparent;/*padding-right:78px;*/padding-right:74px;}
span.about{background: url("../images/arrow.png") no-repeat  right 5px transparent;padding-right:91px;}
span.clients{background: url("../images/arrow.png") no-repeat  right 5px transparent;padding-right:114px;}
span.chat{background: url("../images/arrow.png") no-repeat  right 5px transparent;padding-right:124px;}
a {color:#0066cc;}

/*PAGE BLOCKS*/

#tag {font-size:21px;font-family: "helvetica neue", helvetica, arial, sans-serif;text-shadow:0 1px 0 #fff;color:#000;margin: 30px auto;color:#000;text-align:center;}
#page-wrapper {border-top:15px solid #0066cc;width:100%;margin:0 auto;}
#page {width:900px;margin:0 auto;}
#header-wrapper {}
#header {margin:10px 0;}
#nav-wrapper {float:right;}
#logo-wrapper {float:left;margin:-33px 0 0;}
#social-wrapper {float:right;margin:0 0 10px;}
#content-wrapper {width:900px;margin:0 auto;}
#main-content {float:left;width:650px;}
#main-bottom {width:900px;height:25px;float:left;background: url("../images/main-shadow.png") no-repeat  0 0 transparent;}
#content {width:605px;float:left;background:#fff; padding:20px;box-shadow:0 0 4px #aaa;-moz-box-shadow:0 0 4px #aaa;}
#content-bottom {width:605px;height:25px;float:left;padding:20px;background: url("../images/shadow.png") no-repeat  0 0 transparent;}
#sidebar {width:250px;float:right;}
#footer-wrapper {clear:both;width:900px;margin:0 auto;}
#footer {margin:15px 0;font-family:"helvetica neue", helvetica, arial, sans-serif;text-shadow:0 1px 0 #fff;color:#888;font-size:13px;line-height:16px;}
#home-footer-wrapper {clear:both;width:900px;margin:0 auto;}
#home-footer {margin:15px 0;font-family:"helvetica neue", helvetica, arial, sans-serif;text-shadow:0 1px 0 #fff;color:#888;font-size:13px;line-height:16px;text-align:center;}
#bottom-wrapper {position: fixed;bottom: 0;width: 100%;height: 40px;background-color: #333;border-top:#0066cc 3px solid;margin:0 auto;}
#bottom {width:900px;margin:0 auto;color:#fff;padding:13px 0 0;font-family:'ArvoRegular', Arial, sans-serif;font-size:18px;}
span.gray {color:#ccc;}
.services {width:195px;float:left;}
.middle-services{width:185px;margin:0 15px;float:left;}
.slide {height:305px;width:544px;}

.clearfix {clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;}

/*MENUS*/
ul.primary-links {list-style:none;}
ul.primary-links li{text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;float:left;}
ul.primary-links li a{color:#111;text-decoration:none;font-size:18px;margin:0 0 0 40px;text-shadow:1px 1px 1px #fff;    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;   }
ul.primary-links li a:hover{color:#0066cc;}

ul.secondary-links {list-style:none;}
ul.secondary-links li{background: url("../images/stripe-bg.png");padding:10px 10px 7px;margin:0 10px 5px;}
ul.secondary-links li a{color:#0066cc;text-decoration:none;font-size:24px;text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;}


ul.casestudies-links {list-style:none;}
ul.casestudies-links li{background: url("../images/stripe-bg.png");text-align:right;padding:10px 10px 7px;margin:0 0px 0 528px;}
ul.casestudies-links li a{color:#0066cc;text-decoration:none;font-size:16px;text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;}

ul.casestudies-links2 {list-style:none;}
ul.casestudies-links2 li{background:  /*url("../images/stripe-bg.png");*/ text-align:right;padding:10px 10px 7px;margin:0 0px 0 528px;}
ul.casestudies-links2 li a{color:#0066cc;text-decoration:none;font-size:16px;text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;}

/*CONTACT FORM*/
div#contact-wrapper {
	/*clear: both;
	border-top: 1px solid #ebebeb;
	background: url(../img/contact_bg.png) repeat top left;*/
}
	div#contact {
		/*width: 1000px;
		min-height: 600px;
		margin: 40px auto 0 auto;
		background: url(../img/contact_breaker.png) repeat-x 0 52px;*/
	}
		div#contact h2 { background: url(../img/contact_icon.png) no-repeat top left; }
		div#contact form {
			/*margin: 45px 0 0 0;*/
		}
		div#contact form input,
		div#contact form textarea {
			border: 1px solid #c5cdd0;
			padding: 11px 15px 9px 15px;
			margin: 10px 0;
			color: #32505a;
			font-family: Verdana;
			font-size: 12px;
			}
			div#contact form input[type=text]:focus, 
			div#contact form textarea:focus {
				border: 1px solid #666;
				-moz-box-shadow: #0066cc 0px 0px 5px;
				-webkit-box-shadow: #0066cc 0px 0px 5px;
				box-shadow: #0066cc 0px 0px 5px;
			}
		
		div#contact form input {float: right; width: 259px;}
		div#contact form input.left { float: left; }
		div#contact form input.required { background: #fff no-repeat 96% 12px; }
		div#contact form input.required:focus { background: #fff no-repeat 96% 12px; }
		div#contact form input.submit {
			background-color: #0066cc;
			width: 80px;
			margin: 5px 0 0 0;
			padding: 8px 15px 6px 15px;
			float: left; clear: left;
			border: 1px solid #374146;
			color: #fff;
			text-shadow: 0 1px 0 #000;
			cursor: pointer;
		}
			div#contact form input.submit:hover { background-color: #333; border: 1px solid #3e494e; }
		
		div#contact form textarea {
			float: left;
			clear: both;
			width: 572px;
			height: 200px;
			resize: none;
		}
		div#contact form textarea.required { background: #fff no-repeat 98% 12px; }
		div#contact form textarea.required:focus { background: #fff no-repeat 98% 12px; }
		
		div#contact form span.errors {
			float: right;
			width: 495px;
			color: #ec643f;
			font-style: italic;
			font-family: Georgia;
			font-size: 12px;
			margin-top: 17px;
		}
		
		div#contact div#success {
			width: 100%;
			float: left;
			margin-top: 30px;
		}
			div#contact div#success h3 {
				font-family: 'MuseoSans900', Arial, sans-serif;
				font-size: 24px;
				text-transform: uppercase;
				color: #4b575c;
				text-align: center;
			}
			div#contact div#success p {
				color: #4b575c;
				font-family: Verdana;
				font-size: 12px;
				line-height: 24px;
				padding-top: 30px;
				text-align: center;
				width: 100%;
				float: left; clear: left;
			}
			
	div#contact form input, div#contact form textarea {
    border: 1px solid #ccc;
    color: #333;
	font-family: Helvetica Neue, helvetica, arial, sans-serif;    font-size: 12px;
    margin: 10px 0;
    padding: 11px 15px 9px;}
    
	.clients {
		background-color: #fff;
		width: 612px;
	}
	ul.clients  { list-style: none; }
	ul.clients li { float:left;list-style:none;padding:5px 10px 0; }
	

	.casestudies {
		background-color: #fff;
		width: 612px;
	}
	ul.casestudies  { list-style: none; }
	ul.casestudies li { float:left;list-style:none;padding:5px 10px 0; }
	
    	/* LIGHTBOX */
	#gallery {
		background-color: #fff;
		width: 612px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul li a{ display: inline;margin-right:8px;line-height:30px;}
	#gallery ul img {border:1px solid #eee;
	}
	#gallery ul a:hover img {display: 
				border: 1px solid #666;
				-moz-box-shadow: #0066cc 0px 0px 5px;
				-webkit-box-shadow: #0066cc 0px 0px 5px;
				box-shadow: #0066cc 0px 0px 5px;
	}
	#gallery ul a:hover { color: #fff; }
	
	.tip4 img{border:1px solid #ccc;}	
	.gallery-example{border:1px solid #ccc;}
	
#nav {margin-left:685px;margin-top:-25px;position:absolute;z-index:100;}	
#nav a { border: 0px solid #ccc; background: #efefef; text-decoration: none; margin: 0 2px; padding: 1px 5px; font-family:Helvetica Neue, helvetica, arial, sans-serif; font-size: 12px; color:#0086e0; }
#nav a.activeSlide { background: #0086e0; color:#fff; }
#nav a:focus { outline: none; }

#backandforward {margin-left:793px;margin-top:-35px;position:absolute;z-index:100;}	
#backandforward a { border: 0px solid #ccc; background: #efefef; text-decoration: none; margin: 0 2px; padding: 1px 5px; font-family:Helvetica Neue, helvetica, arial, sans-serif; font-size: 24px; color:#0086e0; }
#backandforward a.activeSlide { background: #0086e0; color:#fff; }
#backandforward a:focus { outline: none; }

#s4 {margin:0 auto;}
#s4 {  height: 303px; }
#s4 div { width: 880px; height: 235px; color: #333; text-align: left; font-size: 22px; font-family:Helvetica Neue, helvetica, arial, sans-serif; line-height:25px;text-shadow:1px 1px 1px #fff;}
#s4 d div img { float: left;width: 100px; height: 100px; background: #fff }
#s4 a {font-family:Helvetica Neue, helvetica, arial, sans-serif;text-decoration:none;font-size:18px;line-height:24px;}
#s4 .r7slide {font-family:Helvetica Neue, helvetica, arial, sans-serif;text-decoration:none;font-size:17px;line-height:24px;}
#s4 h2 {color:#0066cc;font-size:36px;text-transform:uppercase;font-family: 'BebasNeueRegular', Arial, sans-serif;letter-spacing: 0;padding:7px 0 2px;}
#s4 h5 {font-family:'ArvoRegular', Arial, sans-serif;color:#000;font-size:13px;margin:0 0 10px 0;text-shadow:1px 1px 1px #fff;}
#s4 .description { width: 310px; height: 283px; color: #333; text-align: left; font-size: 14px; font-family:Helvetica Neue, helvetica, arial, sans-serif; line-height:20px;background:#dfdfdf;margin-left:550px;padding:10px;}
#s4 .number {padding:0 8px 0 0;}
#s4 p.intro {margin:50px 0 0 0;}


#mypic {display:none;}



#demoDiv{
margin:10px;
padding:30px 0;
}
#demoDiv .inner{
background-color:#FFF;
}
#gallerySlides{
clear:both;
}
#galleryNavWrap{
width:294px;
text-align:right;
margin-top:-35px;
margin-left:340px;
position:relative;
z-index:9999;
}
#galleryNavWrap > a{
border:none;
text-decoration:none;
}
#galleryNavWrap a img{
float:left;
display:block;
margin:0 4px;
border:none;
}
span#galleryNav{
display:block;
}
body #galleryNav a{
background-color:#dcdcdc;
text-decoration:none;
color:#dcdcdc;
font-size:8px;
margin:6px 3px;
height:12px !important;
width:12px !important;
line-height:10px;
display:block;
float:left;
}
#galleryNav a.activeSlide{
background-color:#386699;
color:#386699;
}