* {
	margin:0;
	padding:0;
}
body {
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-color:#CCC;
}
p {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
}
a {
	text-decoration:none;
}
div#wrapper {
	margin:6px auto;
	width:972px;
}
.logo {
	margin-top:20px;
	margin-bottom:20px;
	width:1000px;
	height:38px;
}
/*WHITEBOARD*/
.whiteboard {
	background:url(../images/wboard.png) no-repeat;
	height:569px;
}
.left a {
	display:block;
	width:206px;
	position:relative;
	top:200px;
	left:150px;
	height:30px;
	background:url(../images/who.png) 0 0 no-repeat;
}
.left a:hover {
	background-position: 0 -30px;
}
.right a {
	height:25px;
	display:block;
	position:relative;
	right:150px;
	top:200px;
	float:right;
	clear:both;
	width:262px;
	background:url(../images/why.png) 0 0 no-repeat;
}
.right a:hover {
	background-position: 0 -25px;
}
.quote {
	position:relative;
	top:400px;
	left:193px;
	background:url(../images/quote.png) no-repeat;
	width:560px;
	height:55px;
}
#swfContentmain {
	position:relative;
	top:5px;
	left:10px;
	height:518px;
	margin-bottom:5px;
}

#swfContent {
	overflow:scroll;
	position:relative;


}
#swfContentwhy {
	position:relative;
	left:10px;


}

.text {
	background-color:#FFF;
	width:580px;
	height:135px;
	overflow:auto;
	margin:5px auto;
}
.textleft {
	position:relative;
	left:14px;
	border-right:1px solid #CCC;
	width:470px;
	float:left;
}
.textright {
	position:relative;
	right:14px;
	width:460px;
	float:right;
}
/*------------------*/

div#footer {
	background:url(../images/footer.png) no-repeat;
	margin-top:50px;
	width:185px;
	height:10px;
}
/*NAV*/
.nav {
	position:relative;
	top:55px;
	height:44px;
}
.navleft a {
	display:block;
	position:relative;
	top:10px;
	left:190px;
	background:url(../images/who.png) 0 0 no-repeat;
	height:30px;
	width:206px;
}
.navleft a:hover {
	background-position: 0 -30px;
}
.navright a {
	width:262px;
	height:25px;
	float:right;
	clear:both;
	position:relative;
	top:10px;
	right:190px;
	background:url(../images/why.png) 0 0 no-repeat;
}
.navright a:hover {
	background-position: 0 -25px;
}
.navbottom {
	margin-left:20px;
	background:url(../images/nav_bottom.png);
	width:939px;
	height:12px;
}
.whoactive {
	background:url(../images/nav_active.png) no-repeat;
	position:relative;
	top:7px;
	left:100px;
	height:3px;
	width:315px;
}
.whyactive {
	background:url(../images/nav_active.png) no-repeat;
	position:relative;
	top:7px;
	left:500px;
	height:3px;
	width:315px;
}
/*                                              */
.innerwrap{
height:440px;
left:16px;
overflow:auto;
position:relative;
top:50px;
width:939px;
}
.sub_right{
	float:right;

}
.sub_left{
float:right;
position:relative;
left:15px;
}
.date {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:30px;
left:7px;
position:relative;
top:5px;
width:15px;
}
.month{
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
left:11px;
position:relative;
top:8px;
width:15px;
	}
	.datewrap{
clear:both;
float:right;
height:50px;
position:relative;
right:370px;
top:5px;
width:50px;
z-index:3;
	}
	.about{
border-bottom:1px solid #CCCCCC;
height:355px;
position:relative;
top:20px
	}
	.aboutimage{
		padding-top:10px;
		width:260px;
		height:352px;
	}
	
/* Social */
#social{
	float: right;
	margin: 10px 20px;
}
#social .soc-text{
	font-family: Arial, sans-serif;
	background: none;
	font-size: 22px;
	color: #666666;
	float: left;
	padding: 9px 10px 0 0;
}