@import 'init.css';
@import 'fonts/helvetica.css';

body {
	
	background: #d7f0f2 url(../images/bg.png) repeat-x;
	color: #333;

}

a { 
	
	color: #26809a;
	font-weight: bold;
	
}

a:hover { color: #424534; }

blockquote {

	background: #eee;

}


/*-- Clearing Styles & Container --*/

.container {

	width: 863px;
	margin: 0 auto;
	background: #fff;

}

.block {

	width: 863px;
	margin: 0 auto;
	display: block;
	
}

.clearfix { display: inline-block; }

.block:after, .clearfix:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.column {

	float: left;
	width: 240px;

}


/*-- Header/Logo --*/

#header {

	height: 101px;

}

h1#logo {

	padding: 0;
	float: left;

}

h1#logo a {

	display: block;
	text-indent: -999em;
	width: 225px;
	height: 101px;
	background: url(../images/tellthem-logo.png) no-repeat;
	text-decoration: none;

}


/*-- Main Navigation --*/

ul#navigation { 
	
	width: 638px;
	height: 101px;
	float: left;
	margin: 0;
	list-style: none;
	position: relative;
}

ul#navigation li {
	
	margin: 0;
	list-style: none;
	float: left;
	
}

ul#navigation li a.navlink {

	background: url(../images/nav-revised.png) no-repeat;
	height: 101px;
	text-decoration: none;
	text-indent: -999em;
	float: left;

}



ul#navigation li#nav-registered a.navlink {

	width: 275px;
	background-position: 0 0;

}

ul#navigation li#nav-refer a.navlink {

	width: 210px;
	background-position: -275px 0;

}

ul#navigation li#nav-follow a.navlink {

	width: 153px;
	background-position: -485px 0;

}

ul#navigation li#nav-registered a:hover {

	background-position: 0 -101px;

}

ul#navigation li#nav-refer a:hover {

	background-position: -275px -101px;

}

ul#navigation li#nav-follow a:hover {

	background-position: -485px -101px;

}

ul#navigation .submenu {
	
	position: absolute;
	display: none;
	left: 0;
	top: 101px;
}

ul#navigation li.nav:hover .submenu,
ul#navigation .navhover .submenu {

	display: block;

} 

ul#navigation li#nav-registered:hover #nav-registered-submenu,
ul#navigation .navhover #nav-registered-submenu {

	width: 243px;
	height: 107px;
	background: url(../images/register-over-bg.jpg) no-repeat;
	padding: 16px;

}

ul#navigation li#nav-refer:hover #nav-refer-submenu,
ul#navigation .navhover #nav-refer-submenu {

	width: 178px;
	height: 107px;
	left: 275px;
	background: url(../images/register-over-bg.jpg) no-repeat;
	padding: 16px;

}

ul#navigation li#nav-follow:hover #nav-follow-submenu,
ul#navigation .navhover #nav-follow-submenu {

	width: 121px;
	height: 107px;
	left: 485px;
	background: url(../images/register-over-bg.jpg) no-repeat;
	padding: 16px;

}



.submenu p.button a {
	
	display: block;
	text-decoration: none;
	line-height: 38px;
	padding: 0 0 0 45px;
	font-size: 12px;
	height: 38px;
}

.submenu p {

	padding: 0 0 10px 0;

}

.submenu p.button { padding: 0; }

#nav-registered-submenu p.button a {
	
	width: 196px;
	background: url(../images/reg-button-bg.png) no-repeat;


}

#nav-refer-submenu p.button a {

	width: 171px;
	background: url(../images/refer-button-bg.png) no-repeat;

}

#nav-follow-submenu p.button a {

	width: 171px;
	background: url(../images/follow-button-bg.png) no-repeat;

}

ul#navigation li#nav-registered #nav-registered-submenu p.button a:hover,
ul#navigation li#nav-refer #nav-refer-submenu p.button a:hover,
ul#navigation li#nav-follow #nav-follow-submenu p.button a:hover
 {

	color: #333;
	background-position: 0px 0px;
	
}

/*-- Content --*/

#main-container {
	
	height: 429px;

}

#main-container object, 
#main-container embed {

	display: block;

}

h2#tagline {

	height: 62px;
	background: url(../images/join-tagline.png) no-repeat;
	padding: 0;
	text-indent: -999em;
	
}

#flash {
	
	width: 863px;
	height: 367px;

}

#flash p { padding: 0; }

#content-container {
	
	background: #fff;

}

#content {

	background: url(../images/content-shadow.png) no-repeat;
	
}

.contentarea {}

#video {

	width: 420px;
	padding: 20px 0;

}

#home-content {

	width: 443px;

}

h2.contenttitle {
	
	font-size: 18px;

}

#home-content p.button {

	float: right;
	

}

#home-content p.button a {
	
	display: block;
	text-decoration: none;
	line-height: 38px;
	padding: 0 0 0 45px;
	font-size: 12px;
	height: 38px;
	width: 233px;
	background: url(../images/more-button-bg.png) no-repeat;
	
}

/*-- Sidebar --*/

#sidebar {

	width: 300px;

}

.sidebar-element {

	padding: 9px 0;

}

.sidebar-element .inner-box {

	background-color: #eee;

}

/*-- Footer --*/

#footer-container {

	height: 100px;
	background: url(../images/footer-bg.png) repeat-x;

}

#footer {

	background: url(../images/footer-bee.png) no-repeat;
	height: 100px;

}

#footer .footnote {

	padding: 60px 0 0 150px;
	font-size: 10px;

}

#footer .footnote a {

	text-decoration: none;

}