﻿body
{
	background: #2F2F2F url(/images/template/page-bg.gif);
}

#screen
{
	background: #2F2F2F url(/images/template/fade-bg.gif) repeat-x;
}

#page
{
}

#header
{
	background:url(/images/template/header-bg.png) no-repeat top; height: 90px;
}

#header .inner
{
	margin-left: auto;
	margin-right: auto;
	width: 976px;
}
.logo
{
	float: left; width: 176px; height:62px; margin:20px 0px 0px 20px; 
}
#say-yes 
{
	 float:left; 
	 margin: 25px 0px 0px 60px;
}

#page-tools
{
	 float:left; 
	 background: url(/images/template/page-tools-bg.gif) no-repeat; 
	 width:250px; 
	 height:65px;
	 margin: 15px 0px 0px 30px;
}

#page-tools div
{
	margin:10px 0px 4px 8px;
}
#page-tools div a
{
	display:block; width:116px; float:left; padding:1px; line-height:12px; vertical-align:text-top;
}
#page-tools div a:hover
{
	text-decoration:none; background: #333; color: #fff;
}

#page-tools div img 
{
	margin-right:3px; margin-top:3px;
}

#nav
{
	background:url(/images/template/content-bg.png) repeat-y center;
	margin-top:0px;
	clear: both;
	padding-top:5px; padding-bottom:1px;
}

.flyout a
{
	padding:10px;
}

#content
{
	background: url(/images/template/content-bg.png) repeat-y center;
	clear: both;
}

#content .inner
{
	margin-left: auto;
	margin-right: auto;
	width: 976px;
}

#footer
{
	
	clear: both;
	height:120px;
	background: url(/images/template/footer-bg.png) no-repeat top center; color: #555;
}

#footer .inner
{
	margin-left: auto;
	margin-right: auto;
	width: 960px; padding:5px; 
}

#twitter
{ float:right; width:125px; height:60px;}

#facebook
{ float:right; width:125px; height:60px;}

#facebook
{
}

.main-content, .side-content
{
	display: inline;
	float: left;
	padding: 10px;
}

.main-content
{
	width: 670px;
}

.main-content img 
{ 
}

.side-content
{
	width: 220px;
	padding-left: 20px;
	background: transparent;
}


/* http://sonspring.com/journal/clearing-floats */

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after
{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
