/* Seashell CSS - 17/03/2008 

	Table of Contents:
	Typography
	Positioning
	IE Fixes
			
*/


/* Typography
---------------------------------------------------------------------------------------- */

ul.curious_family h5 {
	font-size: 24px;	
}

ul.curious_family {
	font-size: 16px;
}	

div#footer ul.curious_family h5 a {
	color: white;
}	

ul.curious_family h5 a {
	text-decoration: none;	
}

ul.curious_family h5 a:hover {
	text-decoration: underline;	
}

ul.curious_family {
	text-align: center;	
}

div.plan_container p.free_trial {
	color: #77bbff;	
}

div.plan_container.highlight p.free_trial, div#plans_title p {
	color: #3399ff;	
}

div#plans_title p {
	color: #268aee;
}

/* Positioning
---------------------------------------------------------------------------------------- */    

p#logo a {
	width: 180px;
}

ul#plans_list {
	width: 580px;
}

ul#plans_list li.plan {
	width: 290px;
}

div.plan_container.highlight {
	border: 3px solid #3399ff;	
}

div#footer {
	padding: 0 0 10px 0;	
	background: black url(../images/home/footer_dither.gif) top left repeat-x;	
	border: 1px solid black;
	border-style: solid none none none;
}

span#seashell_dude {
	display: block;
	height: 78px;
	width: 50px;
	background: transparent url(../images/admin/system/seashell_dude.png);
	margin: -10px 0 0 -10px;
}

span#seashell_dude_large {
	display: block;
	height: 112px;
	width: 75px;
	background: transparent url(../images/home/seashell_dude.png);
	position: absolute;
}

ul.curious_family {
	float: left;
	width: 900px;
	padding-bottom: 38px;	
	margin-left: 40px;
}

ul.curious_family li {
	width: 225px;
	float: left;	
}

ul.curious_family h5 {
	padding-bottom: 5px;	
}

ul#screenshots {
	margin-left: 40px;	
}

ul#screenshots li {
	width: 284px;
	float: left;
	margin: 0 20px 20px 0;	
}

ul#screenshots li a {
	border: 2px solid #CCC;
	display: block;
	width: 280px;
	height: 280px;	
}

ul#screenshots li a:hover {
	border-color: #333;	
}

ul#screenshots li a img {
	display: block;	
}

/* IE Fixes
---------------------------------------------------------------------------------------- */


/* damn you, IE.  damn you */


/* 3rd Party
---------------------------------------------------------------------------------------- */