/*-  Base styles
----------------------------------------------------------------------*/
body {
	background: #FFF;
	color: #000;
	font: normal 62.5%/1.2 Georgia, Garamond, Times, "Times New Roman", serif;
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: Georgia, Garamond, Times, "Times New Roman", serif;
	font-size: 1em;
}


/*-  Varnish.
----------------------------------------------------------------------*/
.ineffable {
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	width: 0;
}

a {
	color: #2BBFF0;
	text-decoration: none;
}

a:hover {
	color: #36C;
	text-decoration: underline;
}

a img {
	border: none;
}

abbr, acronym {
	border-bottom: none;
	cursor: help;
	font-style: normal;
}

form, fieldset {
	border: none;
	margin: 0;
	padding: 0;
}


/*-  Layout
----------------------------------------------------------------------*/
#container {
	margin: 180px auto;
	width: 878px;
}


/*-  Branding / navigation
----------------------------------------------------------------------*/
h1 {
	margin: 0 0 32px;
}
h2 {
        font-size: 1.4em;
}
h3 {
        font-size: 1.1em;
}
/*-  Navigation
----------------------------------------------------------------------*/
/*
	Navigation
*/
#navigation {
	float: left;
	margin-right: 33px;
	padding-left: 84px;
	width: 329px;
}

/* Optional sub-header (e.g., homepage) */
#navigation h2 {
	margin: 0 0 9px;
        clear: both;
}

#navigation ul, #navigation p {
	clear: left;
}

#navigation ul {
	float: left;
}

#navigation p {
  line-height: 1.4em;
}

/*
	Primary navigation
*/
ul#nav-primary {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

#nav-primary li {
	height: 25px;
	float: left;
	margin-bottom: 6px;
	position: relative;
        list-style: none;
}

#nav-primary a {
	display: block;
	height: 25px;
}

#nav-primary img {
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#nav-primary a:hover img,
body.sect-work li#top-case-studies img,
body.sect-maku li#top-process img,
body.sect-element li#top-process img,
body.sect-red li#top-process img,
body.sect-news li#top-about img,
body.sect-clients li#top-about img,
body.sect-bios li#top-about img,
body.sect-process li#top-process img,
body.sect-services li#top-services img,
body.sect-contact li#top-contact img {
	background-position: 0 -25px;
}

/* Per-item rules */
li#top-case-studies, li#top-case-studies img {
	width: 85px;
}

li#top-case-studies img {
	background-image: url(/images/nav-work.gif);
}

li#top-process, li#top-process img {
	width: 113px;
}

li#top-process img {
	background-image: url(/images/nav-process.gif);
}
img.CS-logo
{
       float: left;
}
li#top-services, li#top-services img {
	width: 126px;
}

li#top-services img {
	background-image: url(/images/nav-services.gif);
}

li#top-about, li#top-about img {
	width: 91px;
}

li#top-about img {
	background-image: url(/images/nav-about.gif);
}

li#top-contact, li#top-contact img {
	width: 112px;
}

li#top-contact img {
	background-image: url(/images/nav-contact.gif);
}

/*
	Secondary navigation
*/
ul#nav-secondary {
        margin: 0;
        padding: 0;
	margin-bottom: 25px;
}

#nav-secondary li {
	background: url(/images/hash-single.gif) no-repeat 100% 50%;
	float: left;
	padding-right: 12px;
        list-style: none;
}


#nav-secondary li.last {
	background: none;
	padding-right: 0;
}

#nav-secondary a {
	border-bottom: 1px solid #FFF;
	color: #000;
	text-decoration: none;
}

#nav-secondary a:hover, #nav-secondary a.current {
	border-bottom: 1px solid #2BBFF0;
}
ul.caseStudies li
{
        font-size: 1.2em;
}
/*
	Descriptive text
*/
#navigation p {
	width: 80%;
}

/*
	Address
*/
dl#vapor-info {
	clear: both;
	color: #868485;
	padding-top: 30px;
}

dl#vapor-info, dl#vapor-info dd {
	margin: 0;
}

dl#vapor-info dd.phone, dl#vapor-info dd.email {
	background: url(/images/hash-double.gif) no-repeat 0 50%;
	color: #000;
	padding-left: 15px;
}

dl#vapor-info dd.phone {
	margin-top: 1em;
}


/*-  Content
----------------------------------------------------------------------*/
#content {
	background: url(/images/bg-content.gif) repeat-y;
	float: left;
	padding-top: 340px;
	position: relative;
	width: 420px;
}

#content-inner {
	margin-top: -340px;
	padding-left: 36px;
}

/*
	Homepage splash
*/
#splash {
	position: absolute;
	margin: 0;
	top: -40px;
}

/*
	Product slides
*/
#slides ul, #slides li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#slides p, #slides dd {
	margin: 0;
}

#slides dd {
	color: #A7A5A6;
}

#slides li {
	color: #231F20;
}

#slides li.slide-off {
	position: absolute;
	left: -1000em;
	top: 0;
	z-index: 10;
}

/* Slide navigation (previous / next) */
ul#slides-browse {
	float: left;
	padding-top: 40px;
	width: 40%;
}

#slides-browse li {
	background: url(/images/hash-single.gif) no-repeat 0 50%;
	float: left;
	padding-left: 9px;
}

#slides-browse li.first {
	background: none;
	padding-left: 0;
}

#slides-browse a {
	border-bottom: 1px solid #FFF;
	color: #000;
	text-decoration: none;
}

#slides-browse a:hover {
	border-bottom: 1px solid #2BBFF0;
}

/* Slide navigation (numbered) */
ul#slides-numbered {
	float: right;
	padding-top: 40px;
	text-align: right;
	width: 40%;
}

#slides-numbered li {
	background: url(/images/hash-single.gif) no-repeat 5px 100%;
	display: inline;
	padding-left: 15px;
}

#slides-numbered li.first {
	background: none;
	padding-left: 0;
}

#slides-numbered li a.current {
	color: #2BBFF0;
}

#slides-numbered a {
	color: #000;
	text-decoration: none;
}

#slides-numbered a:hover, #slides-numbered li.current a {
	color: #2BBFF0;
}

#slides-numbered li.current a {
	font-weight: bold;
}

/*
	Client listing
*/
#clients {
	width: 370px;
}

#clients ul, #clients li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#clients ul {
	float: left;
	width: 48%;
}

#clients li {
	clear: left;
	margin-bottom: 20px;
}

#clients img {
	float: left;
	margin-bottom: 20px;
	margin-right: 13px;
}

#clients a {
	border-bottom: 1px solid #FFF;
	color: #000;
	text-decoration: none;
}

#clients a:hover {
	border-bottom: 1px solid #2BBFF0;
}

/*
	Contact form
*/
#contact {
	width: 334px;
}

fieldset#message {
	float: right;
	width: 204px;
}

fieldset#additional {
	float: left;
	width: 124px;
}

#contact label {
	display: block;
}

#contact .required label {
	background: url(/images/hash-double.gif) no-repeat 0 50%;
	padding-left: 15px;
}

#contact p {
	margin: 0;
}

#contact input.text, #contact textarea {
	background: #EDECEC;
	border: none;
	color: #636363;
	display: block;
	font-size: 1.1em;
	line-height: 1.3;
	margin-bottom: .65em;
	width: 100%;
}

#contact textarea {
	height: 10.3em;
}

#contact input.text:focus, #contact textarea:focus {
	background: #F2F2F2;
}

#contact ul, #contact li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contact ul {
	clear: both;
	text-align: right;
}

#contact li {
	background: url(/images/hash-double.gif) no-repeat 100% 50%;
	display: inline;
	padding-right: 15px;
}

#contact li.last {
	background: none;
	padding-right: 0;
}

/*
	News
*/
#news {
	border-collapse: collapse;
	width: 334px;
}

#news td, #news th {
	text-align: left;
	vertical-align: top;
}

#news th {
	width: 61px;
}

#news dl, #news dd {
	margin: 0;
}

#news p {
	margin-top: 0;
}

#news p.note {
	color: #999;
	font-style: italic;
}

#news p.note a {
	color: #999;
}

#news dl {
	margin-bottom: 2em;
}


/*
	Bios
*/
dl.bio, dl.bio dd {
	margin: 0;
}

dl.bio dt, dl.bio dd.title {
	background: url(/images/hash-double-blue.gif) no-repeat 0 70%;
	color: #2BBFF0;
	display: inline;
	margin: 0;
	padding-left: 9px;
	width: auto;
}

dl.bio dt {
	font-size: 1.7em;
	margin-right: .2em;
}

dl.bio dd {
	color: #999;
	margin-bottom: 2em;
	width: 270px;
}

dl.bio p {
	margin-top: 0;
}

/* Bio navigation */
ul.bios, ul.bios li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.bios {
	margin-bottom: 4em;
}

ul.bios li {
	background: url(/images/box.gif) no-repeat 0 .2em;
	padding-left: 19px;
	margin-bottom: 1.5em;
}

ul.bios a {
	border-bottom: 1px solid #FFF;
	color: #000;
	text-decoration: none;
}

ul.bios a:hover {
	border-bottom: 1px solid #2BBFF0;
}

/*-  Self-clearing floats
----------------------------------------------------------------------*/
.row:after,
.block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-float:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clear-float{display:inline-block;}
.clear-float{display:block;}