/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/* custom */

html {
	background: url("images/background_gradient_1x984.png") left top repeat-x #FFFFFF;
	font-family: Verdana, Arial, Sans-Serif;
}

body {
	background: url("images/background_1528x984.jpg") left top no-repeat;
	font-size: 10px;
	height: 100%;
	position: absolute;
	width: 100%;
}

#header {
	height: 80px;
	left: 20px;
	position: fixed;
	top: 303px;
	width: 363px;
}

#header #logo {
	left: -400px;
	position: absolute;
	top: 0px;
}

#header #About_Us,
#header #Clients,
#header #Contact {
	opacity: 0;
}

#header #aboutNav {
	height: 15px;
	left: 52px;
	position: absolute;
	top: 42px;
	width: 311px;
}

#header #aboutNav a {
	color: #6e6e6e;
	float: left;
	font-size: 13px;
	padding: 2px;
	text-decoration: none;
}

#header #aboutNav a:hover {
	color: #f68428;
}

#header #aboutNav .divider {
	color: #7e7e7e;
	display: block;
	float: left;
	font-size: 14px;
	text-align: center;
	width: 14px;
	opacity: 0;
}

#contentNav {
	bottom: -300px;
	height: 227px;
	left: 270px;
	position: fixed;
	width: 130px;
}

#contentNav a {
	color: #6e6e6e;
	display: block;
	height: 21px;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 2px;
	padding-left: 20px;
	text-decoration: none;
}

#contentNav a:hover,
#contentNav a.on {
	background: url("images/icons.png") 5px 5px no-repeat #f68428;
	color: #FFFFFF;
}

#content {
	display: none;
	height: 100%;
	left: 420px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width: 600px;
}

#contentBackground {
	background: #f68428;
	display: none;
	height: 100%;
	left: 420px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	width: 300px;
}

#content #list {
	padding-left: 10px;
	padding-bottom: 60px;
	padding-right: 10px;
	padding-top: 50px;
	position: absolute;
	width: 280px;
}

.list a.item {
	display: block;
	height: 187px;
	margin-top: 10px;
	position: relative;
	text-decoration: none;
	width: 280px;
	z-index: 11;
}

.list a.item img {
	background: #FFFFFF;
	display: block;
	height: 187px;
	position: relative;
	width: 280px;
}

.list a.item .meta {
	display: none;
	left: 0px;
	position: absolute;
	top: 20px;
	width: 180px;
}

.list a.item:hover .meta {
	display: block;
	padding: 0px;
}

.list a.item .meta .title {
	background: #6e6e6e;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	width: 87%;
}

.list a.item .meta .description {
	background: #f68428;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	padding: 5px;
	padding-left: 10px;
}

#up, 
#upBackground {
	display: none;
	height: 60px;
	left: 420px;
	position: fixed;
	top: 0px;
	width: 300px;
}

#down, 
#downBackground {
	bottom: -4px;
	display: none;
	height: 60px;
	left: 420px;
	position: fixed;
	width: 300px;
}

#upBackground,
#downBackground {
	background: #f68428;
	height: 50px;
}

#contentNav a .icon_grid {
	background: url("images/icons.png") left -25px no-repeat;
	height: 10px;
	width: 10px;
}

#contentNav a:hover .icon_grid, 
#contentNav a.on .icon_grid {
	background: url("images/icons.png") left -55px no-repeat;
}

#stripe {
	display: none;
	left: 0px;
	height: 300px;
	position: fixed;
	top: 378px;
	width: 100%;
}

#stripe .background {
	background: #6e6e6e;
	height: 100%;
	opacity: 0.95;
	position: absolute;
	width: 100%;
}

#stripe .content {
	color: #FFFFFF;
	font-size: 13px;
	left: 70px;
	position: absolute;
	top: 40px;
	width: 900px;
}

#stripe .content h1 {
	font-size: 22px;
}

#stripe .content h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 3px;
}

#stripe .content p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	width: 490px;
}

#stripe .content ul li {
	float: left;
	margin-top: 10px;
	width: 180px;
}

#stripe #content_About_Us.content ul {
	margin-bottom: 10px;
}

#stripe #content_About_Us.content ul li {
	float: none;
	font-size: 12px;
	line-height: 18px;
	list-style: disc outside;
	margin-top: 0px;
	width: auto;
}

#stripe .content .column1 {
	float: left;
	height: 185px;
	width: 190px;
}

#stripe .content .column2 {
	border-left: 1px solid #a8a8a8;
	float: left;
	height: 185px;
	padding-left: 29px;
	width: 330px;
}

#stripe .content .column3 {
	float: left;
	height: 185px;
	width: 280px;
}

#stripe .content .columnRight {
	border-left: 1px solid #a8a8a8;
	float: right;
	height: 200px;
	margin-left: 20px;
	padding-left: 20px;
	width: 360px;
}

h4 {
	font-weight: bold;
	font-size: 11px;
	line-height: 1.2em;
	margin-top: 11px;
}

h5 {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.2em;
}

#stripe .content form label {
	display: block;
	margin-bottom: 6px;
	margin-top: 12px;
}

#stripe .content form .column2 input {
	border: 0px;
	display: block;
	font-size: 24px;
	width: 280px;
}

#stripe .content form .column2 input.checkbox {
	display: inline;
	vertical-align: bottom;
	width: 18px;
}

#stripe .content form .column3 textarea {
	border: 0px;
	display: block;
	font-size: 14px;
	height: 114px;
	width: 280px;
}

#stripe .content form .column3 input {
	background: #a8a8a8;
	border: 0px;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	width: 90px;
}

#stripe .content form .column3 input:hover {
	background: #919191;
}

#stripe .content form .column3 input.send {
	background: #f68428;
}

#stripe .content form .column3 input.send:hover {
	background: #d67322;
}

#stripe a.iconClose {
	background: url("images/icons.png") left -90px no-repeat;
	height: 29px;
	left: -1px;
	position: absolute;
	top: -12px;
	width: 29px;
}

#stripe a.iconClose:hover {
	background: url("images/icons.png") left -120px no-repeat;
}

.vcard {
	line-height: 18px;
	margin-top: 11px;
}

.vcard a {
	color: #FFFFFF;
	text-decoration: none;
}

.vcard a:hover {
	color: #f68428;
}

.vcard .tel, 
.vcard .email {
	display: block;
	margin-top: 8px;
}

#about_us_spacemen {
	left: 664px;
	position: absolute;
	top: -40px;
}

.shade {
	background: #000000;
	display: none;
	height: 100%;
	opacity: 0.8;
	position: fixed;
	width: 100%;
}

#shade {
	z-index: 1001;
}

#overlayContainer {
	font-size: 1em;
}

#overlay {
	background: url("images/overlay_shadow_960x730.png") left top no-repeat;
	display: none;
	height: 73em;
	overflow: hidden;
	position: fixed;
	width: 96em;
	z-index: 1002;
}

#overlay #overlayBigImage {
	background: #000000;
	height: 60em;
	left: 3em;
	position: absolute;
	top: 3em;
	width: 90em;
}

a.iconClose {
	background: url("images/icons.png") left -90px no-repeat;
	height: 29px;
	left: 1.8em;
	position: absolute;
	top: 1.8em;
	width: 29px;
}

#overview a.iconClose {
	left: 0px;
	top: 0px;
	z-index: 1000;
}

a.iconClose:hover {
	background: url("images/icons.png") left -120px no-repeat;
}

#overlay #overlayFooter {
	background: url("images/overlay_footer_1x80.png") left top repeat-x #6e6e6e;
	bottom: 2em;
	height: 8em;
	left: 3em;
	position: absolute;
	width: 90em;
}

#overlay #overlayFooter #overlayThumbsContainer {
	height: 6.2em;
	left: 14.8em;
	overflow: visible;
	position: absolute;
	top: 0.9em;
	width: 60em;
}

#overlay #overlayFooter #overlayThumbs {
	left: 0px;
	position: absolute;
	top: 0px;
	white-space: nowrap;
}

#overlay #overlayFooter #overlayThumbs a {
	float: left;
	height: 6em;
	margin-bottom: 0.8em;
	margin-right: 0.8em;
	padding: 0.1em;
	width: 9em;
}

#overlay #overlayFooter #overlayThumbs a:hover {
	background: #f68428;
}

#overlay #overlayFooter #overlayThumbs img {
	background: #000000;
	height: 6em;
	width: 9em;
}

#overlay #overlayFooter #moreWorkPrevious {
	color: #FFFFFF;
	font-size: 1.2em;
	left: 1em;
	position: absolute;
	text-decoration: none;
	top: 3.2em;
}

#overlay #overlayFooter #moreWorkNext {
	color: #FFFFFF;
	font-size: 1.2em;
	right: 1em;
	position: absolute;
	text-decoration: none;
	top: 3.2em;
}

#overlay #overlayFooter #moreWorkPrevious:hover, 
#overlay #overlayFooter #moreWorkNext:hover {
	color: #f68428;
}

#overview {
	display: none;
	overflow: auto;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	position: absolute;
}

#overview a {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

#overview a img {
	border: 3px solid #f68428;
}

#overview a .meta,
#overview a .title,
#overview a .description,
#overview a .meta a,
#overview a .title a,
#overview a .description a {
	clear: both;
	float: none;
}

#overview a .meta {
	bottom: -3px;
	display: none;
	left: 3px;
	top: auto;
}

#overview a:hover .meta {
	display: block;
	z-index: 1;
}

noscript {
	color: #6e6e6e;
	font-size: 13px;
	left: 130px;
	position: absolute;
	top: 300px;
}

.nocss {
	display: none;
}

.u {
	text-decoration: underline;
}

.color6e6e6e {
	color: #6e6e6e;
}