@import url(base.css);

/*
Page markers
----------
*/
/*change the #t1, #t2, etc appropriately to mark */
div.a_box ul li#t1 a
{
	background:#294f85;
	color:#fff;
}

/*grab the hover states from base and take the :hover off to mark the location on the page*/
li#d1a a
{
	background:url(images/ddMenus.gif) -204px 0;
}
li#m2 
{
	background: url(images/top_menu.gif) -79px -36px;
}
/*----*/
.header h1
{
	width:915px;
	height:213px;
	display:block;
	background: url(images/h_free_trial.jpg)
}

h2
{
	width:471px;
	height:18px;
	background: url(images/sh_free_trial_pricing.gif);
	margin:0 0 20px 0;
}

#movie
{
	height:213px;
}

.content
{
	padding:30px 0 0 0;
}



.chart1{
clear:both;
display:block;
width:542px;
height:345px;
background:url(images/chart1_free_trial_pricing.gif);
position:relative;
margin:0 0 40px 0;

}

.chart2
{
clear:both;
display:block;
width:542px;
height:570px;
background:url(images/chart2_free_trial_pricing.gif);
position:relative;
margin:60px 0 40px 0;
}

.chart1 a.start1
{
display:block;
width:305px;
height:65px;
background:url(images/bt_chart1_start1.gif);
position:absolute;
left:3px;
bottom:0;

}

.chart1 a.start1:hover
{
background:url(images/bt_chart1_start1.gif) 0 -65px;
}
.chart2 a.start1
{
display:block;
width:180px;
height:59px;
background: url(images/br_chart2_start1.gif);
position:absolute;
left:348px;
bottom:12px;
}
.chart2 a.start1:hover
{
background: url(images/br_chart2_start1.gif) 0 -59px;
}
.info, a.start1 span
{
width:0;
height:0;
overflow:hidden;
display:block;
}
div.a_box
{
margin:0 0 20px 0;
}