@charset "UTF-8";
/* CSS Document */

html {margin: 0px; padding: 0px; height:100%;}
body {
	background: url(../images/bckgrnd.gradient.jpg) no-repeat #080808 center top; 
	margin: 0px;
	height:100%;
}
#top-band{ 
background:url(../images/bckgrnd.rfade.png) repeat-x; 
top: 0px;
height:100%;
}
#bottom-band{background-image:url('../images/bckgrnd.rfade2.png');
background-repeat:repeat-x;
background-position:bottom;
min-height: 100%;
*height: 100%;
bottom: 0;
}	
#header{height: 100px; width: 868px; margin: auto; padding-top: 12px;}
#header p{
	text-align:right;
	top:0px;
	margin: 0px;
	padding-right: 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
#number{
	font-size:2em;
	color: white;
}
#email a{
	color:white;
	font-size:1em;
}
#stage-background{
	width: 868px;
	margin: auto;
	background:url(../images/mainstage.dropshadow.png) no-repeat center;
	height: 360px;
	clear:both;
}
#nav{
	padding-left:22px;
	height:35px;
}
#nav ul, #nav ul li, #nav ul li a{
	text-decoration: none;
	display:inline;
	line-height: 38px;
	font-size: 1.05em;
	color: #303030;
	padding: 0px 12px 0px 4px;
	text-align: right;
	width: 196px;
}
#nav ul li a{width: 196px;
	background: url(../images/bckgrnd.inactive.button.png) repeat-x;
	display:block;
	float:left;
	margin-right: 5px;
}
#nav ul li a:hover{
	color:white;
}
#nav ul li#button1 a.active{
	background: url(../images/bckgrnd.button1.png) no-repeat ;
	border:none;
	color: white;
}
#nav ul li#button2 a.active{
	background: url(../images/bckgrnd.button2.png) no-repeat;
	border:none;
	color: white;
}
#nav ul li#button3 a.active{
	background: url(../images/bckgrnd.button3.png) no-repeat;
	border:none;
	color: white;
}
#nav ul li#button1, #nav ul li#button2, #nav ul li#button3{ font-family:Arial, Helvetica, sans-serif;}
#mainstage{
height:290px;
margin:auto;
width:840px;	
}
#word-container{
	font-family: 'Helvetica', 'sans-serif';
	color: #CCC;
	margin: 0 0 0 20px;
	line-height:65px;
}
#word-container h1{
	font-weight:normal;
	margin: 0px;
	font-size: 4.25em;
}
#footer{width: 868px; font-family: 'helvetica','sans-serif'; text-align: left; color: #a7a9ac; font-size: .6em; clear: both; padding-top: 12px; padding-left: 12px;
}
#yoxview_logos, #yoxview_identity, #yoxview_brochures, #yoxview_advertising, #yoxview_webdesign, #yoxview_signage, #yoxview_tradeshow, #yoxview_packaging {
	margin: auto;
	text-align: center;
}
span.thumbnail-title{
	color: white;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: .6em;
}
#header img{
	border: none;
}
#lrg_enclosure{
	margin:auto;
	padding-top:50px;
	width:800px;
	clear: both;
	height:233px;
}
#lrg_enclosure.portfolio{
	margin:auto;
	padding: 20px 0px 30px 0px;
	width:600px;
	clear: both;
	height:233px;
}
.sm_enclosure{
	width: 65px;
	height: 120px;
	display:inline-block;
	padding-right: 70px;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
#home_logo{
	padding-right: 20px;
	padding-left: 20px;
}
#R-box{
background:url("../images/corner.r.png") no-repeat scroll right bottom transparent;
margin:auto;
position:relative;
width:840px;
right: 1px;
}
#sm-logo{
	padding-left: 12px;
}
#lrg_enclosure.about{
	color: white;
	font-family: 'helvetica','sans-serif';
	font-size: .87em;
	line-height: 1.4em;
	width: 550px;
	text-align: left;
	padding: 20px 0px 30px 20px;
	margin-left: 0px;
}
#lrg_enclosure.about a{
	text-decoration: underline; color: white;
}
#like-button{
float:right;
}
#tweet-button{
float:right;
}
#header a{
	opacity: .5;
}
#header a:hover, #header #sm-logo a{
	opacity: 1;
}