* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	color: #646464;
	font-family: Georgia, Serif;
	font-size: 14px;
	line-height: 1.4;
}

img {
	border: 0;
}

a {
	color: #3A93AB;
	text-decoration: none;
}

a:hover {
	color: #9FB32F;
}

p {
	font-size: 16px;
	padding: 0 0 10px 0;
}

h2 {
	color: #9FB32F;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0 0 5px 0;
}

.ir {
	overflow: hidden;
	text-indent: -999em;
}

#preload {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

#wrapper {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}

	#mask {
		position: relative;
		width:500%;
		height:100%;
	}

	.item {
		float: left;
		position: relative;
		width: 1175px;
		height: 1073px;
	}
	
	
	#item1 {
		background: url(images/artboard2.jpg) 0 0 no-repeat;
	}
	
	#item2 {
		background: url(images/artboard2.jpg) -1175px 0 no-repeat;
	}
	
	#item3 {
		background: url(images/artboard2.jpg) -2350px 0 no-repeat;
	}
	
	#item4 {
		background: url(images/artboard2.jpg) 0 -1073px no-repeat;
	}
	
	#item5 {
		z-index: 100;
		background: url(images/artboard2.jpg) -1175px -1073px no-repeat;
	}
	
	#item6 {
		background: url(images/artboard2.jpg) -2350px -1073px no-repeat;
	}
	
	#philo {
		position: absolute;
		top: 0px;
		left: 80px;
		display: block;
	}
	
	#item7 {
		margin: 200px 0 0 0;
		background: url(images/artboard2.jpg) 0 -2346px no-repeat;
	}
	
	#services {
		position: absolute;
		top: 0px;
		left: 80px;
		display: block;
	}
	
	#item8 {
		background: url(images/artboard2.jpg) -1175px -2146px no-repeat;
	}
	
	#item9 {
		background: url(images/artboard2.jpg) -2350px -2146px no-repeat;
	}
	
	#home-arrow {
		position: absolute;
		top: 132px;
		left: 49px;
		width: 88px;
		height: 88px;
		background: url(images/arrow.png) no-repeat 0 0;
	}
	
	#home-hola {
		position: absolute;
		top: 132px;
		left: 137px;
		width: 324px;
		height: 88px;
		background: url(images/hola.png) no-repeat 0 0;
	}
	
	#home-intro {
		position: absolute;
		top: 220px;
		left: 137px;
		width: 412px;
		height: 243px;
		padding: 27px 0 0 16px;
	}
	
	#home-twitter {
		position: absolute;
		top: 161px;
		left: 678px;
		width: 335px;
		height: 300px;
		background: url(images/bg-twitter.png) no-repeat 0 0;
		text-align: center;
	}
	
	#home-twitter-hd {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
		padding: 75px 0 5px 0;
	}
	
	#home-tweet {
		height: 134px;
		font-size: 14px;
		font-style: italic;
		padding: 0 40px;
	}
	
	#home-findus-hd {
		color: #9FB32F;
		font-size: 16px;
		font-style: italic;
	}
	
	#home-findus {
		color: #9FB32F;
		font-size: 16px;
	}
	
	#home-copyright {
		position: absolute;
		top: 610px;
		left: 925px;
	}

	.clear {
		clear:both;
	}


	#nav {
		position: fixed;
		z-index: 9000;
		top: 0;
		left: 545px;
		width: 468px;
		height: 70px;
		width: 468px;
		height: 70px;
		background: url(images/bg-nav.png) no-repeat 0 0;
		margin: 0;
	}

	#nav li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}

	a#nav-home {
		display: block;
		width: 64px;
		height: 59px;
		background: url(images/nav1.png) no-repeat 0 0;
		margin: 0 0 0 20px;
	}
	a#nav-home.active {
		display: block;
		width: 64px;
		height: 59px;
		background: url(images/nav1.png) no-repeat 0 -59px;
		margin: 0 0 0 20px;
	}
	a#nav-philosophy {
		display: block;
		width: 113px;
		height: 59px;
		background: url(images/nav2.png) no-repeat 0 0;
	}
	a#nav-philosophy.active {
		display: block;
		width: 113px;
		height: 59px;
		background: url(images/nav2.png) no-repeat 0 -59px;
	}
	a#nav-work {
		display: block;
		width: 70px;
		height: 59px;
		background: url(images/nav3.png) no-repeat 0 0;
	}
	a#nav-work.active {
		display: block;
		width: 70px;
		height: 59px;
		background: url(images/nav3.png) no-repeat 0 -59px;
	}
	a#nav-services {
		display: block;
		width: 94px;
		height: 59px;
		background: url(images/nav4.png) no-repeat 0 0;
	}
	a#nav-services.active {
		display: block;
		width: 94px;
		height: 59px;
		background: url(images/nav4.png) no-repeat 0 -59px;
	}
	a#nav-contact {
		display: block;
		width: 85px;
		height: 59px;
		background: url(images/nav5.png) no-repeat 0 0;
	}
	a#nav-contact.active {
		display: block;
		width: 85px;
		height: 59px;
		background: url(images/nav5.png) no-repeat 0 -59px;
	}
	
	
	#contact-left {
		position: absolute;
		top: 127px;
		left: 142px;
		width: 360px;
		z-index: 100;
	}
	
	#contact-right {
		position: absolute;
		top: 127px;
		left: 554px;
		width: 360px;
		padding: 110px 0 0 0;
		z-index: 1;
	}
	
	#contact-right h3 {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
		font-weight: normal;
		padding: 14px 0 0 0;
	}
	
	#contact-hd {
		width: 269px;
		height: 27px;
		background: url(images/hd-contact.png) no-repeat 0 0;
		padding: 0 0 15px 0;
	}
	
	#contactForm {
		padding: 35px 0 0 0;
	}
	
	#contactForm label {
		display: block;
		color: #646464;
		font-size: 14px;
		width: 100%;
		padding: 0 0 3px 0;
	}
	
	#contactForm input {
		color: #454545;
		font-size: 12px;
		font-style: italic;
		font-family: Georgia;
		width: 328px;
		padding: 8px 15px;
	}
	
	#contactForm textarea {
		width: 328px;
		height: 80px;
		padding: 8px 15px;
		color: #454545;
		font-size: 12px;
		font-style: italic;
		font-family: Georgia;
	}
	
	#contactForm input.inputOff {
		border: 1px solid #DDD;
		background: url(images/bg-input.png) 0 0;
	}
	
	#contactForm input.inputOn {
		border: 1px solid #DDD;
		background: #fff;
	}
	
	#contactForm input.inputError {
		border: 1px solid #E86C20;
		background: #fff;
	}
	
	#contactForm textarea.inputOff {
		border: 1px solid #DDD;
		background: url(images/bg-input.png) 0 0;
	}
	
	#contactForm textarea.inputOn {
		border: 1px solid #DDD;
		background: #fff;
	}
	
	#contactForm textarea.inputError {
		border: 1px solid #E86C20;
		background: #fff;
	}
	
	#contactForm #mathLbl {
		float: left;
		width: 50px;
		padding: 5px 0 0 0;
	}
	
	#contactForm input#math {
		float: left;
		width: 10px;
	}
	
	#contactForm #whatsUp {
		float: left;
		width: 140px;
	}
	
	#contactForm #whatsUp a {
		display: block;
		font-size: 11px;
		padding: 10px 0 0 10px;
	}
	
	#contactForm #formSubmit {
		float: right;
		text-align: right;
	}
	
	#contact-copyright {
		position: absolute;
		top: 600px;
		left: 960px;
	}
	
	a#emailaddress {
		display: block;
		margin: 3px 0 0 0;
		width: 170px;
		height: 14px;
		background: url(images/email.png) no-repeat 0 0;
	}
	
	a#emailaddress:hover {
		display: block;
		width: 170px;
		height: 14px;
		background: url(images/email.png) no-repeat 0 -14px;
	}
	
	#contact-copyright {
		position: absolute;
		top: 600px;
		left: 960px;
	}
	
	input#send {
		display: block;
		width: 62px;
		height: 30px;
		background: url(images/send.png) no-repeat 0 0;
		border: 0px;
		cursor: pointer;
		clear: both;
	}
	input#send:hover {
		display: block;
		width: 62px;
		height: 30px;
		background: url(images/send.png) no-repeat 0 -30px;
	}
	
	.error {
		font-size: 11px;
		color: #E86C20;
		height: 22px;
		padding: 3px 0 0 0;
		font-style: italic;
		clear: both;
	}
	
	#thanks {
		padding: 80px 0 0 0;
	}
	
	#social {
		color: #E86C20;
		font-size: 16px;
	}
	
	#social a {
		font-size: 14px;
	}
	
	#philo-nav {
		position: absolute;
		top: 251px;
		left: 234px;
		width: 76px;
	}
	
	#philo-nav1 a {
		display: block;
		width: 76px;
		height: 10px;
		background: url(images/subnav-philo.png) no-repeat 0 0;
		margin: 0 0 19px 0;
	}
	
	#philo-nav1 a:hover {
		background-position: 0 -10px;
	}

	#philo-nav1 a.active {
		background-position: 0 -20px;
	}
	
	#philo-nav2 a {
		display: block;
		width: 76px;
		height: 10px;
		background: url(images/subnav-green.png) no-repeat 0 0;
	}
	
	#philo-nav2 a:hover {
		background-position: 0 -10px;
	}

	#philo-nav2 a.active {
		background-position: 0 -20px;
	}
	
	#philo-content {
		position: absolute;
		top: 151px;
		left: 344px;
		width: 647px;
		overflow: hidden;
	}
	
	#philo-contentWrapper {
		float: left;
		width: 1334px;
	}
	
	#philo-content1 {
		float: left;
		width: 667px;
	}
	
	#philo-content2 {
		float: left;
		width: 667px;
	}
	
	#philo-hd {
		width: 432px;
		height: 35px;
		background: url(images/hd-philosophy.png) no-repeat 0 0;
	}
	
	#philo-content h2 {
		padding: 0;
		margin: 5px 0 30px 0;
	}
	
	#philo-content h3 {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
		padding: 0 0 3px 0;
		font-weight: normal;
	}
	
	
	.philo-main {
		padding: 0 50px 0 0;
	}
	
	#philo-content .philo-main p {
		font-size: 14px;
	}
	
	#philo-copyright {
		position: absolute;
		top: 610px;
		left: 1025px;
	}
	
	.cols {
		float: left;
		clear: both;
		color: #E86C20;
		font-size: 14px;
		font-style: italic;
	}
	
	.col1 {
		float: left;
		width: 195px;
	}
	
	.col2 {
		float: left;
		width: 195px;
		padding: 0 15px 12px 15px;
	}
	
	.col3 {
		float: left;
		width: 195px;
	}
	
	#philo-content1 .philo-main p.orange {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
	}
	
	.philo-arrow {
		position: absolute;
		top: 298px;
		left: 1011px;
		width: 54px;
		height: 80px;
		background: url(images/blue-arrow.png) no-repeat -10px 0;
		cursor: pointer;
	}
	
	#green-hd {
		width: 432px;
		height: 35px;
		background: url(images/hd-green.png) no-repeat 0 0;
	}
	
	
	#serv-nav {
		position: absolute;
		top: 251px;
		left: 234px;
		width: 76px;
	}
	
	#serv-nav1 a {
		display: block;
		width: 76px;
		height: 10px;
		background: url(images/subnav-services.png) no-repeat 0 0;
		margin: 0 0 19px 0;
	}
	
	#serv-nav1 a:hover {
		background-position: 0 -10px;
	}

	#serv-nav1 a.active {
		background-position: 0 -20px;
	}
	
	#serv-nav2 a {
		display: block;
		width: 76px;
		height: 10px;
		background: url(images/subnav-fire.png) no-repeat 0 0;
	}
	
	#serv-nav2 a:hover {
		background-position: 0 -10px;
	}

	#serv-nav2 a.active {
		background-position: 0 -20px;
	}
	
	#serv-content {
		position: absolute;
		top: 151px;
		left: 344px;
		width: 647px;
		overflow: hidden;
	}
	
	#serv-contentWrapper {
		float: left;
		width: 1334px;
	}
	
	#serv-content1 {
		float: left;
		width: 667px;
	}
	
	#serv-content2 {
		float: left;
		width: 667px;
	}
	
	#serv-hd {
		width: 432px;
		height: 35px;
		background: url(images/hd-services.png) no-repeat 0 0;
	}
	
	#serv-content h2 {
		padding: 0;
		margin: 5px 0 30px 0;
	}
	
	#serv-content h3 {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
		padding: 0 0 3px 0;
		font-weight: normal;
	}
	
	#fire-hd {
		width: 432px;
		height: 35px;
		background: url(images/hd-fire.png) no-repeat 0 0;
	}
	
	.serv-main {
		padding: 0 50px 0 0;
	}
	
	#serv-content .serv-main p {
		font-size: 14px;
	}
	
	#serv-content2 .serv-main p.orange {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
	}
	
	#services-cols {
		float: left;
		width: 100%;
		clear: both;
		padding: 0 0 20px 0;
		font-style: italic;
		line-height: 1.6;
	}
	
	#services h3 {
		color: #E86C20;
		font-size: 16px;
		font-style: italic;
	}
	
	#serv1 {
		float: left;
		width: 180px;		
	}
	
	#serv2 {
		float: left;
		width: 220px;
		padding: 0 15px;		
	}
	
	#serv3 {
		float: left;
		width: 180px;		
	}
	
	.serv-arrow {
		position: absolute;
		top: 298px;
		left: 1011px;
		width: 54px;
		height: 80px;
		background: url(images/blue-arrow.png) no-repeat -10px 0;
		cursor: pointer;
	}
	
	#serv-copyright {
		position: absolute;
		top: 610px;
		left: 1025px;
	}
	
	#work {
		position: absolute;
		top: 580px;
		left: 300px;
	}
	
	#work-content {
		position: absolute;
		top: 708px;
		left: 537px;
		width: 700px;
		z-index: 100;
	}
	
	#content-all {
		position: absolute;
		top: 708px;
		left: 537px;
		width: 700px;
		z-index: 100;
	}
	
	#content-id {
		position: absolute;
		top: 708px;
		left: 537px;
		width: 700px;
		z-index: 100;
		display: none;
	}
	
	#content-print {
		position: absolute;
		top: 708px;
		left: 537px;
		width: 700px;
		z-index: 100;
		display: none;
	}
	
	#content-int {
		position: absolute;
		top: 708px;
		left: 537px;
		width: 700px;
		z-index: 100;
		display: none;
	}
	
	#work-hd {
		width: 321px;
		height: 34px;
		background: url(images/hd-work.png) no-repeat 0 0;
		padding: 0 0 30px 0;
	}
	
	.thumbs ul {
		margin: 0;
	}

	.thumbs li {
		float: left;
		display: block;
		margin: 0 15px 15px 0;
		padding: 0;
	}
	
	#work1 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work1.png) 0 0;
	}
	#work1 a:hover {
		background-position: 0 -95px;
	}
	
	#work2 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work2.png) 0 0;
	}
	#work2 a:hover {
		background-position: 0 -95px;
	}
	
	#work3 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work3.png) 0 0;
	}
	#work3 a:hover {
		background-position: 0 -95px;
	}
	
	#work4 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work4.png) 0 0;
	}
	#work4 a:hover {
		background-position: 0 -95px;
	}
	
	#work5 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work5.png) 0 0;
	}
	#work5 a:hover {
		background-position: 0 -95px;
	}
	
	#work6 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work6.png) 0 0;
	}
	#work6 a:hover {
		background-position: 0 -95px;
	}
	
	#work7 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work7.png) 0 0;
	}
	#work7 a:hover {
		background-position: 0 -95px;
	}
	
	#work8 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work8.png) 0 0;
	}
	#work8 a:hover {
		background-position: 0 -95px;
	}
	
	#work9 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work9.png) 0 0;
	}
	#work9 a:hover {
		background-position: 0 -95px;
	}
	
	#work10 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work10.png) 0 0;
	}
	#work10 a:hover {
		background-position: 0 -95px;
	}
	
	#work11 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work11.png) 0 0;
	}
	#work11 a:hover {
		background-position: 0 -95px;
	}
	
	#work12 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work12.png) 0 0;
	}
	#work12 a:hover {
		background-position: 0 -95px;
	}
	
	#work13 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work13.png) 0 0;
	}
	#work13 a:hover {
		background-position: 0 -95px;
	}
	
	#work14 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work14.png) 0 0;
	}
	#work14 a:hover {
		background-position: 0 -95px;
	}
	
	#work15 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work15.png) 0 0;
	}
	#work15 a:hover {
		background-position: 0 -95px;
	}
	
	#work16 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work16.png) 0 0;
	}
	#work16 a:hover {
		background-position: 0 -95px;
	}
	
	#work17 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work17.png) 0 0;
	}
	#work17 a:hover {
		background-position: 0 -95px;
	}
	
	#work18 a {
		display: block;
		overflow: hidden;
		width: 95px;
		height: 95px;
		text-indent: -999em;
		background: url(images/work18.png) 0 0;
	}
	#work18 a:hover {
		background-position: 0 -95px;
	}
	
	.back {
		z-index: 9000;
		margin: 0 0 10px -10px;
	}
	
	.back a {
		display: block;
		width: 102px;
		height: 9px;
		background: url(images/back.png) no-repeat 0 0;
	}
	
	.back a:hover {
		display: block;
		width: 102px;
		height: 9px;
		background: url(images/back.png) no-repeat 0 -9px;
	}
	
	.work-arrow {
		position: absolute;
		top: 200px;
		left: 700px;
		width: 54px;
		height: 80px;
		background: url(images/blue-arrow.png) no-repeat -10px 0;
		cursor: pointer;
		z-index: 2000;
	}
	
	#filter {
		position: absolute;
		top: 706px;
		left: 1075px;
		width: 115px;
		height: 38px;
		border: 1px solid #fff;
		z-index: 1000;
		background-color: #fff;
		overflow: hidden;
		cursor: pointer;
		z-index: 100;
	}
	
	#filterBy {
		float: left;
		width: 112px;
		height: 29px;
		margin: 0 0 10px 0;
		background: url(images/filterBy.png) no-repeat 0 0;
	}
	
	#filter:hover {
		border: 1px solid #B3D7E1;
	}
	
	#filter ul {
		margin: 0;
		padding: 5px 20px 10px 20px;
	}
	
	#filter ul li {
		list-style: none;
		margin: 0;
	}
	
	#filter a {
		display: block;
		color: #3A93AB;
		font-size: 12px;
	}
	
	#filter a:hover {
		color: #96A92C;
	}
	
	#filter a.active {
		color: #E86C20;
	}
	
	.work-overlay h3 {
		color: #F26532;
		font-size: 16px;
		font-style: italic;
		font-weight: normal;
		padding: 10px 0 2px 0;
	}
	
	.work-overlay h4 {
		color: #A2A2A2;
		font-size: 12px;
		font-style: italic;
		font-weight: normal;
		padding: 0 0 2px 0;
	}
	
	.work-overlay .views {
		float: right;
		width: 150px;
		text-align: right;
		margin: -25px 0 0 0;
	}
	
	.work-overlay .views a {
		color: #5DA8BC;
		font-size: 14px;
	}
	
	.work-overlay .views a:hover {
		color: #9FB32F;
	}
	
	.work-overlay .views a.active {
		color: #F26532;
	}
	
	.work-img {
		float: left;
		margin: 0 20px 0 0;
		border: 1px solid #ccc;
	}
	
	#work-all {
		position: absolute;
		top: 680px;
		left: 505px;
		width: 700px;
		z-index: 2000;
		padding:20px;
		background-color: #fff;
	}
	
	#work-id {
		position: absolute;
		top: 680px;
		left: 505px;
		width: 700px;
		z-index: 9999;
		padding:20px;
		background-color: #fff;
	}
	
	#work-print {
		position: absolute;
		top: 680px;
		left: 505px;
		width: 700px;
		z-index: 9999;
		padding:20px;
		background-color: #fff;
	}
	
	#work-int {
		position: absolute;
		top: 680px;
		left: 505px;
		width: 700px;
		z-index: 9999;
		padding:20px;
		background-color: #fff;
	}
	
	.work-overlay p {
		width: 650px;
		font-size: 12px;
	}
	
	.work-wrapper {
		float: left;
		width: 660px;
		overflow: hidden;
		z-index: 1;
	}
	
	.work-carousel {
		float: left;
		margin: 0;
		padding: 0;
		width: 23000px;
	}

	.work-content {
		float: left;
		display: block;
		width: 650px;
		padding: 0 20px 0 0;
	}
	
	.work-images-wrapper {
		float: left;
		width: 652px;
		overflow: hidden;
	}
	
	.work-images {
		float: left;
		width: 4000px;
		clear: both;
	}
	
	.work-image {
		float: left;
		display: block;
		margin: 0 20px 0 0;
	}
	
	.launch {
		font-style: italic;
	}
	
	.grip {
		font-size: 10px;
		font-style: italic;
	}
	
	#work-copyright {
		position: absolute;
		top: 1190px;
		left: 1250px;
		z-index: 100;
	}
	
	.tooltip { 
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 900;
		border: 1px solid #B3D7E1;
		background-color: #fff;
		padding: 20px 25px;
		margin: -240px 0 0 -140px;
		font-size: 12px;
		text-align: center;
		width: 200px;
		color: #646464;
		font-weight: normal;
		display: none; 
	}