/* <style type="text/css"> */
body {
	margin: 0;
	padding: 0;
	background-color: #222222;
	color: #cfdce0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
#everything {
	margin: 80px 0 0 0;
}
.content {
	width: 940px;
	margin: 0 auto 0;
}
/* ! -- LINKS */
a:link, a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}
/* ! -- NAVIGATION */
#nav {
	position: relative;
	top: 0px;
	height: 92px;
	margin: 0;
	background: url(images/nav-bg.png) repeat-x center center;
	z-index: 2000;
}
#nav-content {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
h1 {
	text-indent: -1000em;
	overflow: hidden;
	width: 186px;
	height: 92px;
	margin: 0;
	padding: 0;
	background: url(images/vaya-logo.png) no-repeat left center;
}
h1 a {
	display: block;
	height: 62px;
	margin: 30px 0 0 0;
	width: 186px;
}
#nav ul {
	display: block;
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type: none;
	position: absolute;
	left: 220px;
	top: 27px;
	background: url(images/nav-arrows.gif) no-repeat left center;
	height: 35px;
	width: 400px;
}
#nav li {
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	text-indent: -1000em;
	overflow: hidden;
	padding: 0 10px;
}
#nav li.services {
	background-image: url(images/nav.services.gif);
	width: 70px;
}
#nav li.contact {
	background-image: url(images/nav.contact.gif);
	width: 69px;
}
#nav li.portfolio {
	background-image: url(images/nav.portfolio.gif);
	width: 75px;
}
#nav li a {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 3000;
	position: relative;
}
#nav #subNav {
	float: right;
	margin: -54px 0 0 0;
}
#subNav a:link, #subNav a:visited {
	font-weight: normal;
	color: #7d9096;
	font-size: 11px;
	text-decoration: none;
}
#subNav a.prominent:link, #subNav a.prominent:visited {
	color: #6dc1db;
}
#subNav a:hover, #subNav a.prominent:hover {
	text-decoration: underline;
	color: #c6e5ef;
}
/* ! -- INTRO SECTION */
#bespoke-tagline, #msg-tagline {
	text-indent: -1000em;
	overflow: hidden;
	background: url(images/services-tagline.png) no-repeat center top;
	height: 27px;
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	left: 0;
}
#msg-tagline {
	background-image: url(images/received-tagline.gif);
}
#sample-screenshots {
	width: 490px;
	height: 348px;
	margin: 50px 0 20px 0;
	float: left;
}
#intro-text {
	width: 430px;
	margin: 50px 0 0 0;
	float: right;
}
#intro-text h3 {
	background: url(images/mini-heading-bg.png) no-repeat left center;
	margin: 0 auto;
	font-size: 14px;
	text-transform: uppercase;
	width: 385px;
	padding: 8px 0 9px 15px;
}
#intro-text p {
	font-size: 14px;
	margin: 1em 30px;
	line-height: 145%;
}
#intro-text ul {
	margin: 1.5em 0 0 0;
	padding: 0;
}
#intro-text li {
	text-align: center;
	list-style-position: inside;
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0;
	clear: left;	
}
#intro-text .intro-bull-left {
	background: url(images/intro-bullet-left.gif) no-repeat left center;
	width: 9px;
	height: 8px;
	margin: 0 5px 0 0;
	display: inline-block;
}
#intro-text .intro-bull-right {
	background: url(images/intro-bullet-right.gif) no-repeat left center;
	width: 9px;
	height: 8px;
	margin: 0 0 0 5px;
	display: inline-block;
}
#lets-talk {
	width: 200px;
	clear: both;
	margin: 20px auto;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	background: url(images/talk-bg.png) no-repeat center center;
	width: 236px;
	padding: 10px 0 11px 0;
}
#ee-promo {
	height: 45px;
	background: #191919 url(images/eeblockbg.png) repeat-x left top;
	margin: 0 0 20px 0;
	padding: 21px 0 0 0;
}
#ee-promo p {
	text-indent: -1000em;
	overflow: hidden;
	background: url(images/eeaddonstext.png) no-repeat center;
	width: 643px;
	height: 27px;
	margin: 0 auto;
	position: relative;
}
#ee-promo #code-link {
	display: block;
	height: 30px;
	width: 280px;
	top: -2px;
	left: 125px;
	position: absolute;
}
#ee-promo #addon-link {
	display: block;
	height: 30px;
	width: 138px;
	top: -2px;
	left: 507px;
	position: absolute;
}
/* ! -- SECTIONS */
.section {
	background: #444444 url(images/section-heading-bg.png) repeat-x left top;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0;
	clear: both;
}
.section h2 {
	text-indent: -1000em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top left;
	height: 26px;
	margin: 0;
}
h2.services {
	background-image: url(images/h.services.gif);
	width: 117px;
}
h2.portfolio {
	background-image: url(images/h.portfolio.gif);
	width: 116px;
}
h2.contact {
	background-image: url(images/h.contact.gif);
	width: 107px;
}
.section-description {
	font-size: 10px;
	color: #cfcece;
	margin: 5px 0 30px 0;
	padding: 0 0 8px 0;
	background: url(images/fadeout.png) no-repeat left bottom;
}
.section-description:before {
	padding-right: 5px;
	content: url(images/small-square.gif);
}
.anchor {
	margin: -75px 0 0 0;
	float: left;
	width: 1px;
}
.anchor a {
	float: left;
}
/* ! -- SERVICES */
.half-block {
	width: 460px;
	background: #2f2f2f url(images/half-block-bg.png) no-repeat 0px 30px;
}
.half-block h3 {
	margin: 0;
	color: #fff;
	font-size: 13px;
	background: url(images/half-block-top.png) no-repeat left top;
	padding: 7px 12px 0 12px;
}
.half-block h3 .subtle {
	font-size: 10px;
	color: #7e7e7e;
	font-weight: normal;
}
.half-block p {
	margin: 1.5em 12px 0 12px;
}
.half-block .footer {
	display: block;
	background: url(images/half-block-bottom.png) no-repeat left bottom;
	height: 8px;
	clear: both;
}
.img-growth, .img-tools {
	border: none;
	display: block;
	float: right;
	margin: 15px 0 0 0;
	width: 153px;
	height: 108px;
}
.img-tools {
	margin: 15px 0 0 0;
	width: 111px;
	height: 114px;
}
/* ! -- PORTFOLIO */
#slider {
	width: 710px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	background: #e8f4f7 url(images/slideshow-bg.png) no-repeat right top;
}

.scroll {
	height: 348px;
	width: 710px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
}

.scrollContainer div.panel {
	padding: 20px;
	height: 328px;
	width: 670px; /* change to 560px if not using JS to remove rh.scroll */
	color: #223b43;
	padding: 10px 20px; margin: 0;
	position: relative;
}
.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
}

.scrollButtons.left {
	left: -80px;
}

.scrollButtons.right {
	right: -80px;
}
#slider-nav {
	color: #addeed;
	background: #444;
	text-align: center;
	margin: 0;
	padding: 5px 0 15px 0;
}
#slider-nav li {
	display: inline;
	padding: 0;
	margin: 0;
}
#slider-nav li a {
	padding: 10px 10px 15px 10px;
	background: url(images/slider-nav-bg.gif) no-repeat 0px -38px;
	color: #addeed;
	text-decoration: none;
	margin: 4px 0 0 0;
}
#slider-nav li a.first {
	background-image: url(images/slider-nav-bg-left.gif);
	padding: 10px 10px 15px 12px;
}
#slider-nav a.selected {
	color: #fff;
	background-position: 0px 5px;
}
#slider-nav li a:hover {
	color: #fff;
}
#slider-nav .last {
	background: url(images/slider-nav-bg-right.gif) no-repeat top right;
	padding: 5px 6px 15px 0;
}
#slider h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 28px;
	color: #305561;
	font-weight: normal;
	text-shadow: #FFF 3px 2px 2px;
	margin: 0 0 0 -5px;
	padding: 0 0 6px 0;
	background: url(images/pf-heading-underline.png) no-repeat bottom left;
	width: 399px;
}
#slider h4 {
	font-size: 12px;
	margin: 1em 0 0 0;
}
#slider .content {
	width: 334px;
	color: #223b43;
	clear: both;
	float: left;
	line-height: 17px;
	font-size: 11px;
}
#slider .content a {
	color: #223b43;
	text-decoration: underline;
	font-weight: normal;
}
#slider .content p {
	margin: 1em 0 0 0;
}
#slider .content ul {
	list-style-type: none;
	margin: 1em 0 0 10px;
	padding: 0;
}
#slider .content li {
	background: url(images/slider-bullet.gif) no-repeat left top;
	padding: 0 0 0 13px;
}
#slider .prj-screens {
	float: right;
	width:  320px;
	margin: -20px 0 0 0;
}
#slider img {
	border: none;
}
#slider .visit-link {
	position: absolute;
	bottom: 16px;
	left: 20px;
}
/* ! -- CONTACT */
#enquiry-type {
	width: 298px;
	height: 46px;
	background: url(images/enquiry.type.gif);
	text-indent: -1000em;
	overflow: hidden;
	margin: 1em auto;
	position: relative;
}
#enquiry-type a.prj-btn, #enquiry-type a.oth-btn,
#enquiry-type a.prj-btn-disabled, #enquiry-type a.oth-btn-disabled {
	display: block;
	width: 80px;
	height: 36px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(images/enquiry.selector.gif) no-repeat 0 0;
	position: absolute;
	top: 5px;
	right: 85px;
}
#enquiry-type a.prj-btn-disabled {
	background-position: 0 -36px;
}
#enquiry-type a.oth-btn {
	background-position: -80px -36px;
	right: 5px;
}
#enquiry-type a.oth-btn-disabled {
	right: 5px;
	background-position: -80px 0;
}
.contact-form {
	width: 650px;
	background: #f7fdff url(images/contact-bg.gif) repeat-y center top;
	margin: 0 auto;
	color: #315762;
}
.contact-form h3 {
	background: url(images/contact-top.png) no-repeat center top;
	width: 650px;
	text-align: center;
	color: #9cbdc5;
	font-size: 13px;
	padding: 30px 0 0 0;
	margin: 0 0 10px 0;
}
.contact-form p.form-end {
	background: url(images/contact-bottom.png) no-repeat center bottom;
	width: 580px;
	padding: 7px 35px 13px 35px;
	margin: 0;
	height: 35px;
	font-size: 11px;
	color: #6d94a0;
	clear: both;
	position: relative;
}
.contact-form label {
	font-weight: bold;
	float: left;
	display: block;
	width: 240px;
	margin: 0 0 7px 0;
}
.contact-form label .subtle {
	font-weight: normal;
	font-size: 11px;
}
.contact-form label.noclear {
	clear: none;
}
.contact-form .input, .contact-form .textarea, .contact-form .select {
	color: #444444;
	font-family: Verdana, sans-serif;
	border: 1px solid #b3deeb;
	background: #fff;
}
.contact-form .input {
	clear: both;
	float: left;
	font-size: 14px;
	padding: 3px 6px;
	margin: 0;
	width: 265px;
}
.contact-form .textarea {
	clear: both;
	width: 572px;
	height: 180px;
	padding: 6px 3px;
	font-size: 12px;
}
.contact-form .select {
	width: 279px;
	padding: 3px 6px;
	clear: both;
	float: left;
}
.form-content {
	padding: 0 35px;
}
.form-content p {
	width: 285px;
	float: left;
	margin: 0 0 1em 0;
	clear: both;
}
.form-content p.alt {
	width: 281px;
	float: right;
	clear: none;
}
.form-content p.full-width {
	width: 100%;
	clear: both;
}
.contact-form .submit {
	position: absolute;
	width: 126px;
	height: 39px;
	margin: 0;
	top: -18px;
	right: 35px;
}
form {
	margin: 0;
	padding: 0;
}
/* ! -- FOOTER */
#footer {
	border-top: 1px solid #2d383b;
	margin: 1px 0 0 0;
	padding: 1em 0 1em 0;
}
#footer .content {
	text-align: right;
	color: #747e81;
}

/* ! -- GENERIC */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.quote {
	clear: both;
	text-align: center;
	color: #c8eef7;
	display: block;
	width: 805px;
	margin: 0 auto;
	padding: 2em 20px;
	background: url(images/quote-large.gif) no-repeat center 1.4em;
}
.quote .subtle {
	font-size: 10px;
	color: #bbc7ca;
	font-style: italic;
}
.required {
	color: #d12525;
}
.prominent-text {
	color: #b8d2da;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0 0 1em 0;
}
.top-link, .top-link a {
	margin: 0;
	height: 1px;
	display: block;
	width: 1px;
}
/* </style> */