@charset "utf-8";
/* CSS Document */
a { outline:0; }
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	width:435px;
	padding:0 0 20px 0;
	border-bottom:1px solid #000000;
	display:block;
	margin:0;
	
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;

}
#menu a {
		float:left;
		display:block;
		padding:11px;
		text-align:center;
		color:#333;
		text-decoration: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		}
	#menu a:hover {	
		float:left;
		color:#FFFFFF;
		
	
		}
	#menu a:active {
		float:left;
		color:white;
	

		}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
	background: #000000 url(../images/bg.png) repeat-x;

}
.container {
	width: 962px;
	margin: 0px;
	padding: 0 20px;
	position: relative;
	left: 50%;
	margin-left: -501px;
	}
.top {
	margin: 0px;
	width: 962px;
	height: 93px;
	float: left;
	padding:27px 0px 0px 0x;
	}
.logo {
	margin:0; float: left;
	width: 335px;	height: 93px;
	padding:0;
	font-size:18px;
	font-weight:300;
	background:url(../images/logo.jpg) bottom no-repeat;

}
.menu_holder {
	margin: 0px;
	width: 570px;	height: 40px;
	float:right;
	padding: 50px 25px 0px 20px;
}


.content_holder, .content_holder2 {
		margin: 0px;
		width: 902px;	float: left;
		height:auto;
		background-color:#FFFFFF;
}

.content_holder{
			background:#FFFFFF url(../images/right_corner.png) right top no-repeat;
			padding:30px 30px 0 30px;
	}

.content_holder2{
			padding:0 30px;
			background:#FFFFFF url(../images/sub_bg.png) repeat-x top left;
	}

.partition_left, .partition_right {
		float:left; margin:0;
		width:450px; height:auto;
		padding:0; margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:220%; 
		}	
.left_block{
	padding:20px 0 0 0; float:left;
	margin:0;
	width:290px;
	height:auto;
	}
.right_block{
	padding:20px 0 0 0; float:left;
	margin:0;
	width:602px;
	height:auto;
	background:#FFFFFF url(../images/testimony_head.jpg) top left no-repeat;

	}	
.left_block h2 {
	font-family:Arial, Helvetica, sans-serif;
	float:left; margin:0;
	font-size:18px;
	color:#333333;
	padding:20px 0;
	font-weight:800;
	border-bottom:1px solid #333333;
	width:260px;
	
	}
.right_block h2{
		float:left; margin:0;
		font-size:18px;
		width:500px;
		padding:30px 20px 10px 20px;
		color:#FF9900;
		font-family:Arial, Helvetica, sans-serif;
		border-bottom:1px solid #333333;
		}
.text, .main {
	width:430px;
	height:auto;
	float:left;
	margin:0; padding:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
 
	}
.text{
	color:#666;}	

.main{
	color:#993300;}	
	
.titles {
	margin: 0px;float: left;
	font-size: 14px;
	width:240px; height:25px;
	text-transform:capitalize;
	font-weight:bold;
	color:#FF9900;
	padding-top:20px;
}
.sub_text{
	width:560px;
	height:auto;
	float:left; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:20px;
	text-align:justify;
	
		}
.sub_title{
	float:left; margin:0;
}	
#testimony{
	padding:0px 20px 0px 15px;
	margin:0;
	width:565px;
	float:right;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;

	
	}
#features { width: 290px;
	float:left; margin:0;
	padding:0;
	 }

#features ul
{
	list-style:square;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	color:#FF6600;
	margin-left:10px;
	padding-left:10px;
}

#features a
{
	display: block;
	padding: 5px 5px 5px 5px;
	width: 230px;
	border-bottom: 1px dotted #999999;
	text-decoration:none;
	color:#FF6600;
}

#features a:link, #featureslist a:visited, #featureslist a:active
{
color:#FF6600;
text-decoration: none;
}

#features a:hover
{
color:#FF6600;

}


.order a, .img a{
	float:left; margin:0;
	padding:0;
	height:auto;
	border:0;
	
	}
.package_holder{
	
	float:right; margin:0;
	padding:0; width:435px;
	height:200px;
	}	
.packages, .package1, .package2,.package3, .package4  {
	float:left; margin:0;
	padding:35px 20px 15px  20px;
	width:177px;
	height:44px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	}
.package1 a, .package2 a, .package3 a, .package4 a, .package1 a:link, .package2 a:link, .package3 a:link, .package4 a:link, .package1 a:active, .package2 a:active, .package3 a:active, .package4 a:active{
	color:#000000;
	text-decoration:none;
	}
.package_holder a{
	text-decoration:none;
	color:#000000;}	 	
.package1{
	background:url(../images/matrix_online_Invoice.png) top left no-repeat;
	}
.package2{
	background:url(../images/matrix_online_Scheduler.png) top left no-repeat;
	}
.package3{
	background:url(../images/matrix_hr_manager.png) top left no-repeat;
	}	
.package4{
	background:url(../images/matrix_bl_tracker.png) top left no-repeat;
	}	

.partition_sub_left{
		float:left; margin:0;
		width:525px; height:auto;
		padding:0; margin:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:220%; 
		}
.partition_sub_left h1{
	font-size: 25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	width:525px;
	padding:0 0 20px 0;
	border-bottom:1px solid #000000;
	display:block;
	margin:0;
	}
.partition_sub_right{
		float:right; margin:0;
		width:347px; height:auto;
		padding:0 0 20px 0; margin:0;
		
	
		}
		
.subpage_txt{
	width:525px; height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	padding-bottom:20px;
	}	
.righttop{
	float:left;
	width:347px; height:20px;
	background:url(../images/right_top.png) top left no-repeat;
	}

.right_btm{
	width:347px; height:20px; float:left;
	background:url(../images/right_btm.png) bottom left no-repeat;
	}	
.partition_sub{
	width:305px; float:left;
	height:auto;
	padding:0 20px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background:url(../images/right_bg.png) bottom repeat-x;
		}
.partition_sub h2{
	font-size:18px;
	color:#FF9900;
	font-weight:600;
	margin:0;
	padding:0 0 5px 0;
	width:305px;
	border-bottom:1px solid #333333;
}
.footer{
	float:left;	margin:0;
	width:962px;	height:70px;
	padding:0;
	color:#999999;
	background:url(../images/btm.jpg) top left no-repeat;
	
	}
.login_footer{
	float:left;	margin:0;
	width:962px;	height:70px;
	padding:0;
	color:#999999;
	background:url(../images/botom_login.png) top left no-repeat;
	
	}	

.sub_text{
		font-family:Arial, Helvetica, sans-serif; font-size:12px;
		line-height:180%;  

}

.copyright{
margin: 0px;
	width: 440px;
	height: 30px;
	padding: 20px 20px 0px 20px;
	font-size:12px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;

}



.form_holder {
	width:250px;
padding:15px 5px 20px 5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:160%;
float:left;
}
.cssform p{
float:left
clear: left;
margin: 0;
padding: 5px 0 8px 0;
 /*width of left column containing the label elements*/

}
p {
		margin:0; padding:0;}