@charset "utf-8";
body {
	font-family: 100% "myriad Pro";
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;	
	margin:
}

.main-body #container {
	width: 100%;  /* this will create a container 80% of the browser width */	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.main-body #header {	
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	clear: both;
}

.main-body #header-banner {
	width: 840px;
	margin: 0 auto;
	text-align: left;	
	padding: 0;
	height: 120px;
	background: url(images/header-logo.jpg) no-repeat top left;
}
.main-body #header-banner-blank {
	width: 840px;
	margin: 0 auto;
	text-align: left;	
	padding: 0;
	height: 120px;
	background: url(images/header-blank.jpg) no-repeat top left;	
}
.main-body #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.main-body #nav {
	background: #DDDDDD; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background: url(images/nav-bg.jpg) repeat-x top left;
	height: 60px;
}

.main-body #nav-item {
	width: 840px;
	margin: 0 auto;
	text-align: left;	
	padding: 0;	
	height: 60px;		
}

.main-body #nav-item ul{
	list-style-type: none;
	padding: 0;
	margin:0 auto;
	width:840px;
}

.main-body #nav-item li{ 
	font-family: "arial"; /* changed from myriad Pro per Tim's request */
	font-weight: normal;
	font-size:13px;
	float: left;
	margin:0;	
}

.main-body #nav-item li a{ 
	height: 34px;
	line-height: 33px;
	float: left;
	display: block;
	color: #999999;
	text-decoration: none;
	text-align: center;
	padding: 0 15px 0 15px;
	margin: 18px 0 0 0;
}

.main-body #nav-item li a:hover{ 
	color: #FF8D13;
	background-image: url(images/nav-arrow-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.main-body #signature {
	float:right;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

.main-body #contact {
	font-weight: normal;
	font-size:13px;
	float: left;
	margin:0;
	list-style-type: none;
	padding: 0;
	margin:0 auto;
	font-family: "arial"; /* changed from myriad Pro per Tim's request */
	font-weight: normal;
	font-size:13px;	
	margin:0;	
	line-height: 33px;
	float: right;
	display: block;
	color: #999999;
	text-decoration: none;
	text-align: center;
	padding: 0 15px 0 15px;
	margin: 18px 0 0 0;		
}

.main-body #main-area {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;	
}

.main-body #main-content {
	width: 840px;
	margin: 0 auto;
	text-align: left;	
	padding: 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 14px;
}

.main-body #main-content h1{
	color: #FF8D13;
	font-size: 15px;
	font-weight: bold;
}

.main-body #main-content h2{
	color: #999999;
	font-size: 13px;
	font-weight: bold;
}

.main-body #main-content h3{
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

.main-body #main-content a {
	color: #999999;
	text-decoration: none;
}

.main-body #main-content a:hover {
	color: #999999;
	text-decoration: underline;
}

.main-body #main-top {	
	/* height: 260px; */
	margin: 0px 0px 60px;
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;
	background-image: url(images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;		
}

.main-body #main-top-link {
	position: absolute;
	top: 445px;
	bottom: 500px;
	left: 965px;
	right: 505px;
	height: 50px;
	background-color: Transparent;	
	
}

.main-body #main-top p{	
	width: 400px;
}

.main-body #main-top img{	
	margin: 100px;
	border-style: none;
}

.main-body #main-topEDS {	/* alternating image to reflect Enterprise Document Sharing */
	/* height: 200px; */
	margin: 0px 0px 60px;
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;
	background-image: url(images/enterprisedocumentsharing-image.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;	
}

.main-body #main-topEDS h2{	
	width: 400px;
}

.main-body #main-topEDS p{	
	width: 400px;
}

.main-body #main-topEDS img{	
	margin: 100px;
	border-style: none;
}

.main-body #main-topDC {	/* alternating image to reflect Document Collaboration */
	/* height: 200px; */
	margin: 0px 0px 60px;
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;
	background-image: url(images/documentcollaboration-image.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;	
}

.main-body #main-topDC h2{	
	width: 400px;
}

.main-body #main-topDC p{	
	width: 400px;
}

.main-body #main-topDC img{
	margin: 100px;
	border-style: none;
}

.main-body #main-topECS {	/* alternating image to reflect Enterprise Collaboration Software */
	/* height: 200px; */
	margin: 0px 0px 60px;
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;
	background-image: url(images/enterprisecollaborationsoftware-image.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50%;	
}

.main-body #main-topECS h2{	
	width: 400px;
}

.main-body #main-topECS p{	
	width: 400px;
}

.main-body #main-topECS img{	
	border-style: none;
}

.main-body #main-blank {	/* No Image is used in this region --- used for forms and other areas with add'l div code */
	margin: 0px 0px 10px;
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;		
}

.main-body #main-blank h2{	
	width: 400px;
}

.main-body #main-blank p{	
	width: 400px;
}

.main-body #main-newRegion {	/* used for new div tag for items such as forms, signups and logins */
	/* height: 200px; */
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;		
}

.main-body #main-newRegion2 {	/* used for new div tag for items such as forms, signups and logins */
	/* height: 200px; */
	padding: 10px 0 20px 0;
	float: left;
	width: 840px;
	background-image: url(images/client-logo.gif);
	background-repeat: no-repeat;
	background-position: 100% 30%;		
}


.main-body #services1{
	/* margin: 0px 10px;
	background-image: url(images/title-shareDocs.jpg);
	background-repeat: no-repeat;
	background-position: top left;    used in html instead of css  */
	float: left;
	padding: 0px 5px 10px 5px; /* positioning of the text below the image */
	width: 250px;		
}
	

/*
.main-body #main-services1 h1{
	color: #999999;
	font-size: 13px;
	font-weight: bold;
}
*/

.main-body #services2{
	/* margin: 0px 10px;
	background-image: url(images/title-enterpriseDocMgmt.jpg);
	background-repeat: no-repeat;
	background-position: top left;  used in html instead css */
	float: left;
	padding: 0px 5px 10px 5px;
	width: 250px;
}

.main-body #services3{			
	/*margin: 0px 10px;
	background-image: url(images/title-onlineEnt.jpg);
	background-repeat: no-repeat;
	background-position: top left; used in html instead css    */
	float: left;
	padding: 0px 5px 10px 5px;
	width: 250px;
}

.main-body #main-bottom {	
	width: 840px;
	height: 200px;
	float: left;
}

.main-body #clients {	
	width: 520px;
	height: 200px;
	float: left;
	background-image: url(images/client-logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.main-body #news {	
	background-image: url(images/title-news.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 250px;
	height: 200px;
	padding: 35px 0 10px 0;
	float: right;
}

.main-body #news img{	
	border-style: none;
}

.main-body #footer { 
	clear: both;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images/footer-bg.jpg) repeat-x top left;	
}

.main-body #footer-content {
	font-family: "myriad Pro";
	font-size: 11px;
	width: 840px;
	margin: 0 auto;
	text-align: left;	
	padding: 0px;
	height: 100px;	
	/*background: url(images/footer-logo.jpg) no-repeat top left;*/
	background-image: url(images/footer-logo.jpg);
	background-repeat: no-repeat;
	background-position: 20px 50%;	
	color: #999999;
}
 
.main-body #footer-content p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 30px 0 0 80px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	line-height: 10px;
}

.main-body #footer-content a {
	color: #999999;
	text-decoration: none;
}

.main-body #footer-content a:hover {
	color: #999999;
	text-decoration: underline;
}

.main-body #footer2 { 
    color: #777777;
    font-family : "myriad Pro";
	font-size: 8px;	
	margin: 100px auto;
	text-align: left;		
	padding: 100px;
	text-decoration: none; 	
}
.main-body #footer2 a { 
	color: #777777;
	text-decoration: none; 	
}
.main-body #footer2 a:hover{ 
	color: #777777;
	text-decoration: none; 	
}
.main-body #footer2 ul{
	list-style-type: none;
	text-decoration: none; 	
}

.main-body #footer2 li{ 
	list-style-type: none;
	text-decoration: none; 	
}