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


body {
	background: #999; 
	width:100%;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}	

#wrapper {
	background: #fff url(images/sprite.jpg) 0 -216px no-repeat;
	margin:0 auto;
	position:relative;
	width:960px;
	height:470px;
}	
#sidebar,
#col1,
#col2,
#col3 {
	float: left;
	margin-top: 50px;
}
#sidebar {
	width:250px;
	height:205px;
}

#col1,
#col2,
#col3 {
	width:230px;
}

#col2 {
	margin: 50px 10px 0;
}

.gray {
	background: #6a6a6a;
	padding: 10px;
	width: 210px;
	height: 205px;
}	

p {
	font-size:14px;
	line-height: 20px;
	color:#FFF;
}	
a {
	text-decoration: none;
}
a:hover .gray {
	background: #000;
}

h3 {
	margin:0;
	font-size:18px;
	color:#fc0;
}
.yellow {
	color: #fc0;
}

#footer {
	float:none;
	width:960px;
	background:#FFF url(images/ft.gif);
	background-position:top center;
	background-repeat:no-repeat;	
	margin:0 auto;
	position:relative;
	font-size:.8em;
	min-height:140px;
}

#ft1 {
	float:left;
	width:424px;
	height:140px;
	margin-top:45px;
	color:#999;
	font-size:.9em;
	text-align:right;
}

#ft2 {
	float:left;
	width:400px;
	height:140px;
	margin-top:45px;
	padding-left:35px;
	color:#333;
	font-size:.9em;
}
#logo {
	background: url(images/sprite.jpg) no-repeat;
	position: relative;
	text-indent: -9999px;
	width: 100%;
	height: 200px;
}
#tagline {
	background: url(images/sprite.jpg) -270px 30px no-repeat;
	width: 100%;
	height: 220px;
	text-indent: -9999px;
}
img {
	border: none;
	outline: none;
}