@charset "utf-8";
/* CSS Document */

body	{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/* VISUAL HEADER */
#header	{
	margin: 0px;
	padding: 0px;
	background: #26276e url(/images/header_bkg.gif) repeat-x bottom;
}
#header_ctr	{
	width: 993px;
	height: 135px;
	margin: 0 auto;
	padding: 0px;
	background: #26276e url(/images/header_ctr_bkg.gif) no-repeat top;
}
#brand	{
	float: left;
	margin: 0px;
	padding: 30px 0px 0px;
}
#banner	{
	float: right;
	margin: 0px;
	padding: 30px 0px 0px;
}
/* END VISUAL HEADER */
body  #wrapper {
	width: 993px;
	margin: 0 auto;
	text-align: left;
}
/* MENU */
#menu {
	height: 24px;
}
#menu ul {
	padding: 0px;
	list-style-type: none;
	float: left;
	display: block;
	margin: 0px;
}
#menu li {
	position:relative;
	float: left;
	text-align: left;
}
#menu ul li a {
	text-decoration: none;
	background-repeat:no-repeat;
	text-align: center;
	color: #ffffff;
	position: relative;
	padding: 4px 0px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 1px 0px 0px;
}
#menu ul li a:hover {
}
	/* MENU BTNS */
	#menu ul li.home a{
		background-image:url(/images/home_btn.gif);
		background-repeat:no-repeat;
		display: block;
		height: 20px;
		width: 101px;
	}
	#menu ul li.home a:hover{
		text-decoration: underline;
	}
	#menu ul li.about a{
		background: url(/images/about_btn.gif);
		display: block;
		height: 20px;
		width: 101px;
	}
	#menu ul li.about a:hover{
		text-decoration: underline;
	}
	#menu ul li.consultancy a{
		background-image: url(/images/consultancy_btn.gif);
		background-repeat:no-repeat;
		display: block;
		height: 20px;
		width: 170px;
	}
	#menu ul li.consultancy a:hover{
		text-decoration: underline;
	}	
	#menu ul li.installation a{
		background: url(/images/installation_btn.gif);
		display: block;
		height: 20px;
		width: 153px;
	}
	#menu ul li.support a{
		background: url(/images/support_btn.gif);
		display: block;
		height: 20px;
		width: 110px;
	}
	#menu ul li.schools a{
		background: url(/images/schools_btn.gif);
		display: block;
		height: 20px;
		width: 109px;
	}
	#menu ul li.homeusers a{
		background: url(/images/homeusers_btn.gif);
		display: block;
		height: 20px;
		width: 135px;
	}
	#menu ul li.contact a{
		background: url(/images/contact_btn.gif);
		display: block;
		height: 20px;
		width: 104px;
	}
	/* END MENU BTNS */
#menu ul ul {
	background: #ffffff;
	display: none;
	position: absolute;
	float: left;
	top: 24px;
	left: 0px;
	border-top: 5px solid #26276e;
	border-bottom: 4px solid #26276e;
}
#menu ul li.consultancy ul li a, #menu ul li.installation ul li a, #menu ul li.support ul li a, #menu ul li.schools ul li a, #menu ul li.homeusers ul li a,  {
	color: #26276e;
	display: block;
	width: 220px;
	background-color: #ffffff;
	background-image:none;
	height: 20px;
	text-align: left;
	border-bottom: 1px solid #26276e;
	border-right: 5px solid #26276e;
	border-left: 5px solid #26276e;
	margin: 0px;
	padding: 8px 0px 0px 10px;
}
#menu ul li:hover ul {
	display: block;
	float: left;
}
#menu li li {
	clear:both;
	float: left;
	background-color: #ffffff;
}
#menu ul li ul li a:hover	{
	background: #0099ff;
	color: #ffffff;
	text-decoration: none;
}
/* END MENU */

/* CONTENT */
#content	{
	padding: 25px 0px 0px;
	margin: 0px;
}
.clearfloat {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 1px;
	overflow: hidden;
}
	/* CONTENT LHS */
	#content_lhs	{
		float: left;
		width: 597px;
		font: 11px Arial, Helvetica, sans-serif;
		color: #26276e;
	}
	#content h1	{
		font: 22px Georgia, "Times New Roman", Times, serif;
		color: #26276e;
		margin: 0px 0px 10px;
		padding: 0px;
	}
	/* MOVIE */
	#movie	{
		background: #26276e;
		margin: 0px;
		padding: 0px;
	}
	/* END MOVIE */
	#content h2	{
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #26276e;
	}
	#content h3	{
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #0099FF;
	}
	/* END CONTENT LHS */
	
	/* CONTENT RHS 1 */
	#content_rhs_1 {
		float: left;
		width: 184px;
		margin-left: 13px;
	}
	#content_rhs_1 h4 {
		font: 22px Georgia, "Times New Roman", Times, serif;
		color: #26276e;
		margin: 0px 0px 10px;
		padding: 0px;
	}
	.rhs_1_ctr	{
		background: #26276e url(/images/rhs_1_ctr_bkg.jpg) no-repeat center bottom;
		font: 11px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin-bottom: 30px;
	}
	.rhs_1_ctr p	{
		background: url(/images/rhs_1_ctr_bkg_top.jpg) no-repeat center top;
		margin: 0px;
		padding: 15px;
	}
	.rhs_1_ctr a	{
		background: url(/images/rhs_1_more_btn.jpg) no-repeat right;
		margin: 0px 15px 15px 0px;
		padding: 4px 18px 2px 0px;
		text-align: right;
		display: block;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #26276e;
		text-decoration: none;
	}
	.rhs_1_ctr a:hover	{
		text-decoration: underline;
	}
	/* END CONTENT RHS 1 */
	
	/* CONTENT RHS 2 */
	#content_rhs_2 {
		float: left;
		width: 184px;
		margin-left: 12px;
	}
	#content_rhs_2 h4 {
		font: 22px Georgia, "Times New Roman", Times, serif;
		color: #26276e;
		margin: 0px 0px 10px;
		padding: 0px;
	}
	.rhs_2_ctr	{
		font: 11px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background: url(/images/rhs_2_bkg.jpg) no-repeat bottom;
		padding: 0px 0px 250px;
	}
	.rhs_2_ctr form	{
		margin: 0px;
		padding: 0px;
	}
	.rhs_2_ctr table	{
		margin-bottom: 20px;
		padding: 0px 15px;
	}
	.rhs_2_ctr .cb_input	{
		font: 11px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		background: #0099FF;
		display: block;
		width: 146px;
		margin-bottom: 5px;
	}
	.rhs_2_ctr p	{
		font: 11px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		padding: 0px 15px 10px;
		margin: 0px;
	}
	.rhs_2_ctr strong	{
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	/* END CONTENT RHS 2 */

/* END CONTENT */

/* FOOTER */
#footer	{
	margin: 0px;
	padding: 0px;
	background: #26276e url(/images/footer_bkg.gif) repeat-x top;
}
#footer_ctr	{
	width: 993px;
	margin: 0 auto;
	padding: 15px 0px;
	background: #26276e url(/images/footer_ctr_bkg.jpg) no-repeat top;
	text-align: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#footer_lhs	{
	float: left;
	width: 234px;
}
#footer_lhs img	{
	margin-top: 10px;
}
#footer_rhs	{
	float: right;
}
#footer_rhs form	{
	margin: 0px;
	padding: 0px;
}
#footer_rhs .contact_input	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0099FF;
	display: block;
	width: 156px;
	margin-right: 20px;
}
#footer_rhs .contact_submit	{
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	height: 20px;
}
#footer_rhs textarea	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #0099FF;
	display: block;
	width: 156px;
	height: 50px;
}
#footer a	{
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover	{
	color: #0099FF;
	text-decoration: underline;
}
/* END MFOOTER */
