/* Holly Hack */
div.section:after, div.content:after, div#main_content:after, div#tabs:after, div.row:after, div.tab:after, ul.nav:after, ul.nav li:after, h1:after, h2:after, h3:after, div.tab ul.articles li:after, ul.articles li:after, ul.magazine_issues li:after, ul.list#packages:after, ul.tv_episodes li:after, ul.property_search_results li:after, dl.property_summary:after, fieldset:after, form:after
	{	clear: both;
		display: block;
		content: ".";
		height: 0;
		visibility: hidden;
	}
	
html, 
body 
	{

	}
		
body
	{	
		font-size: 75%; /* 75% makes 1em = 12px in all elements in the document.*/
		font-family:  helvetica, arial, sans-serif;
		color: #000;
		padding: 0;
		margin: 0;
		background: #181312 url("../images/bg_gradient.png") repeat-x;
	}

/* start all block level elements that will contain text.
	Follow these rules and you will avoid font-size multiplying:- 
	1. the following elements must be the only block level elements that contain text as a child node (more distant ancestors are fine)
	2. the following elements must not be a ancestor or or descendent to each other i.e they must not be 'inside' one another
*/
h1, 
h2, 
h3, 
h4,			 
h5,
p,
li, 
select, 
option, 
input,
dt,
dd,
hr,
div,
b
	{	
		font-size: 1em;	/* 11px from top of ascender to bottom of descender in arial */
		margin: 0;
		padding: 0;
	}
	
ul,  
ol,
li,
dl

/** 
 * end all block level elements that will contain text
 * ul, ol and dl cannot go in rule above otherwise you will get font-size multiplication, as it is the parent of li 
**/
	{	
		list-style: none;
		margin: 0;
		padding: 0;
	}

/** 
 * Font
**/
a
	{
		color: #FF0066;
		text-decoration: none;
		border: none;
	}

a:hover
	{
		text-decoration: underline;
	}

a#logo
	{
		width: 146px;
		height: 127px;
		margin: 0 0 0 10px;
		display: block;
		text-indent: -9999px;
		border: none;
	}
	
h1
	{
		font-size: 25px;
		font-weight: 100;
		margin: 0 0 20px 0;
		height: 30px;
	}

h1.order_form,
h1.pop_up
	{
		color: #DED6CE;
	}

h3.package_name 
	{
		text-align: center;
		font-weight: 100;
		font-size: 14px;
		font-style: none;
		text-decoration: none;
		color: #FF0066;
		margin: 0 0 0em 0;
		padding: 0;
	}
	
p.home#intro_text
	{
		margin-top: 10px;
		line-height: 135%;
	}
	
p.features
	{
		font-size: 14.5px;
	}

p.contact
	{
		margin: 1em 0 1em 0;
	}
	
p.small,
span.small
	{
		font-size: 14.5px;
	}
	
span.highlight
	{
		color: #FF0066;
	}
	
span.package_desc,
span.package_price
	{
		text-align: center;
		display: block;
	}
	
span.package_desc
	{
		height: 45px;
		margin: auto;
		font-size: 11px;
		line-height: 100%;
	}

span.package_price
	{
		font-size: 13px;
	}	
	
span.home_copy,
span.fine_print,
span.perfect_gift
	{
		display: block;
	}
	
span.fine_print
	{
		font-size: 11px;
		line-height: 100%;
		padding: 0.7em 0 0 0;
	}

span.perfect_gift
	{
		padding: 1em 0 0 0;
	}
	
ul.list#packages p
	{
		margin: 0;
		padding: 0;
	}
	
ul.list#packages li#gold_package span.package_desc
	{
		width: 127px;
	}

ul.list#packages li#diamond_package span.package_desc
	{
		width: 167px;
	}

ul.list#packages li#platinum_package span.package_desc	
	{
		width: 186px;
	}
/** 
 * Div elements
**/	
div.section#inner_wrapper
	{
		height: 360px;
		width: 910px;
		padding: 20px 20px 20px 60px;
		margin: 7.5em auto 0 auto;
		background: url("../images/stage.gif") no-repeat;
	}
	
div.section#nav
	{
		margin: 20px 86px 0 32px;
		width: 104px;
		font-size: 15px;
		float: left;
	}
	
div.section#content
	{
		width: 627px;
		float: left;
		font-size: 17px;
		font-weight: 50;
		line-height: 125%;
		color: #DED6CE;
		margin: 60px 0 0 60px;
	}
	
div.section#smallprint
	{
		font-size: 0.8em;
		width: 990px;
		margin: auto;
		text-align: right;
		color: #fff;
	}

div.content#pop_up
	{
		width: 374px;
		padding: 0 0 0.5em 0;
		color: #DED6CE;
	}
			
div.content#home a img
	{
		display: block;
		width: 210px;
		float: left;
		margin: 0 1em 0 0;
	}

div.content#home p
	{
		display: block;
		width: 370px;
		float: left;
	}
	
img
	{
		border: none;
	}
	
/** 
 * List elements 
**/

ul.nav
	{
		display: block;
	}

ul.list#our_friends 
	{
		margin: 1em 0 0 0;
	}
	
ul.nav#main_nav
	{
		margin: 60px 0 0 10px;
	}
	
ul.nav#main_nav li
	{
		margin: 0.2em 0 0.2em 0;
	}
	
ul.nav#main_nav li a
	{
		text-decoration: none;
		color: #615D56;
	}
	
ul.nav#main_nav li.selected a
	{
		color: #fff;
	}
	
ul.nav#main_nav li a:hover
	{
		color: #fff;
	}
	
ul#how_it_works
	{
		margin: 25px 0 1em 0;
	}

ul.list li
	{
		font-size: 14.5px;
	}

ul.packages li
	{
		margin: 0 0 0.8em 0;
	}
	
ul.list li
	{
		list-style: inside;
		list-style-image: url(../images/img_list_bullet.png);
	}
	
ul.list#packages li
	{
		display: block;
		float: left;
		margin: 0 1.3em 0em 0;
		width: 127px;
	}

ul.list#packages li a.package_image
	{
		display: block;
		height: 138px;	
	}
	
ul.list#packages li#gold_package 
	{
		width: 127px;
		margin: 0 1.5em 0em 0;
	}
	
ul.list#packages li#diamond_package 
	{
		width: 205px;
	}

ul.list#packages li#platinum_package 	
	{
		width: 212px;
	}