﻿/*utility classes*/
.clear{clear:both;margin:0;padding:0;font-size:1px}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */	
	
	*	{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	body	{
		text-align:center;
		background:url(../furniture/big-background.png) 50% 0;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:80%;
	}
	#wrapper	{
		margin:0 auto;
		width:950px;
		text-align:left;
		}
	#container	{
		width:950px;
		background:url(../furniture/wrapper-background.gif) 0 50%;
		float:left;
	}
	h1	{
		background:url(../furniture/main-title.gif);
		width:400px;
		height:115px;
		margin:0 0 15px 0;
		}
	.hidden	{
		position:absolute;
		left:-3000px;
	}
	#panel1	{
		width:400px;
		float:left;
		margin:15px 10px 0 15px;
	}
	#panel1 p	{
		color:#fff;
		margin:0 0 8px 10px;
		line-height:110%;
		}
	#panel2	{
		width:505px;
		float:left;
		position:relative;
		height:100px;
	}
	#taskforce-logo	{
		background:url(../furniture/taskforce-logo.gif);
		width:147px;
		height:68px;
		position:absolute;
		left:350px;
		top:15px;
	}
	
	#video{
		width:511px;
		height:311px;
		/*background:url(../furniture/videoReplacement.png);*/
		position:absolute;
		top:100px;
		left:50px;
	}
	
	#bottomPanels	{
		width:950px;
		clear:left;
		margin:20px 0;
		float:left;
	}
	
	#panel3	{
		width:475px;
		float:left;
		background:url(../furniture/greenBox.png);

	}
	#panel4	{
		width:475px;
		float:left;
		background:url(../furniture/blueBox.png);
	}
	
	#panel4 p, #panel3 p, h2 {
		padding:0 25px;
	
	}
	
	.boxCopy span{display:block;float:left;}
	.boxCopy .leftquote {width:55px;height:37px;background:url(../furniture/leftQuote.png) left top no-repeat;}
	.boxCopy .rightquote {width:44px;height:149px;background:url(../furniture/rightQuote.png) left bottom no-repeat;}
	.boxCopy .bottomBoxCopy {width:300px;padding-top:10px;color:#fff;font-style:italic}
	
	
	h2	{	
		color:#fff;
	}
	
	#panel3 h2	{	
		background:url(../furniture/greenBoxHead.png);
		margin-bottom:10px;
	}
	
	#panel4 h2	{	
		background:url(../furniture/blueBoxHead.png);
		margin-bottom:10px;
	}
	
	a#employers-button	{
		width:420px;
		height:54px;
		background:url(../furniture/employers-button.gif);
		display:block;
		margin:15px 0;
	}
	
	a#teachers-button	{
		width:420px;
		height:54px;
		background:url(../furniture/teachers-button.gif);
		display:block;
		margin:15px 0;
	}
	
	#footer	{
		width:950px;
		clear:left;
	}
	#footer ul	{
		margin:5px 20px;
	}
	#footer li	{
		float:left;
		color:#fff;
		font-size:0.9em;
		padding:0 10px 10px 0;
		display:block;
		
	}
	#footer li a	{
		color:#fff;
		text-decoration:none;
		border-left:1px dotted #fff;
		padding-left:10px;
	}
	#footer li a:hover	{
		text-decoration:underline;	
	}
