@charset "UTF-8";

/*__________ CWG-SCREEN.CSS __________*/

/*_________________
	Author: Matt Bainton (InLikeALion)
	For: CoWork Greenville
	Last Modified: 19 April 2009 - 12:31
_________________*/

body {
	color: #474747;
	font-family: "Lucida Grande", "Lucida Sans";}
#top-banner {
	background:#FFFFCC none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:50px;
	margin-top:-100px;
	padding:20px;
	text-align:center;
}
#top-banner h2 {
	background:transparent url(/images/bg-calendar-month.png) no-repeat scroll left top;
	display:inline;
	padding-left:30px;
}
#top-banner p {
	margin:10px 0 -10px;
	width:100%;
}
#top-banner a {
	font-weight:bold;
	text-decoration:underline;
}
	#top-banner a:hover { text-decoration:none; }


#container {
	width: 460px;
	margin: 100px auto;}

#header {
	width: 100%;
	height: 160px;
	background: url(/images/bg-header.png) no-repeat center bottom;
	position: relative;}

	#header h1 {
		background: url(/images/img-logo.png) no-repeat center 0;
		width: 343px;
		height: 136px;
		position: absolute;
		top: 0;
		left:60px;
		z-index: 10;}
	
	#header span {display: none;}
	
	#header:hover span {
		background: url(/images/bg-sweet.png) no-repeat 0 0;
		width: 174px;
		height: 138px;
		position: absolute;
		top: -65px;
		right: 70px;
		display: block;
		z-index: 20;}
		
#content {
	background: url(/images/bg-vr.png) repeat-y center 0;
	position: relative;}
	
	.col_1 {
		padding: 20px 0 40px;
		float: left;}
		
	.col_1.alpha {
		width: 210px;
		padding-right: 40px;}
		
	.col1.omega {
		width: 210px;}
		
	h2 {
		font-weight: 300;
		font-style: italic;
		height: 28px;
		margin-bottom: 20px;
		display: block;
		position: relative;
		overflow: hidden;}
		
	.alpha h2 {width: 188px;}
		
		#tr1 {
			background: url(/images/bg-h2-weShare.gif) no-repeat 0 0;
			width: 100%;
			height: 100%;
			position: absolute;
			top:0;
			left:0;}
			
	.omega h2 {
		width: 175px;
		margin-bottom: 10px;
		margin-left: 4px;}
			
		#tr2 {
			background: url(/images/bg-h2-piqueYour.gif) no-repeat 0 0;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;}
				
	#contact li {
		width: 203px;
		padding: 10px 0 10px 26px;
		margin-left:-20px;}
		
		#twitter,
		#email {height: 17px;}
			
		#twitter:hover,
		#email:hover {
			background: url(/images/bg-contact-li.gif) no-repeat 0 0;}
		
		#twitter a {
			background: url(/images/icn-twitter.png) no-repeat 0 0;
			width: 100%;
			padding-left: 34px;
			display: block;}
		
		#email a {
			background: url(/images/icn-email.png) no-repeat 0 0;
			width: 100%;
			padding-left: 34px;
			display: block;}
		
		#cell p {
			font-size: 11px;
			background: url(/images/icn-cell.png) no-repeat 0 0;
			width: 100%;
			padding-left: 34px;
			display: block;}
			
			#cell p strong {font-size: 12px;}
	
	p { width: 200px;}
	
	p,
	li {
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 20px;}
		
#footer {
	background: url(/images/bg-footer.png) no-repeat center 0;
	width: 100%;
	height: 17px;
	clear: both;}

/*_______ = Miscellanious _______*/

a,
a:hover {
	color: #43911b;
	text-decoration: none;}

.hideText {
	text-indent: -9999px;}