@charset "UTF-8";

/* GLOBALS */

body{
	padding:0 150px 0 0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background:url(images/urbantissue.gif) 0 0 no-repeat fixed;
}

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

a:hover, a.current{
	color:#426cb4;
}

a img{
	border:none;
	padding:0;
	margin:0;
	outline:none;
}

h2{
	font-family:Tungsten, Verdana, sans-serif;
	font-weight:100;
	font-size:24px;
	padding:0 0 17px 0;
	margin:0;
	text-transform:uppercase;
}

h2.topper{
	padding-top:17px;
}

h3{
	font-size:9px;
	color:#797979;
	font-weight:100;
	padding:0 0 9px 0;
	border-bottom:2px solid #000;
	margin:0 0 9px 0;
	text-transform:uppercase;
	max-width:215px;
}

p{
	padding:0 0 16px 0;
	margin:0;
}

.hr{
	width:215px;
	height:2px;
	margin:0 485px 16px 0;
	/*background:#000;*/
	padding:0;
}


/* CONSTRUCTOR */

#main{
	width:700px;
	position:relative;
	padding:100px 50px 100px 200px;
	margin:0 auto;
}

#main .layer{
	width:inherit;
	float:left;
	padding:0 0 30px 0;
}

#main .left{
	float:left;
}

#main .right{
	float:right;
}

#main .center{
	float:left;
	margin-left:27px;
}

#main .one{
	width:215px;
}

#main .two{
	width:458px;
}

#main .small{
	font-size:9px;
	color:#797979;
}

#main .gray{
	color:#797979;
	text-transform:lowercase;
}

#main .clear{
	clear:both;
}

/* MAIN */

#main #window{
	width:700px;
	height:394px;
	padding:0 0 50px 0;
	position:relative;
}


/* LEFT */

#main #bar{
	position:absolute;
	left:50px;
	top:100px;
	height:600px;
	width:100px;
	float:left;
}

#main #bartwo{
	position:fixed;
	height:390px;
	width:100px;
	/*border-bottom:2px solid #000;
	border-top:2px solid #000;*/
}

#main #bar a#logo{
	display:block;
	position:absolute;
	top:37px;
	width:100px;
	height:133px;
	background:url(images/shawjelvehlogo.gif) 0 0 no-repeat;
}

#main #bar a#logo:hover{
	background-position:-100px 0;
}

#main #bar ul.nav{
	list-style:none;
	position:absolute;
	top:186px;
	right:0px;
	width:100px;
	text-align:right;
}

#main #bar ul.nav li{
	padding:0 0 8px 0;
}


/* CONTENT INDEX */

#main #window #before, #main #window #after{
	position:absolute;
/*	bottom:28px; */
	top:-5px;
	z-index:100;
}

#main #window #after{
	left:243px;
}

#main #window #fadeshow1{
	position:absolute;
	z-index:10;
	background:none;
}

#main ul#address.nav{
	margin:28px 0 0 0;
}

#main ul#address.nav li{
	/*color:#797979;*/
	font-size:9px;
	padding:0;
	margin:0;
	text-align:center;
}

#main ul#address.nav li h2{
	padding:0;
	margin:0;
}

#main ul#twitter_update_list{
	list-style:none;
	padding:0;
	margin:0;
}

#main ul#twitter_update_list li{
	padding:0 0 1em 0;
}


/* CONTENT AWARDS */

ul.awards{
	list-style:none;
	padding:0;
	margin:0;
}

ul.awards li{
	padding:0 0 10px 0;
}


/* CONTENT CASE STUDIES */

#main a.casestudy{
	display:block;
	width:215px;
	height:312px;
	float:left;
}

#main a.casestudy .button{
	display:block;
	width:215px;
	text-align:center;
	padding:10px 0;
	background:#fff;
	float:left;
	color:#797979;
}

#main a.casestudy:hover .button{
	color:#426cb4;
}

#main img.studyitem{
	margin:0 0 30px 0;
}


/* CONTENT PRESS */

#main .pressitem{
	float:left;
	height:220px;
	padding:0 20px 0 0;
}

#main a.press{
	display:block;
	float:left;
	border:1px solid #eeeeee;
	margin:0 0 5px 0;
}

#main a.press:hover{
	border:1px solid #426cb4;
}

#main ul.presslist{
	list-style:square outside;
	padding:0 0 1.5em 0;
	margin:0;
	float:left;
}

#main ul.presslist li{
	margin:0 0 0 15px;
	float:left;
}
	

/* CONTENT USGBC CASE STUDY */

#main #interactivedashboard{
	float:left;
	width:650px;
	height:402px;
	background:url(images/casestudies/USGBC/black-lcd-display.jpg) no-repeat;
	padding:30px 25px 146px 25px;
}


/* CONTENT CLIENTS */

#main ul#clients.layer{
	width:726px;
	list-style:outside square;
}

#main ul#clients li{
	margin:0 0 0 15px;
	padding:0 20px 0 0;
	width:207px;
	height:36px;
	float:left;
}


/* CONTENT ABOUT */

#main ul#services{
	padding:0 0 0 15px;
	margin:0;
	list-style:square;
}

img.intern{
	padding:0 0 16px;
	float:left;
}

.namething h2 {
	margin: 0 0 -7px 0;
	padding: 0;
}

.namething .gray {
	font-size: 24px;
	margin: 0;
	padding: 0;
}


/* CONTENT CONTACT */

div.label{
	clear: left;
	text-align:right;
	margin-top:5px;
}

div.label span{
  color: #426cb4;
  width: 10px;
  margin-right: -10px;
}


input, textarea, #submit{
	font-size: 12px;
	margin-bottom: 12px;
	border: 1px solid #d7d7d7;
	padding: 6px 6px 6px 3px;
}

input{
	height: 15px;
}

input#submit{
	text-align: right;
	background-color: #fff;
	height:36px;
	clear: both;
	cursor: pointer;
}

input#submit:hover{
background-color: #F1F1F1;
}

textarea{
	height: 180px;
	width: 447px;
}

h2#contact-success{
color:#426cb4;
}

/* FOOTER */

#main #footer{
	padding:0 0 100px 0;
}


/* CASE STUDY NAV */

#studynav{
	position:fixed;
	width:100px;
	margin:190px 0 0 0;
}