/*************************************************************
Drill page specific style sheet

When defining styles, for consistency,
use a similar order for definitions.

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
2a. top right bottom left for box measurements
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)
*************************************************************/

/*************************************************************
Main Styles
*************************************************************/

body
	{
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: #141414 url("/images/body_bg.jpg") no-repeat top left;
	font: 10px arial; 
	color: #333;
	}

#contain
	{
	display: block;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 793px;
	background:;
	}


#contain .clb 
	{ 
	clear: both; 
	height: 1px; 
	visibility: hidden;
	}


img
	{
	margin: 0;
	padding: 0;
	border: 0;
	}

a
	{
	color: #90cee5;
	}
	
a:hover
	{
	color: #90cee5;
	}

/***************************************************************
Header / Footer Items
***************************************************************/

#header
	{

	}


#footer
	{
	display: inline;
	text-align: right;
	}

#footer ul
	{
		float: right;
		display: block;
		margin: 15px 13px 0 0;
		padding: 0 0 15px 359px;
		width: 418px;
		background: url(/images/message_bg.gif) no-repeat 0px 14px;
	}
	
#footer li
	{
		display: inline;
		margin: 0;
		padding: 0 5px 0 5px;
		border: 0 solid #CCC;
		border-left: 1px solid #545454;
		font: normal 1.1em Arial, sans-serif;
		text-transform: uppercase;
		color: #FFF;
	
	}

#footer ul li a
	{
	color: #666;
	}

#footer ul li a:hover
	{
	color: #FFF;
	}

#footer li.start
	{
		border-left: 0px
	}

/******************************************************
Top Items
******************************************************/

#top
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 793px;
		text-align: right;
/*
		background: url("/images/top_bg.gif") no-repeat top left;
*/		
	}
	
#top ul
	{
		float: right;
		margin: 0 18px 5px 0;
		padding: 5px 20px 5px 22px;
		background: #0a0a0a;
		border: 0;
	}
	
#top li
	{
		display: inline;
		margin: 0;
		padding: 0 5px 0 5px;
		border: 0 solid #CCC;
		border-left: 1px solid #545454;
		font: normal 1.1em Arial, sans-serif;
		text-transform: uppercase;
		color: #FFF;
	
	}

#top ul li a
	{
	color: #666;
	}

#top ul li a:hover
	{
	color: #FFF;
	}

#top li.start
	{
		border-left: 0px
	}
	
#top .message
	{   
		display: block;
		margin: 50px 0 0;
		padding: 0;
		border: 0;
		width: 793px;
		height:37px;
		background: url("/images/message_bg.gif") no-repeat top left;
		text-align: left;
	}
	
#top .message form 
	{
		margin: 0;
		padding: 14px 0 0 495px;
		border: 0;
	}
	
#top .message form fieldset
	{
		margin: 0;
		padding: 0;
		border: none;
	}

#top .message form input#email
	{
		float: left;
		margin: 4px 10px 0 0;
		padding: 0;
		height: 20px;
		width: 150px;
		border: 1px solid #999;
		border: none;
		font: 1.0em Arial, sans-serif;
		text-transform: uppercase;
		color: #CCC;
		background: none;
	}	




/*************************************************************
HOME Content Items
***************************************************************/

#contain.home
	{
	position: relative;
	}

#contain.home #top
	{
	position: relative;
	z-index: 20;
	}

#contain.home #content
	{
	position: relative;
	
	background-image: url(/images/home_bg08.jpg);
	background-position: 17px 0;
	}
	
#contain.home #nav
	{
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 30;
	}
	
#contain.home #homeflash
	{
	position: absolute;
	top: 50px;
	left: 200px;
	margin: 0;
	padding: 0;
	z-index: 10;
	}
	
#contain.home #right
	{
	position: absolute;
	top: 10px;
	left: 60px;
	margin-right: 0;
	width: 320px;
	text-align: left;
	z-index: 40;
	}

#contain.home #right a
	{
	color: #000000;
	text-decoration: underline;
	}

#contain.home #right h1
	{
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
/*
	text-indent: 2000px;
	overflow: hidden;
	background: no-repeat top right;
*/
	}

#contain.home #right ul
	{
		margin: 0 20px 0 0;
		padding: 0;
		list-style: none;
	}

#contain.home #right li
	{
		margin: 4px 0 0 0;
		padding: 0;
		list-style: none;
		background: none;
	}
	
#contain.home #right #set1
	{
	position: absolute;
	top: 85px;
	right: 0;
	margin: 0;
	padding: 0;
	}
/*
#contain.home #right #set1 h1
	{
	background-image: url(/images/home_h1_how.gif);
	}
*/
#contain.home #right #set2
	{
	position: absolute;
	top: 190px;
	right: 36px;
	margin: 0;
	padding: 0;
	}

#contain.home #right #set2a
	{
	position: absolute;
	top: 160px;
	right: 0;
	margin: 0;
	padding: 0;
	}


/*
#contain.home #right #set2 h1
	{
	background-image: url(/images/home_h1_why.gif);
	}
*/
#contain.home #right #set3
	{
	position: absolute;
	top: 290px;
	right: 168px;
	margin: 0;
	padding: 0;

	}

#contain.home #right #set3a
	{
	position: absolute;
	top: 255px;
	right: 0;
	margin: 0;
	padding: 0;

	}

#contain.home #right #set4
	{
	position: absolute;
	top: 345px;
	right: 0;
	margin: 0;
	padding: 0;

	}


/*
#contain.home #right #set3 h1
	{
	background-image: url(/images/home_h1_tips.gif);
	}
*/

#contain.home #footer
	{
	position: relative;
	top: 0;
	right: 0;
	float:left;
	margin: 0;
	padding: 0;
	z-index: 50;
	}

/*************************************************************
Content Items
***************************************************************/

#content
	{
		display: block;
		float: left;
		margin: 20px 0px 0px 0px;
		padding: 0;
		border: 0;
		width: 793px;
		height: 472px;
		background: url("/images/content_bg.gif") no-repeat top left;
	}

#nav
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 793px;
			
	}

#navf
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 793px;
			
	}	

#navf .alignment
	{
		margin: 0px 0 0 313px;
	}

#nav .alignment
	{
		margin: 6px 0 0 313px;
	}
	

#nav_tab
	{
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 793px;
		background: url("../images/nav_tab_bg.gif") no-repeat;
	
	}

	
#nav_tab ul
	{
		position: relative;
		top: 0px;
		left: 430px;
		z-index: 300; 
		margin: -26px 0px 0px 0px;
		padding: 0px 80px 0px 0px;
		width: 265px;
		height: 24px;
	}
	
#nav_tab li
	{
		list-style: none;
	}
	
#nav_tab .link a
	{
		display: block;
		width: 265px;
		height: 24px;
		background: url("../images/nav_tab_off1.gif") no-repeat;
		text-indent: -9999em;
		overflow: hidden;
	}
	
 #nav_tab .link a:hover
	{
		background: url("../images/nav_tab_on1.gif") no-repeat;
	}
	
#left
	{
		display: block;
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 494px;

	}
	
#left #text_block
	{
		float: left;
		display: inline;
		margin: 10px 0 15px 80px;
		padding: 0 10px 0 0;
		width: 390px;
		height: 180px;
		overflow: auto;
	}
	
#left #text_block
	{
		font: normal 1.2em/1.6em Arial, sans-serif;
		color: #FFF;
	}

	
#left h1
	{
		margin: 70px 0px 0px 75px;
		padding: 0;
		font: bold 3.5em Arial, sans-serif;
		color: #FFF;
	}

#left h2
	{
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.2em;
	color: #CCCCCC;
	}

#left h3
	{
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	color: #CCCCCC;
	}

#left p
	{
	margin: 5px 0 10px 0;
	padding: 0;
	}

#left ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#left ul li
	{
	display: block;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-indent: 0;
	background: url(/images/list_bullet.gif) no-repeat 0 7px;
	}

#left table
	{
	margin: 5px 0 10px 0;
	padding: 0;
	}
	
#left th
	{
	background-color: #7bafc3;
	border-left: 2px solid #333;
	border-bottom: 2px solid #333;
	}
	
#left td
	{
	margin: 0;
	padding: 5px 4px 4px 4px;
	width: 50%;
	font-size: .9em;
	line-height: 1.4em;
	background-color: #666666;
	border-left: 2px solid #333;
	border-bottom: 1px solid #333;
	vertical-align: top;
	}

#right
	{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 299px;

	}
	
#right h1
	{
		margin: 70px 0 8px 72px;
		padding: 0;
		font: bold 1.75em Arial, sans-serif;
		text-transform: uppercase;
		color: #FFF;
	}
	
#right ul
		{
			margin: 0px 15px 0px 76px;
   padding: 0;
			list-style: none;
		}

	
#right li
	{
		margin: 0;
		padding: 0 0 8px 14px;
		font: normal 1em/1.45em Arial, sans-serif;
		color: #1c404d;
		background: url(/images/right_list_bullet.gif) no-repeat 0 3px;
	}
	
#right ul li ul
	{
		margin: 10px 0 0 6px;
		padding: 0;
	}
	
#right ul li ul li
	{
		margin: 0;
		padding: 0 0 0 14px;
	}

#right li a
	{
		text-decoration: none;
		color: #1c404d;
	}

#right li a:hover
	{
		text-decoration: underline;
		color: #1c404d;
	} 
	
	


/********************************************************
General Links
*********************************************************/
