body {
	border: thick;
	border-color: gray;
	margin-top: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px; /*x-small;*/;
	line-height: 140%;
	background-color: #CCCCCC;
}

#container {
	width: 900px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 1px ridge gray;
	background-image: url('images/misc/BG_gradient.gif');
	background-repeat: repeat-x;
	text-align: left;
	background-color: rgb(0, 85, 149);
}

#subcontainer {
	width: 860px;
	margin: 0px 0px 0px 20px;
	background-color: #FFFFFF;
}

#header {
	background-color: transparent;	
	height:           118px;			/*118px*/
	background-image: url('images/misc/BG_gradient.gif');
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;  
}

#header li {
	margin: 0px;
	padding: 0px;
}

#contents {
	clear: both;
	float: left;
	width: 856px;
	padding: 0px 0px 20px 0px;;
	margin:	0px 0px 0px 0px; 
	border: 2px ridge rgb(0, 85, 149);
}

#main {
	float: left;
	background-color: #FFFFFF;
	border: none; 
	margin: 0px 0px 0px 10px; 			/*330*/
	width: 520px;		/*500*/
}

#sidebar {
	background-color: #FFFFFF;
	border:	none;	
	margin: 20px 10px 0px 0px;
	width: 300px;
	float: right;
}
#sidebarcustomer {
	margin: 25px 0px 0px 0px;
}
#footer {
	background-color: rgb(0, 85, 149);
	clear: both ;
	border: none;
}

h1 {
	font-size: 100%;      /* 120%; */
	color:            #954b4b;
}

h2 {
	font-size: 100%;	/*110%;*/
	color: rgb(0, 85, 149);
	margin-left: 0px;
	margin-bottom: 0;
	margin-top: 5px;
}
h2.lists {
	font-size: 100%;		/*110%;*/
	color: #000080;
	margin-left: 0px; /*margin-bottom: -10px;*/;
	line-height: 1em;
	margin-bottom: 1em;
}
h2.listscenter {
	font-size: 100%;		/*130%;*/
	color: #000080;
	line-height: 1em;
	margin-bottom: 10px;
	text-align: center;
}
p.lists {
	font-size: 100%;	/*120%;*/
	line-height:130%;
	margin: 0px;
	padding-left: 10px;
}
	
h2.customername {
	font-family: "Times New Roman", Times, serif; /*130%;*/;
	color: #CC0000;
	line-height: 1em;
	margin-bottom: 10px;
	text-align: center;
	font-size: 140%; /*120%;*/;
	line-height: 130%;
	margin: 0px;
	padding-left: 10px;
}
p.footer {
	margin: 0;
	padding: 0;
}
p.customer{
	font-size: 100%;	/*120%;*/
	line-height:130%;
	margin: 5px 0px 0px 0px;
}	
p.sidebar {
	font-size: 100%;	/*120%;*/
	line-height:150%;
	margin: 0px 0px 0px 3px;
	padding: 0;	
}

/* features sidebar */
h2.features {
	font-size: 100%;		/*110%;*/
	color: #000080;
	margin-left: 0px; /*margin-bottom: -10px;*/;
	line-height: 1em;
	margin-bottom: 10px;
	margin: 10px 0px 10px 0px; 
}
ul.features {
	list-style-type: square;
	list-style-position: inside;
	margin: 0;
	margin-left: 0em;
	padding-left: 0em;	
	line-height:160%;
}
li.features {
	margin-left: 0em;
	padding-left: 0em;
}
p.features {
	font-size: 100%;	/*120%;*/
	line-height:140%;
	margin: 0;
	/* margin: 0px 0px 10px 0px; */
}

/*  header spacing */
.logo_left{
	padding: 5px 0px 0px 30px;
}
.logo_right{
	padding: 4px 0px 0px 75px;
}
#header p { 				/* space between the headers and the menus */
	margin-bottom: 15px;
}


#menu{
	width: 370px; /*100%;*/ /* will set the total width to sum of the items */;
	/* clear: both; */
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 0px;
}
#menu ul{
	margin: 0px 0px 0px 95px;    /* 30 */
	padding: 0;
	list-style-type: none;
	height: 30px;
}
#menu ul li{
	display: inline;
	width: 80px; /* sets the width of the item */;
	float: left;
	text-align: center;
	font-size: 11px;
	padding: 3px 0px 3px 0px;
}

#menu li a{
	text-decoration: none;		/* remove the underline */
	text-align: left;
	height: 22px;
	display: block;
	background-position: right top;
	background: url('images/menu/BlueButton.gif') no-repeat ;
	color: white;
	font-weight: bolder;
	font-size: 10px;
	padding: 3px 0px 0px 0px;
}
#menu li a.home {
	padding: 3px 0px 0px 20px;
}
#menu li a.support {
	padding: 3px 0px 0px 8px;
}
#menu li a.aboutus {
	padding: 3px 0px 0px 8px;
}

#menu2 {
	width: 450px;
	float: right;
	margin: 0;
	padding: 0;
	margin-top: 0px;

}
#menu2 ul{
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	height: 30px;
}
#menu2 ul li{
	display: inline;
	width: 110px; /* sets the width of the item */;
	float: left;
	text-align: center;
	font-size: 11px;
	padding: 3px 0px 3px 0px;
}

#menu2 li a{
	text-decoration: none; /* remove the underline */;
	text-align: center;
	height: 22px; /* float: left; */;
	display: block;
	background-position: right top;
	/* padding: 0; */
	color: white;
	font-weight: bolder;
	font-size: 10px;
	padding: 3px 0px 0px 0px;
}
#menu2 li a.sales {
	background: url('images/menu/Sales_Button.gif') no-repeat ;
	padding: 3px 0px 0px 12px;
}
#menu2 li a.b2b {
	background: url('images/menu/B2B_Button.gif') no-repeat ;
	padding: 3px 0px 0px 12px;
}
#menu2 li a.plan {
	background: url('images/menu/Plan_Button.gif') no-repeat ;
	padding: 3px 0px 0px 12px;
}
#menu2 li a.process {
	background: url('images/menu/Process_Button.gif') no-repeat ;
	padding: 3px 0px 0px 10px;
}

#submenu{
	width: 380px;
	float: left;
	list-style-type: none;
	margin: 20px 10px 20px 80px;									/* margin: 10px 390px 20px 70px; */
	padding: 0;
}

#submenu ul{
	margin: 0;
	padding: 0;
}

#submenu li{ 
	/*border: 1px solid #ED9F9F;*/
	display: inline;
	width: 75px; /* sets the width of the item */;
	height: 22px;
	float: left;
	text-align: center;
	font-size: 11px;
	/*background-color: #0000FF;*/
	font-weight: bold;
	padding: 3px 0px 3px 0px;
}

#submenu li a{
	text-decoration: none; /* remove the underline */;
	text-align: center;
	height: 22px; /* float: left; */;
	display: block;
	background-position: right top;
	padding: 0;
	color: white;
	font-weight: bolder;
	font-size: 10px;
	background: url('images/menu/BlueButton.gif') no-repeat ;
	/* background: url('images/menu/rust_margin.gif') no-repeat ; */

	padding: 3px 0px 0px 0px;

}
#submenu .submenu1 {
	background: url('images/menu/gray_plain_30.gif') no-repeat ;
}	
#submenu .submenu2 {
	background: url('images/menu/blue_plain_30.gif') no-repeat ;
}
#submenu .submenu3 {
	background: url('images/menu/tan_plain_30.gif') no-repeat ;
}
#submenu .submenu4 {
	background: url('images/menu/green_plain_30.gif') no-repeat ;
}
#submenu .submenu5 {
	background: url('images/menu/brown_plain_30.gif') no-repeat ;
}
#submenu .button3 {
				width: 280px;
				margin-left: 70px;
}
#submenu .button4 {
				width: 320px;
				margin-left: 30px;
}



/* Sales Intro */
.saleintrocustimage{
	float: right;
	padding: 5px 0px 0px 5px;
	margin: 5px 0px 0px 0px;;
}	
.salesintroreadmore{
	clear: right;
	float: right;
	margin: 10px 20px 0px 0px;
	border-style: none;
	background-color: white;
}
#salesintropic {
	border-style: none;
	margin: 0px 0px 0px 70px;
}
#salesintrobottomtext {
	margin: 0px 80px 0px 40px;
}

.screenshot_15{
	float: left;
	margin: 30px 0px 0px 25px;
}
.screenshot_10{
	float: left;
	margin: 30px 0px 0px 15px;
}
.screenshot{
	float: left;
	margin: 30px 0px 0px 0px;
}
.screenshot_0_60{
	float: left;
	margin: 0px 0px 0px 70px;
}

#footer .footer {
	border: none:
}