@charset "UTF-8";
* {
	margin: 0;
	padding: 0
}	
html {
	overflow-y: scroll;
}
.clear { clear: both; width: 100%; height: 0; visibility: none; }
p {
	padding-bottom: 18px;
	line-height: 24px;
}
body {
	font-family: "Lucida Grande", Arial, sans-serif;
	color: #231f20;
	background-color: #231f20;
	font-size: 12px;
	line-height: 24px;
}
a {
   outline: none;
}
a:link, a:visited {
	color: #2F2A2B;
	text-decoration: none;
}
a:hover, a:active {
	color: #FFF;
}
h1 {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 20px;
	color: #BF1E2E;
	margin-bottom: 18px;
}
h2 {
	font-size: 16px;
	color: #3f85c0;
	margin-bottom: 7px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#wrapper {
	background-color: #dce1e4;
	background-image: url(../images/bodyBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#vojoLogo {
	width: 185px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 110px;
	position: relative;
}
#nav {
	width: 295px;
	height: 30px;
	position: absolute;
	top: 21px;
	right: 0px;
}
#nav ul {
	list-style-type: none;
	margin-left: 0px;
}
#nav ul  li {
	display: block;
	float: left;
	height: 30px;
	text-align: center;
}
#nav li a  {
	color: #583515;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	}
#nav ul li.work {
	width: 97px;
}
#nav ul li.work a {
	display: block;
	height: 30px;
	width: 97px;
	background-image: url(../images/btnWork.jpg);
	background-repeat: no-repeat;
}
#nav ul li.work a:hover {
	background-image: url(../images/btnWork.jpg);
	background-repeat: no-repeat;
	background-position: -97px 0px;
}
#nav ul li.work a.current {
	background-image: url(../images/btnWork.jpg);
	background-repeat: no-repeat;
	background-position: -194px 0px;
}
#nav ul li.about {
	width: 105px;
}
#nav ul li.about a {
	display: block;
	height: 30px;
	background-image: url(../images/btnAbout.jpg);
	background-repeat: no-repeat;
	width: 105px;
}
#nav ul li.about a:hover {
	background-image: url(../images/btnAbout.jpg);
	background-repeat: no-repeat;
	background-position: -105px 0px;
}
#nav ul li.about a.current {
	background-image: url(../images/btnAbout.jpg);
	background-repeat: no-repeat;
	background-position: -210px 0px;
}
#nav  ul  li.contact {
	width: 93px;
}
#nav  ul  li.contact  a {
	display: block;
	height: 30px;
	background-image: url(../images/btnContact.jpg);
	background-repeat: no-repeat;
	width: 93px;
}
#nav  ul  li.contact  a:hover {
	background-image: url(../images/btnContact.jpg);
	background-repeat: no-repeat;
	background-position: -93px 0px;
}
#nav ul li.contact a.current {
	background-image: url(../images/btnContact.jpg);
	background-repeat: no-repeat;
	background-position: -186px 0px;
}
#workNav {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b1b5b7;
	padding-bottom: 12px;
	font-size: 13px;
	height: 36px;
	line-height: 29px;
	position: relative;
}
#workNav ul {
	list-style-type: none;
	margin-left: 0px;
	padding-top: 5px;
}
#workNav ul li{
	display: block;
	float: left;
	height: 30px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
#workNav li a {
	display: block;
	color: #282425;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
#workNav ul li.show {
	padding-left: 0px;
}
#workNav ul li.everything {
}
#workNav ul li.everything a {
}
#workNav ul li.everything a:hover {
	text-decoration: underline;
}
#workNav ul li.everything a.current {
	color: #FFF;
}
#workNav ul li.identity {
}
#workNav ul li.identity a {
}
#workNav ul li.identity a:hover {
	text-decoration: underline;
}
#workNav ul li.identity a.current {
	color: #FFF;
}
#workNav ul li.web {
}
#workNav ul li.web a {
}
#workNav ul li.web a:hover {
	text-decoration: underline;
}
#workNav ul li.web a.current {
	color: #FFF;
}
#workNav ul li.print {
}
#workNav ul li.print a {
}
#workNav ul li.print a:hover {
	text-decoration: underline;
}
#workNav ul li.print a.current {
	color: #FFF;
}
#workTitleText {
	width: 400px;
	padding-top: 8px;
}
#footer {
	height: 150px;
	color: #FFF;
	font-size: 10px;
}
#footerInner {
	height: 150px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#footerFollowUs {
	position: absolute;
	left: 0px;
	top: 50px;
}
#footerFacebook {
	position: absolute;
	left: 0px;
	top: 80px;
}
#footerTwitter {
	position: absolute;
	left: 87px;
	top: 80px;
}
#footerVojo {
	position: absolute;
	top: 49px;
	right: 0px;
}
#footerCopyright {
	position: absolute;
	right: 0px;
	top: 79px;
	width: 107px;
}
#homeFlash {
	height: 420px;
	width: 1015px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#contentInner {
	margin-top: 0px;
	padding-top: 0px;
}
#homeContentInner {
	margin-top: 0px;
	padding-bottom: 0px;
}
#homeTagline {
	padding-bottom: 68px;
	margin-bottom: 0px;
}
#homeFeatured {
	height: 170px;
	margin-bottom: 12px;
}
#homeFeaturedBtn {
	float: right;
	height: 46px;
	margin-bottom: 50px;
	width: 139px;
}
#homeFeaturedBtn a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnMoreWork.jpg);
	background-repeat: no-repeat;
	width: 139px;
	height: 28px;
	background-position: 0px 0px;
}
#homeFeaturedBtn a:hover {
	background-position: -143px;
	background-image: url(../images/btnMoreWork.jpg);
	background-repeat: no-repeat;
}
#homeFeaturedTitle {
	padding-bottom: 23px;
}
#btnGoBack {
	height: 28px;
	margin-bottom: 0px;
	width: 139px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#btnGoBack a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnMoreWork.jpg);
	background-repeat: no-repeat;
	width: 139px;
	height: 28px;
	background-position: 0px 0px;
}
#btnGoBack a:hover {
	background-position: -143px;
	background-image: url(../images/btnMoreWork.jpg);
	background-repeat: no-repeat;
}
.workThmb {
	width: 296px;
	float: left;
	margin-right: 36px;
}
.workThmbRight {
	width: 296px;
	float: right;
}
.workContent {
	margin-top: 60px;
	height: 190px;
}
.workInner {
	height: 225px;
	width: 296px;
	font-size: 13px;
	float: left;
	margin-right: 36px;
	color: #2F2A2B;
	text-align: center;
}
.workInnerTitle {
	font-size: 13px;
	color: #2F2A2B;
	font-weight: bold;
}
.workInnerRight {
	height: 225px;
	width: 296px;
	font-size: 13px;
	float: left;
	text-align: center;
}
.workContentTop {
	margin-top: 40px;
	height: 190px;
}
.workContentBottom {
	margin-top: 60px;
	height: 190px;
	padding-bottom: 100px;
}
.title {
	padding-bottom: 12px;
	font-size: 13px;
	height: 60px;
}
.contentBottom {
	margin-top: 60px;
	height: 190px;
	padding-bottom: 100px;
}
#contentLeft {
	width: 511px;
	float: left;
	padding-top: 5px;
}
#contactContentRight {
	width: 304px;
	float: right;
	height: 791px;
}
#contactContentTop {
	margin-top: 0px;
	padding-top: 20px;
}
#contactInfoLeft {
	width: 160px;
	float: left;
	padding-top: 31px;
	line-height: 20px;
}
#contactInfoRight {
	float: right;
	width: 280px;
	padding-top: 35px;
	line-height: 20px;
}
.bold {
	font-weight: bold;
}
#contactMap {
	height: 400px;
	margin-top: 30px;
}
#contactFooter {
	height: 350px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b1b5b7;
	padding-top: 65px;
}
.contactFooterBox1 {
	width: 245px;
	height: 225px;
	background-color: #CBCFD2;
	padding: 25px;
	float: left;
	margin-right: 37px;
	position: relative;
}
.contactFooterBox2 {
	width: 245px;
	height: 225px;
	background-color: #CBCFD2;
	padding: 25px;
	float: left;
	position: relative;
}
.contactFooterBtn2Top {
	position: absolute;
	bottom: 70px;
	width: 245px;
	height: 28px;
}
.contactFooterBtn2Top a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnContactFooterFacebook.jpg);
	background-repeat: no-repeat;
	width: 245px;
	height: 28px;
	background-position: 0px 0px;
}
.contactFooterBtn2Top a:hover {
	background-position: -245px;
	background-image: url(../images/btnContactFooterFacebook.jpg);
	background-repeat: no-repeat;
}
.contactFooterBtn2Bottom {
	position: absolute;
	bottom: 25px;
	width: 245px;
	height: 28px;
}
.contactFooterBtn2Bottom a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnContactFooterTwitter.jpg);
	background-repeat: no-repeat;
	width: 245px;
	height: 28px;
}
.contactFooterBtn2Bottom a:hover {
	background-position: -245px;
	background-image: url(../images/btnContactFooterTwitter.jpg);
	background-repeat: no-repeat;
}
.contactFooterBtn1Top {
	position: absolute;
	bottom: 70px;
	width: 245px;
	height: 28px;
}
.contactFooterBtn1Top a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnContactFooterIdentity.jpg);
	background-repeat: no-repeat;
	width: 245px;
	height: 28px;
	background-position: 0px 0px;
}
.contactFooterBtn1Top a:hover {
	background-position: -245px;
	background-image: url(../images/btnContactFooterIdentity.jpg);
	background-repeat: no-repeat;
}
.contactFooterBtn1Bottom {
	position: absolute;
	bottom: 25px;
	width: 245px;
	height: 28px;
}
.contactFooterBtn1Bottom a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnContactFooterWebsite.jpg);
	background-repeat: no-repeat;
	width: 245px;
	height: 28px;
}
.contactFooterBtn1Bottom a:hover {
	background-position: -245px;
	background-image: url(../images/btnContactFooterWebsite.jpg);
	background-repeat: no-repeat;
}
.contactFooterBtn3Bottom {
	position: absolute;
	bottom: 25px;
	width: 245px;
	height: 28px;
}
.contactFooterBtn3Bottom a {
	display: block;
	text-indent: -9999px;
	background-image: url(../images/btnContactFooterResume.jpg);
	background-repeat: no-repeat;
	width: 245px;
	height: 28px;
	background-position: 0px 0px;
}
.contactFooterBtn3Bottom a:hover {
	background-position: -245px;
	background-image: url(../images/btnContactFooterResume.jpg);
	background-repeat: no-repeat;
}
#aboutTitle {
	width: 960px;
	height: 80px;
}
#aboutContentLeft {
	width: 430px;
	float: left;
	padding-top: 5px;
}
#aboutContentRight {
	width: 415px;
	float: right;
	height: 372px;
	padding-top: 14px;
}
.aboutBox1 {
	width: 200px;
	float: left;
	height: 180px;
	margin-right: 35px;
}
.aboutBox2 {
	width: 180px;
	float: left;
	height: 180px;
}
.aboutBoxTitle {
	float: left;
}
.aboutBoxTxt {
	float: left;
	margin-left: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #b1b5b7;
	padding-left: 16px;
	padding-top: 8px;
	margin-top: 10px;
	text-transform: uppercase;
}
#aboutProcess {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b1b5b7;
	padding-top: 35px;
	padding-bottom: 36px;
}
.aboutFooterBox1 {
	width: 245px;
	height: 350px;
	background-color: #CBCFD2;
	padding: 25px;
	float: left;
	margin-right: 37px;
	position: relative;
}
.aboutFooterBox2 {
	width: 245px;
	height: 350px;
	background-color: #CBCFD2;
	padding: 25px;
	float: left;
	position: relative;
}
#aboutFooter {
	height: 570px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b1b5b7;
	padding-top: 15px
}
#aboutFooterTitle {
	padding-top: 50px;
	padding-bottom: 30px;
}
.testimonialName {
	font-weight: bold;
}
#aboutContentTop {
	margin-top: 0px;
	padding-top: 22px;
}
.workWebContent {
	margin-top: 50px;
	text-align: center;
	padding-bottom: 10px;
}
.workWebContent img {
	margin-bottom: 50px;
}
.workDouble {
	height: 292px;
	width: 960px;
	padding-top: 20px;
}
.workDoubleTop {
	height: 292px;
	width: 960px;
	padding-top: 40px;
}
.workSingle {
	text-align: center;
	padding-top: 20px;
}
.workSingleTop {
	text-align: center;
	padding-top: 40px;
}
.workLeft {
	height: 292px;
	width: 480px;
	float: left;
}
.workRight {
	width: 480px;
	float: right;
	height: 292px;
}
.workIdentityContent {
	text-align: center;
	padding-bottom: 80px;
}
.workIdentityContent img {
	margin: 0px;
	padding: 0px;
}