body {
	font: 1.0em Arial, Helvetica, sans-serif, Verdana;
	color: #FFF;
	background-color: #0A0A0A;
}
* {
	margin: 0px;
	padding: 0px;
}
img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
a {
	color: #FFF;
	text-decoration: none;
}
h1 span, h2 span, h3 span, a span { display: none; }
ul { list-style-type: none; }
.clearer { clear: both; }
.bpadd { padding-bottom: 13px; }
#container {
	position: relative;
	z-index: 0;
	width: 775px;
	padding: 40px;
	margin: 0 auto;
	margin-top: 50px;
	background-color: #FAFAFA;
}
#inner { width: 775px; }
#top  h1 {
	width: 775px;
	height: 213px;
	background: #1A1A1A url(images/h1-inspired_environment.gif) 0 0 no-repeat;
}
#bottom {
	padding-top: 202px;
	background: #1A1A1A url(images/padding-bg.gif) 0 0 no-repeat;
}
#bottom h3 {
	width: 775px;
	height: 100px;
	background: #1A1A1A url(images/h3-solution_minded.gif) 0 0 no-repeat;
}
#footer {
	width: 855px;
	padding: 20px 0px;
	margin: 0 auto;
	text-align: right;
	text-transform: uppercase;
	color: #333;
}

#livechat-c, #backdrop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 140%;
	min-height: 100%;
	background-color: #000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}
#livechat-c[id], #backdrop[id] { position: fixed; height: 100%; }

#livechat {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 200;
	width: 300px;
	height: 300px;
	margin: -150px 0px 0px -150px;
	background: transparent url(images/loading.gif) center center no-repeat;
}
#livechat a {
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	background: transparent url(images/a-close.gif) 0 0 no-repeat;
}
#livechat[id] a { background-image: url(images/a-close.png); }
#livechat a:hover { background-position: 0 -30px; }

#showWork {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 200;
	width: 680px;
	min-height: 520px;
	padding: 20px;
	margin: -280px 0px 0px -360px;
	background-color: #FAFAFA;
	color: #1A1A1A;
}
.inprogress {
	background: #FAFAFA url(images/loading.gif) center center no-repeat;
}
.loaded { background-color: #FAFAFA; }
#proj-header {
	float: left;
	width: 500px;
	height: 50px;
	text-transform: uppercase;
}
#proj-header h3 { font-size: 1.6em; }
#proj-header a { font-size: 0.75em; letter-spacing: 0.05em; font-weight: bold; color: #1A1A1A; }
#proj-header a:hover { color: #B2BC6B; }
#close-work {
	float: right;
	width: 170px;
}
#close-work a {
	display: block;
	float: right;
	width: 100px;
	height: 30px;
	background: transparent url(images/work-close.gif) 0 0 no-repeat;
}
#close-work[id] a { background-image: url(images/work-close.png); }
#close-work a:hover { background-position: 0 -30px; }

#moreimages {
	float: right;
	text-align: right;
	width: 170px;
	font-size: 0.75em;
	letter-spacing: 0.05em;
	font-weight: bold;
	text-transform: uppercase;
}
#moreimages a:hover { color: #B2BC6B; }
.curimage { text-decoration: none; color: #B2BC6B; }
.ncurimage { text-decoration: underline; color: #1A1A1A; }
#proj-image {
	clear: both;
	width: 680px;
	padding: 10px 0px;
	text-align: center;
}
#proj-description {
	clear: both;
	width: 680px;
	font-size: 0.8em;
	letter-spacing: 0.05em;
	font-weight: bold;
}
#proj-description p { padding-top: 10px; }
#proj-description p.p-first { padding-top: 0px; }

#contact-l { float: left; width: 322px; height: 285px; margin: 20px 0px; font-size: 0.85em; background: #1A1A1A url(images/contact-l-bg.gif) 0 0 no-repeat; }
#contact-l a:hover { color: #B2BC6B; }
.cleft, .cright { float: left; width: 102px; padding: 10px; border-bottom: 2px solid #FAFAFA; }
.cspan { float: left; width: 302px; padding: 10px; border-bottom: 2px solid #FAFAFA; background: transparent url(images/cright-bg.gif) bottom right no-repeat; }
.cright { width: 180px; text-align: right; background: transparent url(images/cright-bg.gif) bottom right no-repeat; }

#contact-r { float: right; width: 433px; height: 285px; padding: 20px 0px; }
#a-livechat {
	display: block;
	width: 433px;
	height: 285px;
	background: #B2BC6B url(images/livechat.gif) 0 0 no-repeat;
}
#contact-s, #services-s, #work-s, #manifesto-s { /*display: none;*/ }

#contact-s { background: #1A1A1A url(images/contact-bg.gif) 0 0 no-repeat; }
#services-s { background: #1A1A1A url(images/services-bg.gif) 0 0 no-repeat; }
#work-s { background: #1A1A1A url(images/work-bg.gif) 0 0 no-repeat; }
#manifesto-s { background: #1A1A1A url(images/manifesto-bg.gif) 0 0 no-repeat; }

#contact-s h2, #contact-h h2, #services-s h2, #services-h h2, #work-s h2, #work-h h2, #manifesto-s h2, #manifesto-h h2 {
	display: block;
	height: 72px;
	background: #1A1A1A 0 0 no-repeat;
}
#contact-s h2, #services-s h2, #work-s h2, #manifesto-s h2 { cursor: pointer; }
#services-h h2, #work-h h2, #manifesto-h h2 { background: transparent 0 0 no-repeat; }
#contact-s h2:hover, #services-s h2:hover, #work-s h2:hover, #manifesto-s h2:hover { background-position: 0 -72px; }

#contact-s h2, #contact-h h2 { width: 322px; background-image: url(images/h2-contact-s.gif); }
#contact-h h2 { border-bottom: 2px solid #FAFAFA; }
#services-s h2 { width: 322px; background-image: url(images/h2-services-s.gif); }
#services-h h2 { width: 322px; background-image: url(images/h2-services-h.gif); }
#work-s h2 { width: 222px; background-image: url(images/h2-work-s.gif); }
#work-h h2 { width: 222px; background-image: url(images/h2-work-h.gif); }
#manifesto-s h2 { width: 370px; background-image: url(images/h2-manifesto-s.gif); }
#manifesto-h h2 { width: 370px; background-image: url(images/h2-manifesto-h.gif); }

#contact-h, #services-h, #work-h, #manifesto-h { clear: both; }

#services-h li, #work-h li {
	float: left;
	width: 375px;
	margin: 0px 0px 5px 25px;
	background: transparent url(images/li-bg.gif) 0 0 repeat;
}
#services-h li p, #work-h li p {
	float: left;
	display: block;
	padding: 3px 10px;
	border-right: 2px solid #F1F1F1;
	color: #FFF;
	background-color: #1A1A1A;
}

#manifesto p {
	width: 775px;
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: justify;
	color: #1A1A1A;
	padding-bottom: 10px;
}
li.sleft, li.wleft { margin-left: 0px !important; }

html, body {
	height: 100%;
	min-height: 100%;
}

h3#worksoon {
	width: 775px;
	height: 70px;
	background: transparent url(images/worksoon.gif) 0 0 no-repeat;
}

.lightnoshow { display: none; }
#lb-header { text-transform: uppercase; padding: 0px 0px 10px 0px; }
#lb-header h3 { font-size: 1.6em; margin: 0 0 -10px 0; padding: 0; }
#lb-header a { font-size: 1.0em; font-weight: bold; color: #999; margin: 0; padding: 0; }
#lb-header a:hover { color: #B2BC6B; }

a#facebook {
	display: block;
	width: 85px;
	height: 27px;
	background: transparent url(images/facebook.gif) 0 0 no-repeat;
}
a#facebook:hover { background-position: 0 -27px; }