/* NAVIGATION */
/*

main dark blue - 243EB3


main light blue - 5ACBFF
highlight blue - AAF0FF

dark grey - 989490
einSpine grey - ADA8A4
einSpine paler grey - BBB6B0

main bg colour - 243EB3

link visited - 551A8B

*/

#homeNavWrap {
	clear: right;
	float: right;
	text-align: right;
	width: 100%;
	padding:0;
	margin:0;
	background-color:#FFFFFF
}

#homeNavWrap #nav li {
	border-bottom: 1px solid #5ACBFF;
}

#homeNavWrap #nav {
	background-image: url(im/homeNavTabEnd.gif); background-position: right bottom;
}

#homeLowWrap {
	margin: 0;
	padding: 0;
}

/* HEADER */
#homeLink {
	position: absolute;
	top: 0px;
	float:left;
	text-align:left;
	background-color:transparent;
}

#homeMain{
	height:239px;
	clear:both;
	position:relative;
	top:-1px;
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	padding:0;
	background-image:url(../images/homeHead-long.jpg);
	background-repeat:no-repeat;
	text-align:right;
	z-index:1;
}

#homeAdvert {
	width:740px; 
	height:151px; 
	text-align:left; 
	background-color:transparent;
}

/* Slogan: "Pain Free Computing" */
#tag {
	position:absolute;
	top:170px;
	text-align:center;
	width:150px;
	left:40px;
}

#tag h1 {
	font-weight:bold; 
	font-size:22px; 
	font-style:italic; 
	padding-top:0px;
	margin:0;
	letter-spacing:0;
	color:#ADA8A4;
}


#tag a:link	{ color:#ADA8A4; text-decoration:underline}
#tag a:hover	{ color:#243EB3;}

/* Main Advert Text: "The program that..." */
#homeText {
	top:70px; 
	left:283px; 
	position:absolute; 
	width:350px;
	margin:0;
	padding:0;
	background-color:transparent;
}

#homeText h1 {
	color:#4DB0ED; 
	font-style:normal; 
	font-weight:bold; 
	font-size:18px;
	padding-top:0px;
	margin:0;
	text-align:left;
	letter-spacing:0px;
	background-color:transparent;
}

/* Footnote: "RSI = Repetitive..." */
#homeFootnote {
	top:125px; 
	left:283px; 
	position:absolute; 
	width:350px;
	margin:0;
	padding:0;
	background-color:transparent;
}

#homeFootnote p {
	padding-top:0px;
	color:#666666;
	font-size:10px;
}


/* Free Trial Button (Top Advert) */
#homeFreeTrial {
	top:125px; 
	left:495px; 
	position:absolute; 
	width:100px;
	margin:0;
	padding:0;
}


/* Advert Features / Bullet points */
#bullets {
	position:absolute; 
	top:169px;
	left:276px;
	width:440px;
	padding-left:0px;
	padding-right:0px;
	color:#FFF; 
	background-color: #243EB3;
	font-size:11px;
	font-weight:bold;
	line-height:13px;
}

#bullets a {
	color:#5ACBFF;
	text-decoration:underline;
	font-weight:800;
	background-image: url("../images/bulletsarrow.gif");
	background-repeat:no-repeat;
	background-position:center;
	background-position:right;
	padding-right:15px;
}

#bullets a:hover {
	color:#FFF;
	text-decoration:underline;
}

#bullet1 {
	width:135px; 
	float:left; 
	text-align:left;
	background-color: #243EB3;
}

#bullet2 {
	width:135px; 
	float:left; 
	text-align:left; 
	margin-left:15px; 
	background-color: #243EB3;
}

#bullet3 {
	width:135px; 
	float:left; 
	text-align:left; 
	margin-left:15px;
	background-color:#243EB3;
}




/* BTF: Left panel (col 1) */
#col1 {
	width: 236px;
	float:left;
	padding:0;
	margin:10px 0px 0px 10px;
	background-color:#FFF;
}

#col1 .toppanel {
	float:left;
	background-color:#FFF;
}

#col1 .bottompanel {
	float:left;
	margin:0;
	padding-top:0;
	background-color:#FFF;
}

#col1 .lowerpanel {
	float:left;
	margin-top:0;
	padding-top:10px;
	background-color:#FFF;
}

	#rsiHelp {
		float:left;
		padding:0;
		width: 236px;
		margin:0;
		background-image:  url("../images/resources_back.jpg");
		background-repeat:repeat-y;
	}
	
		#rsiHelp  h3 {
			text-align:left;
			font-size:11px;
			font-weight:bold;
			letter-spacing:0;
			line-height:11px;
			padding: 5px 0px 0px 10px;
			margin:0;
		}
		
		#rsiHelp p {
			padding:0px 10px 0px 10px;
			margin:0;
			text-align:left;
			font-size:12px;
			line-height:13px;
		}
		
		#rsiHelp  .shotright {
			padding:0px 5px 0px 0px;
			margin:0;
			float:right;
		}
		
		#rsiHelp  .shotleft {
			padding:0px 2px 0px 2px;
			margin:0;
			float:left;
		}
		
		#rsiHelp  a {
			text-decoration:none;
			background-repeat:no-repeat;
			color:#000000;
		}
		
		#rsiHelp h3 a:hover {
			color:#243EB3;
			text-decoration:underline;
		}
		
		#rsiHelp  a:visited {
			color:#989490;
			text-decoration:none;
		}
		
		.rsiHelp _separator {
			padding:5px 2px 5px 2px;
			margin: 0;
			height:2px;
			background-color:#a39b95;
			clear:both;
		}


	#resources {
		float:left;
		background-image:  url("../images/resources_back.jpg");
		background-repeat:repeat-y;
		padding:0;
		margin:0px 0px 0px 0px;
	}
	
		#resources h3 {
			text-align:left;
			font-size:11px;
			font-weight:bold;
			line-height:11px;
			letter-spacing:0;
			padding: 0px 0px 0px 0px;
			margin:0px 0px 0px 10px;
		}
		
		#resources p {
			padding:0px 10px 0px 10px;
			margin:0;
			text-align:left;
			font-size:12px;
			line-height:13px;
		}
		
		#resources .shotright {
			margin:0;
			padding:0px 5px 0px 0px;
			float:right;
		}
		
		#resources .shotleft {
			margin:0;
			padding:0px 2px 0px 2px;
			width:120px;
			float:left;
		}
		
		#resources a {
			text-decoration:none;
			background-repeat:no-repeat;
			color:#000000;
		}
		
		#resources h3 a:hover {
			color:#243EB3;
			text-decoration:underline;
		}
		
		#resources  a:visited {
			color:#989490;
			text-decoration:none;
		}
		
		.resources_separator {
			width: 233px;
			height:2px;
			padding:0;
			margin-top:5px;
			margin-bottom:5px;
			margin-left:2px;
			margin-right:2px;
			background-color:#a39b95;
			clear:both;
		}
	
		.resources_bottom {
			background-image:  url("../images/resources_bottom.jpg");
			background-repeat:no-repeat;
			height:44px;
			clear:both;
		}
	
	
/* BTF: Middle panel (col 2) */
#col2 {
	width:249px;
	float: left;
	padding:0px;
	margin:10px 9px 0px 9px;
}

	#news {
		background-image:  url("../images/news_back.jpg");
		background-repeat:repeat-y;
		margin:0;
		padding:0;
	}
		
		#news h3 {
			text-align:left;
			font-size:12px;
			font-weight:bold;
			letter-spacing:0;
			padding:0px 10px 0px 10px;
			margin:0;
		}
		
		#news p {
			margin:0;
			text-align:left;
			padding:0px 10px 0px 10px;
			line-height:15px;
			font-size:12px;
		}

		#news a {
			text-decoration:underline;
			background-image: url("../images/middlearrow.gif");
			background-repeat:no-repeat;
			background-position:center;
			background-position:right;
			padding-right:10px;
		}
				
		#news a:hover {
			color:#FFF;
			text-decoration:underline;
		}
		
		.news_separator {
			height:1px;
			margin:5px 5px 5px 5px;
			background-color:#3dc9ff;
		}
	
		#news_bottom {
			background-image:  url("../images/news_bottom.jpg");
			background-repeat:no-repeat;
			height:12px;
		}

	#faq {
		background-image:  url("../images/faq_back_long.jpg");
		background-repeat:no-repeat;
		margin:7px 0px 0px 0px;
		padding:0;
	}
	
		#faq h3 {
			text-align:left;
			font-size:12px;
			font-weight:bold;
			letter-spacing:0;
			margin:0;
			margin-left:10px;
			margin-right:10px;
		}
		
		#faq p {
			padding:0;
			margin:0;
			text-align:left;
			margin-left:10px;
			margin-right:10px;
			line-height:15px;
			font-size:12px;
		}

		#faq a:link {
			text-decoration:underline;
			background-image: url("../images/middlearrow.gif");
			background-repeat:no-repeat;
			background-position:center;
			background-position:right;
			padding-right:10px;
		}
		
		#faq a:visited {
			color:#989490;
			text-decoration:underline;
		}
		
		#faq a:hover {
			color:#000;
			text-decoration:underline;
		}

	
		#faq_bottom {
			background-image:  url("../images/faq_bottom.jpg");
			background-repeat:no-repeat;
			height:12px;
		}
		
/* BTF: Right panel (col 3) */
#col3 {
	width: 236px;
	float:left;
	padding:0px;
	margin: 0px 0px 0px 0px;
}

	#right_videos {
		background-image:  url("../images/right_videos_back.jpg");
		background-repeat: no-repeat;
		height:139px;
		margin:10px 0px 0px 0px;
		padding:0;
	}
	
		#right_videos h2 {
			text-align:center;
			font-weight:bold;
			margin:0;
			padding:0;
			padding-top:8px;
			color:#000;
			font-size:13px;
			letter-spacing:0;
		}
		
		#right_videos_button {
			position:relative;
			top:90px;
			left:50px;
			margin:0;
			padding:0;
			z-index:50;
		}

	#right_bodymap {
		background-image:  url("../images/right_bodymap_back.jpg");
		background-repeat: no-repeat;
		height:138px;
		margin:10px 0px 0px 0px;
		padding:0;
	}

		#right_bodymap_text {
			top:0px;
			margin:0;
			margin-right:8px;
			padding:0;
			text-align:right;
			width:120px;
			float:right;
		}
		
		#right_bodymap_text h2 {
			font-size:16px;
			margin-bottom:0;
			padding-bottom:0;
			letter-spacing:0;
			float:right;
		}
		
		#right_bodymap_text p {
			font-size:12px;
			font-weight:bold;
			margin-bottom:0;
			float:right;
		}
		
		#right_bodymap_button {
			float:right;
			padding-top:20px;
			padding-right:10px;
		}

	#right_assess {
		background-image:  url("../images/right_assess_back.jpg");
		background-repeat: no-repeat;
		height:133px;
		margin:10px 0px 0px 0px;
		padding:0;
	}

		#right_assess_text {
			margin:0;
			padding:5px 8px 0px 0px;
			text-align:right;
			width:130px;
			float:right;
		}
		
		#right_assess_text h2 {
			font-size:16px;
			float:right;
			margin:0;
		}
		
		#right_assess_text p {
			font-size:12px;
			font-weight:bold;
			float:right;
		}
		
		#right_assess_button {
			float:right;
			padding-top:2px;
			padding-right:10px;
		}
		
	#right_trial {
		background-image:  url("../images/right_trial_back_long.jpg");
		background-repeat: no-repeat;
		height:236px;
		margin:10px 0px 0px 0px;
		padding:0;
	}

		#right_trial_text {
			float:right;
			width: 128px;
			margin:0;
			padding:104px 12px 0px 0px;
			text-align:left;
			color:#000;
		}
		
		#right_trial_text h2 {
			margin:0;
			padding:0px 0px 0px 0px;
			font-size:14px;
			font-weight:bold;
			letter-spacing:0;
		}
		
		#right_trial_text p {
			font-size:11px;
			font-weight:bold;
			color:#000;
		}
		
		#right_trial_text ul{
			margin: 0;
			padding:0px 0px 0px 16px;
			font-size: 11px;
			font-weight: bold;
			color:#000;
		}
		#right_trial_text ul{line-height:13px;}
		
		#right_trial_text a:link	{ color:#000;}
		#right_trial_text a:visted	{ color:#000;}
		#right_trial_text a:hover	{ color:#FFF;}
		
		#right_trial_text_button {
			float:right;
			padding:2px 10px 0px 0px;
		}
		
		
