@import url(base.css);
/*
Page markers
----------
*/
/*change the #t1, #t2, etc appropriately to mark */
/*grab the hover states from base and take the :hover off to mark the location on the page*/


#m1 
{
	background: url(images/top_menu.gif) 0 -36px;
}

/*----*/
.header h1
{
	width:915px;
	height:312px;
	display:block;
	background: url(images/home_header.jpg);
	margin:0;
	padding:0;
}
h2
{
display:block;
	width:525px;
	height:25px;
	background:url(images/subheadIndex.gif);
	margin:10px 0 30px 40px;
	clear:both;
	
	
}


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

#movie, .header
{
	height:312px;
}

.sec1
{
	width:611px;
	 padding:0 30px 0 23px;
	float:left;
	line-height:1.5em;
}

.sec1a
{
display:block;
	width:240px;
		padding:112px 32px 0 40px;
	float:left;
	border-right:solid 2px #e3f3fa;
	background:url(images/cards.jpg) 45px -5px no-repeat;
	
	
}
.sec1a p, .sec1a h3
{
width:240px;
}
.sec2a
{
display:block;
	width:250px;
	margin:0 0 0 30px;
	padding:112px 10px 0 0;
		float:left;
	background:url(images/loginMouse.jpg) 5px 13px no-repeat;
}
.sec2a p, .sec2a h3
{
width:250px;
}
.sec1a h3
{
margin:3.5em 0 0 0;
}
.sec2a h3.cap, .sec1a h3.cap
{
margin:0 0 0 0;
}
.b_list
{

	display:block;
}
.b_list li
{

margin:5px 0 0 20px;
}


.movies
{
	width: 580px;
	border-top:solid 2px #e3f3fa;
	margin:0 0 0 10px;
	padding:33px 0 30px 0;
	text-align:center;
	float: left;
}
.line
{
	width: 530px;
	border-top:solid 2px #e3f3fa;
	margin:0 0 0 40px;
	padding:0 0 20px 0;
	text-align:center;
	float: left;
}
p.exception
{
width: 580px;
margin:20px 0 0 10px;
float: left;
text-align:right;
font-size:.77em;
font-style:italic;
}
p.leadin
{
margin:20px 0 10px 0;
display:block;
left:40px;
position:relative;
}
.sec2
{
	width:225px;
	padding:0 0 10px 26px;
	float:left;
}


a.whatMovie, a.regMovie, a.shopMovie
{
	display:block;
	width:186px;
	height:133px;
}

a.whatMovie
{
	background:url(images/bt_what_is_mov.gif);
}

a.whatMovie:hover
{
	background:url(images/bt_what_is_mov.gif) 0 -133px;
}

a.regMovie
{
	background:url(images/bt_reg_mov.gif);
}

a.regMovie:hover
{
	background:url(images/bt_reg_mov.gif) 0 -133px;
}

a.shopMovie
{
	background:url(images/bt_shop_mov.gif);
}

a.shopMovie:hover
{
	background:url(images/bt_shop_mov.gif) 0 133px;
}

a.whatMovie,a.regMovie,a.shopMovie
{
	float:left;
	margin:0 10px 0 0;
}
a.regMovie
{
	margin:0;

}
a.b_free{
position:relative;
top:-24px;
left:123px;
margin:0 0 -24px 0;
}
a.b_learn
{
position:relative;
left:0;

}
a.bt_how
{
display:block;
width:122px;
height:24px;
background: url(images/bt-how.gif); 
position:relative;
left:309px;

}
a.bt_how:hover
{
background: url(images/bt-how.gif) 0 -24px;
}
a.bt_start
{
display:block;
width:125px;
height:24px;
background:url(images/bt-get_started.gif);
position:relative;
top:-24px;
left:451px;margin:0 0 0 0;
}
a.bt_start:hover
{background:url(images/bt-get_started.gif) 0 -24px;
}

a.whatMovie span, a.regMovie span, a.shopMovie span, a.bt_start span, a.bt_how span
{
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}
.thelinks
{
width:900px;
margin:20px auto;
font-size:.7em;
text-align:center;
}
.thelinks a
{
color:#ccc;
}