html, body, div
{
	margin:0;
	padding:0;
	border:0;
}


body
{
	background-color:#00224a;
	background-image:url(../images/page-bg.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	color:#00224a;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
}
a, a:link
{
	color:#039;
}
a:visited
{
	color:#306;
}

a:hover
{
	color:#F33;
}

#page
{
	position:relative;
	margin:0 auto;;
	padding:0;
	width:900px;
	top:5px;
}




#top
{
	width:900px;
	height:105px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/page-top.png);
	background-repeat:no-repeat;
}
#left, #mid, #bottom, #right
{
	position:absolute;
	top:90px;
	height:585px;;
	background-repeat:no-repeat;
	overflow:hidden;
}
#left
{
	width:227px;
	left:0;
}
#mid
{
	width:525px;
	left:240px;
	background-image:url(../images/page-mid.png);
}
#right
{
	width:120px;
	left:780px;
	background-image:url(../images/page-right.png);
}
#bottom
{
	top:690px;
	width:900px;
	height:45px;
	background-image:url(../images/page-bottom.png);
}

#left img
{
	margin-top:15px;	
}
#left.video
{
	width:320px;	
}
#mid.narrow
{
	width:435px;
	left:330px;
	background-image:url(../images/page-mid-narrow.png);	
}


#top.home
{
	display:none;	
}
#left.home, #mid.home, #right.home
{
	top:15px;
	height:660px;
}
#left.home
{
	width:300px;
	background-image:url(../images/home-left.png);
}
#mid.home
{
	left:315px;
	background-image:url(../images/home-mid.png);
}
#right.home
{
	background-image:url(../images/home-right.png);
}
#bottom.home
{
	left:0;
	top:320px;
	width:300px;
	background-image:url(../images/home-bottom.png);
	background-image:none;
	color:white;
}
#bottom.home a
{
	color:#9FF;	
}
#bottom.home a:hover
{
	color:#FF0;	
}


#top a
{
	width:350px;
	height:85px;
	display:block;
}
#right
{
	text-align:center;
}
#right small
{
	font-size:13px;
	color:white;
	display:block;
	width:120px;
	margin-top:5px;
}
#right p
{
	background-color:#fefefe;
	font-size:16px;
	padding:4px 0 6px;
	margin:6px 6px 12px;
}
#bottom
{	
	line-height:30px;
	text-align:center;	
	font-size:15px;
}
#bottom a{
	
}
#mid.home div
{
	margin:2px 0;	
}
#mid.home div div
{
	width:180px;
	height:242px;
	margin:20px 0 0 30px;
	float:left;
	text-align:center
}

#mid.home div div img
{
	width:178px;
	height:240px;
	border:1px solid #999;
}
#mid.home div div a
{
	text-decoration:none;
	position:relative;
	top:3px;}

#mid.home #diy
{
	width:322px;
	height:92px;
	clear:both;
	margin:20px 65px;
}
#mid.home #diy img
{
	width:320px;
	height:90px;
}



#content
{
	overflow:auto;
	height:561px;
	position:relative;
	top:12px;
}

h1, h2, h3, h4, #content p
{
	margin-left:15px;
	margin-right:15px;
	font-size:19px;
	line-height:1.3em
}
h1, h2, h3, h4
{
	color:#039;	
	margin-top:1em;
	margin-bottom:0.5em;
}
#content p
{
	font-family:Arial, Helvetica, sans-serif;
}
h1{
	font-size:26px; 
	font-style:italic; 
	text-align:center;
	margin-top:0.25em;
}
h1 small{
	font-size:21px; 
	line-height:21px; 
	font-style:normal;
}
h2{
	font-size:21px;

	margin-bottom:-0.3em;
	}
h2.purchase
{
	text-align:center;
	margin-top:0.5em;
	margin-bottom:-0.75em;
}

#content form p
{
	text-align:center;

	width:360px;
	margin:1em auto;
}
#content form input
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px; 
	padding:2px 3px 2px 5px; 
	
	position:relative;
	top:6px;

}
#content form input[type='text']
{
	width:240px;
}
#content form input[type='submit']
{
	width:85px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content form input[type='hidden']
{
	display:none;
}

a.download
{
	background-color:#FF9;	
}
a.download:hover
{
	background-color:#FF0;	
	color:#900;
}

#home
{
	position:absolute;
	top:35px;
	right:20px;
	z-index:100;
}
#home a:visited
{
	color:#039;
}