/*

Title:      	Trial Vison Style Sheet
Author:     	Joseph Lee
Vesion: 		1.5
Created: 		May 31st 2008
Last Modified: 	June 23rd 2009
Copyright: 		2009, Trial Vision Inc.  All rights resevered.

*/

/* @group header */

#header {
	background: #fff url(img/header_dropshadow.gif) repeat-x scroll left bottom;
	border-top: 3px solid #5d5d5d;
	margin: 0;
	padding: 1em 0;
	min-height: 50px;
	z-index: 100;
}

#header h1 {
	display: block;
	padding: 0;
	text-indent: -9000em;
	float: left;
	margin: 1em 0 1em .75em;
}

#header h1 a {
	display: block;
	width: 173px;
	height: 32px;
	background: url(img/logo.gif) no-repeat scroll left top;
}

#header-inner {
	background: #fff;
	border-top: 3px solid #5d5d5d;
	margin: 0;
	padding: 1em 0;
}

#header-inner h1 {
	display: block;
	padding: 0;
	text-indent: -9000em;
	float: left;
	margin: 1em 0 1em .75em;
}

#header-inner h1 a {
	display: block;
	width: 173px;
	height: 32px;
	background: url(img/logo.gif) no-repeat scroll left top;
}

#nav {
	display: block;
	float: right;
	list-style: none;
	margin: 4em 2em 0 0;
}

#nav li {
	float: left;
	display: block;
	font: normal 1.65em/1.5  "Gotham-Light", "Gotham Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: lighter;
	margin: 0;
	padding: 0;
}

#nav li a {
	color: #444;
	text-shadow: #888 1px 1px 2px;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0;
	padding-left: 1.8em;
}

body#home #nav li#nav-home a, body#services #nav li#nav-services a, body#about #nav li#nav-about a, body#contact #nav li#nav-contact a {
	color: #222;
	text-shadow: #888 1px 1px 2px;
	font-family: "Gotham-Book", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

#nav li a:hover {
	color: #333;
	text-shadow: #999 1px 1px 2px;
	font-family: "Gotham-Book", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

/* @end */

/* @group layout */

#wrapper {
	padding: 0;
	margin: 0;
}

#content {
	margin: 0;
	background: #fff url(img/bg_content.png) repeat-x scroll left top;
	border-top: solid 1px #ddd;
	padding: 0;
}

#content .container {
	padding: 2em  0;
}

#content h2 {
	font: bold 3em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #555;
	line-height: .8em;
	text-shadow: #999 1px 1px 0;
	padding-bottom: .25em;
	padding-top: 0;
	border-bottom: 4px double #ddd;
	margin-bottom: .5em;
}

.gutter {
	padding: .5em 1.5em;
}

/* @group splash */
#splash {
	background: #fff;
}
#splash .container {
	background: transparent url(img/bg_splash_dropshadow_left.gif) repeat-y left top;
}

#splash .gutter {
	background: url(img/bg_splash_dropshadow_right.gif) repeat-y right top;
}

#splash #picture {
	background: transparent url(/public/images/splash_wide.jpg) no-repeat scroll center center;
	height: 24em;
	padding: 0;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #bbb;
	margin: 1em 0;
}

#picture-inner {
	background: transparent url(/public/images/lakeunion.jpg) no-repeat scroll center bottom;
	height: 18em;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #bbb;
	padding: 0;
	margin: 1em -.1em 1em;
}

#splash h2 {
	color: #1a3f53;
	font-size: 2.6em;
	line-height: 1em;
	font-weight: lighter;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	text-shadow: #d2d2d2 2px 2px 4px;
	overflow: hidden;
	margin: .5em -.05em .5em;
	padding: .3em 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* @end */

/* @group column-wide */

.column-wide h3 {
	font: bold 2em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #222;
	text-shadow: #999 1px 1px 0;
	padding-bottom: .25em;
	margin-bottom: .5em;
	border-bottom: 1px solid #999;
}

.column-wide {
	clear: both;
	float: left;
	width: 100%;
}

.column-wide #methodologies {
	list-style: disc;
}

.column-wide #methodologies li {
	font-size: 1.8em;
}

/* @end */

/* @group main column */

.main {
	width: 70em;
	float: left;
	margin-left: 1.4em;
	margin-right: 1em;
	border-top: solid 1px #757575;
	background: url(/css/img/bg_main.gif) repeat-x scroll left top;
}

.main .gutter {
	background: url(/css/img/bg_main_dash.png) no-repeat left top;
}

.main h3 {
	color: #307b9f;
	font-size: 2.1em;
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.3em;
}

.main p {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #333;
}

/* @end */

/* @group main-inner column */

.main-inner {
	width: 60em;
	float: left;
}

.main-inner h3 {
	font: bold 2em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #222;
	text-shadow: #999 1px 1px 0;
	padding-bottom: .25em;
	margin-bottom: .5em;
	border-bottom: 1px solid #999;
}

.main-inner p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #333;
	margin-bottom: 1.25em;
}

.main-inner p.link a {
	font-size: .8em;
}

/* @end */

/* @group secondary column */

.secondary {
	width: 26em;
	float: left;
	border-top: solid 1px #999;
	background: url(/css/img/bg_main.gif) repeat-x scroll left top;
}

.secondary .gutter {
	background: url(/css/img/bg_secondary_dash.png) no-repeat left top;
}

.secondary h3 {
	font-size: 1.8em;
	color: #555;
	margin-bottom: .5em;
}

.secondary h4 img {
	float: right;
	padding-top: 3px;
}

.secondary h4.casestudy {
	font-size: 1.2em;
	color: #777;
	margin-top: 1.4em;
	margin-bottom: .25em;
}

.secondary p {
	font-size: 1.3em;
	color: #555;
}

/* @end */

/* @group secondary-inner column */

.secondary-inner {
	width: 40em;
	float: left;
}

.secondary-inner img {
	margin-bottom: 1em;
}

.secondary-inner p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #444;
	margin-bottom: .5em;
}

.secondary-inner h3 {
	font: bold 2em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #222;
	text-shadow: #999 1px 1px 0;
	padding-bottom: .25em;
	margin-bottom: .5em;
	border-bottom: 1px solid #999;
}

.secondary-inner ul {
	font-size: 1.4em;
	padding-top: 1em;
}

.secondary-inner h4 {
	font: 1.6em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #222;
	text-shadow: #999 1px 1px 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.secondary-inner table {
	margin-top: 3em;
	background: #fff;
	clear: both;
	border: solid 1px #aaa;
}

/* @end */

/* @end */

/* @group footer */

#footer {
	background: #272727;
	border-top: 1em solid #2c2c2c;
	border-bottom: 1em solid #232323;
	color: #eee;
	padding: 2em 0 0em;
	margin: 0;
}

#footer div.footer-column {
	width: 28.9em;
	float: left;
}

#footer h4 {
	border-bottom: solid 1px #454545;
	padding: 0 0 .5em 0;
}

#footer h4 a {
	color: #eee;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: #333 1px 1px 1px;
	font-size: 1.2em;
	letter-spacing: .5px;
	border-bottom: solid 2px #454545;
	padding: 0 .5em .25em 0;
}

#footer ul {
	list-style: none;
	margin: 0;
}

#footer li, #footer p {
	font-size: 1.2em;
	text-shadow: #333 1px 1px 1px;
}

#footer ul.address, #footer ul.number {
	float: left;
}

#footer ul.number {
	margin-left: 4.5em;
}

#footer p img {
	padding-top: 1em;
	margin: 0 0 -.4em;
}

#footer-credits {
	background: #1d1d1d;
	padding: 1.5em 0;
	border-bottom: solid .5em #212121;
	margin: 0 0 -1em;
}

#footer-credits p {
	color: #aaaaaa;
	font-size: 1.1em;
	margin: 0 0 0 1em;
	padding: 0;
	float: left;
	text-shadow: #333 1px 1px 1px;
}

#footer-credits p.last {
	float: right;
}

#footer-credits span.asleepystudio {
	font-family: "LubalinGraph-Book", "ITC Lubalin Graph",  "Courier New", Courier, mono;
}

#footer-credits span.asleepystudio a {
	color: #aaaaaa;
	text-decoration: none;
}

#footer-credits span.asleepystudio a:hover {
	color: #eee;
	border-bottom: solid 1px #eee;
	padding-bottom: .25em;
}

#footer-credits span.xhtml {
	width: 15px;
	height: 16px;
	display: inline;
}

#footer-credits span.xhtml a {
	width: 15px;
	height: 16px;
	text-indent: -99999px;
	display: inline-block;
	background: url(/public/images/xhtml_valid.png) no-repeat scroll center center;
}

#footer-credits span.css {
	width: 15px;
	height: 16px;
	display: inline;
}

#footer-credits span.css a {
	width: 15px;
	height: 16px;
	text-indent: -9000em;
	display: inline-block;
	background: url(/public/images/css_valid.png) no-repeat scroll center center;
}

/* @end */

/* @group contact */

fieldset#contact-form {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset#contact-form dl dd {
	margin: 0;
}

fieldset#contact-form dl dd input, fieldset#contact-form dl dd textarea {
	width: 98%;
	padding: .25em;
	margin: 0;
}

fieldset#contact-form dl dt {
	padding-bottom: .5em;
}

fieldset#contact-form dl dt label {
	font-size: 1.4em;
	color: #444;
	text-transform: uppercase;
	font-weight: lighter;
}

.default-btn {
	background: #aaa none repeat scroll 0% 0%;
	color: #fff;
}

.default-btn:hover {
	background: #333;
	color: #eee;
}

.btn {
	border: 0pt none;
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0pt;
	padding: 4px 4px 4px 5px;
	text-transform: uppercase;
}

.vcard {
	font-size: 1.2em;
	margin-bottom: 4em;
	padding-bottom: 2em;
	clear: both;
}

.vcard .left, .vcard .right {
	float: left;
	width: 13em;
	display: block;
	margin: 0;
	padding: 0;
}

.vcard ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

.vcard .left ul li {
	font-size: .8em;
}

.vcard ul li a {
	color: #666;
	font-size: 1em;
}

p#download-vcard {
	height: 48px;
	width: 48px;
	display: block;
	background: transparent url(/public/images/vcard-add.png) no-repeat center center;
	float: right;
	position: relative;
	margin-top: -6em;
}

p#download-vcard a {
	text-indent: -9000em;
	display: block;
	height: 48px;
	width: 48px;
}


/* @end */