.page {width:/*860px;*/1000px;
	margin: 0px auto;
	background: #D5F6FE url(../images/bkg_top.jpg) no-repeat top left;
	border:1px solid #D5F6FE
}

#slogan {
	font: bold 16px/1.5em 'Trebuchet MS',Arial,Helvetica,sans-serif;
	color: #666666;
	/*position: relative;
	top:-20px;
	left:20px;*/
	margin: -30px 0 0 15px;
}
/* reset menu lists: */

.midmenu, .botmmenu {list-style: none;}

div.cap-top, div.cap-botm {
	height:10px;
	width:800px;
	margin: 0 auto;
}
div.cap-top {
	background: url(../images/cap_blue.gif) no-repeat 0 0;
}
div.cap-botm {
	background: url(../images/cap_blue.gif) no-repeat 0 -10px;
}

#topcontent {
	height:400px;
	width:800px;
	margin: 0 auto;
	background-color: #ffffff;
}
.topcontent div {
	padding:10px 25px;
}

#midnav {height:110px; padding-top:32px; background: url(../images/bkg_midnav.gif);}

#midmenu {/*background: url(../images/bkg_midmenu.png);*/ }
/*
.midmenu li {float:left; width:166px; text-align:center}
.midmenu li a {color:white; font: bold 16px/1.5em 'Trebuchet MS',Arial,Helvetica,sans-serif; text-decoration:none; display:block; height:46px; padding:10px; background:url(../images/bkg_midmenu.png);}
.midmenu li a:hover  {background:#2B8596; }
.midmenu li a.selected {background:#237E8E; }
*/
.midmenu li {display:block; float:left; width:166px; height:66px; background:url(../images/bkg_midmenu.png);}
.midmenu li a { display:block; padding:66px 0 0 0; height:0px !important; height /**/:66px; /* for IE5.5's bad box model */ overflow:hidden;}
.midmenu li a:hover  {background-color:#2B8596 !important; }
.midmenu li a.selected {background-color:#237E8E !important; }
a#testimonials {background: url(../images/button_testimonials.png) no-repeat;}
a#manage {background: url(../images/button_manage.png) no-repeat;}
a#screenshots {background: url(../images/button_screenshots.png) no-repeat;}
a#video {background: url(../images/button_video.png) no-repeat;}
a#training {background: url(../images/button_training.png) no-repeat;}
a#security {background: url(../images/button_security.png) no-repeat;}


#midcontent {
	/*height:420px;*/
	width:800px;
	margin: 0px auto;
	background-color: white;
}
.midcontent {padding:10px 25px}

#botmmenu {
	width:800px;
	margin:0 auto;
	background: white;
	height: 140px;
}
.botmmenu > li {float: left;
	width: 133px;
	text-align: center;
}/* width must be calculated depending on .page width & ## of li items */
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		white;
	height:			70px/*2.5em*/;
	/*padding-bottom:	60px2.5em;*/
	position:		relative;
}
.sf-navbar li {
	background:		white;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			800px;/*44em;*/ /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		white;
	position:		relative;
	top: 5px;

}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		white;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		white;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		white;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		white;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			70px;/*2.5em;*/ /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}
.sf-navbar li li.current > a {
	font-weight:	bold;
}

.sf-navbar li > ul > li > p {
	margin: 0px;
	padding:10px;
	text-align:justify;
}