@charset "utf-8";
/* CSS Document */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. */
	color: #000000;
	background:url(images/topbar_bg.gif) repeat-x;	
}

.container {
	width: 950px;
	margin: 0 auto; 
	text-align: left; /* overrides text-align: center on the body element. */
	position:relative;
	padding-top:12px;
}

/* Header ################################################################################################# */

#header {
	position:relative;
	padding: 0;
	width:950px;
	height:93px;
}

#topbar_logo {
	position:absolute;
	top:-1px;
	left:0px;
	width:123px;
	height:64px;
}

#login a {
	width:100px;
	height:35px;
	display:block;	
	background:url(images/button_login.jpg) 0 0 no-repeat;
	position:absolute;
	right:0px;
	top:20px;
	font-size:11px;
	text-decoration:none;
	color:#dbdbdb;
}

#login .inside {
	position:absolute;
	left:0px;
	top:8px;
	width:100px;
	text-align:center;
}

#login a:hover {
	background-position: 0 -35px;
	top:22px;
	right:-2px;
}

#Navigation, #SubNavigation {
	position:absolute;
	right:120px;
	top:30px;
	margin:0;
	padding:0;
}

#SubNavigation {
	top:60px;
	right:80px;
	width:500px;
	text-align:center;
}

#Navigation ul, #SubNavigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#Navigation li, #SubNavigation li {
	list-style-type:none;
	margin-left:0px;
	padding-left:26px;
	display:inline-block;
	font-size:11px;
	text-transform:uppercase;
}

#SubNavigation li {
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.ActivePage {
	text-decoration:underline;
}

/* Headline ################################################################################################# */

#headline {
	width:950px;
	height:65px;
}

/* Banner ################################################################################################# */

#banner {
	width:990px;
	height:320px;
	position:relative;
	margin: 0 auto;
}	

#banner-sub-services, #banner-sub-about, #banner-sub-contact  {
	width:950px;
	height:90px;
	margin-top:35px;
	margin-bottom:30px;
	background-image:url(images/banner_services.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#banner-sub-about {
	background-image:url(images/banner_about.jpg);
}

#banner-sub-contact  {
	background-image:url(images/banner_contact.jpg);
}

#banner-sub-services h1 {
	position:absolute;
	bottom:18px;
	left:18px;
	display:inline;
	margin: 0 !important;
	padding:0 !important;
}

#TakeSystemTour a {
	width:210px;
	height:60px;
	display:block;	
	background:url(images/button_take_system_tour.gif) 0 0 no-repeat;
	position:absolute;
	left:360px;
	top:187px;
}

#TakeSystemTour a:hover {
	background-position: 0 -60px;
}


/* Quicklinks ################################################################################################# */

.quick {
	float:left;
}

.quick a {
	width:240px;
	height:40px;
	display:block;	
	background:url(images/button_main_arrows.jpg) 0 0 no-repeat;
	padding-left:46px;
	margin-left:30px;
	font-size:13px;
	margin-bottom:24px;
	position:relative;
}

.quick .inside {
	position:absolute;
	top:10px;
}

.quick a:hover {	
	background-position: 0 -40px;
}


#mainTopDivider {
	background-image:url(images/main_hr.gif);
	background-repeat:repeat-x;
	width:100%;
	height:3px;
	padding-bottom:5px;
}


/* Main Content ################################################################################################# */

#mainContent {
	padding: 0; 
	background: #FFFFFF;
	text-align:justify;
	font-size:12px;
	line-height:1.7em;
}

.paragraph_header {
	width:37px;
	height:37px;
	margin-right:10px;
	background-image:url(images/main_life_preserver.gif);
	background-repeat:no-repeat;
	float:left;
	display:block;
}

h1, h2, h3, h4 {
	font: 12px 'Trebuchet MS', Tahoma, Helvetica, sans-serif;
}

h1 {
	font-size:26px;
	text-align:left;
	letter-spacing:1px;
}

h2 {
	color:#40a435;
	font-size:24px;
	text-align:left;
}

h3 {
	font-size:20px;
	text-align:left;
}

h4 {
	color:#40a435;
	font-size:24px;
	text-align:center;
	margin-top:90px;
	margin-bottom:90px;	
	white-space:pre;	
}

.paragraph_header_systems {
	width:71px;
	height:71px;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
	display:block;
}

.testimonial {
	color:#666666;
}

ul li {
	list-style-image:url(images/bullet.gif);
}

.image_right {
	float:right;
}

#caption {
	color:#666666;
	font-size:11px;
}

.caption2 {
	font-size:10px;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
	margin-bottom:20px;
}



/* Columns ################################################################################################# */

#RightColumn {
	float:right;
	width:280px;
	color:#666666;
	font-size:11px;
	border-left:1px solid #69ac62;
	padding-left:20px;
}

#LeftColumn {
	float:left;
	width:620px;
	padding-right:20px;
}

#RightColumnHome {
	float:right;
	width:455px;
	border-left:1px solid #69ac62;
	padding-left:15px;
}

#LeftColumnHome {
	float:left;
	width:455px;
	padding-right:15px;
}

/* Footer ################################################################################################# */

#footer {
	padding: 0 10px; 
	border-top:1px solid #a0a0a0;
	clear:both;	
}

#footer p {
	margin: 0; 
	padding: 10px 0; 
	font-size:10px;
	color:#a0a0a0;
	text-align:center;
	white-space:pre;
}

#footer a {
	color:#a0a0a0;
}

/* Links ################################################################################################# */

a {
	text-decoration:none;
	color:#228222;
}

a:hover {
	text-decoration:underline;
}

a:active {
}

a:visited {
	color:#2aa12a;
}	

/* Utility ################################################################################################# */

.ClearFloat {
	clear:both;
}

.Center {
	text-align:center !important;
}