#container {width: 810px; margin: 9px auto; position: relative;}

#computer {position:absolute; top:51px; right:0px; width:215px; height:37px;}

#logo, #logo h4, #menu, #menu_left, #menu_right, #splash, #first, h3, h2, h1, #tagline {margin: 0;}
#logo {height: 88px; background: url(images/logo.jpg) no-repeat 24px 20px;}
#logo h4 a {display: block; height: 70px; width: 230px; text-indent: -9999px;}

#splash_backdrop {background:url(images/email-security.jpg) no-repeat; width:810px; height:318px; position:relative;}
#menu, #menu_left, #menu_right {height: 33px;}
#menu {background:transparent; width: 792px; float: left;}
#menu_left {width:9px; float:left;}
#menu_right {width:9px; float:right;}
#menu ul, #menu ul li {margin:0; padding:0;}
#menu ul li {list-style:none; font-weight:bold; float:left;}
#menu ul li a, #menu ul li a:visited {display:block; float:left; height:22px; padding: 6px 27px 0 27px; color:#fefefe; font-size:14px;}
#menu ul li a:active, #menu ul li a:hover {text-decoration: none; color: #ff7e00;}
#menu ul li.on a, #menu ul li.on a:visited {color: #ff7e00;}

#splash {clear:both; color:#fff; width:810px; height:213px;}
#splash #first, #splash #second {width: 315px; height: 107px; margin: 0 0 0 36px; position:relative;}
#splash h3 {margin: 0; padding: 5px 0 0 0; font-size: 14px;}
#splash p {font-size: 12px; padding: 0; margin: 6px 0; line-height:15px;}
#splash a, #splash a:visited {
	display: block;
	position:absolute;
	bottom:7px;
	right:0;
	width: 90px;
	height: 18px;
	background: transparent url(images/button.gif) no-repeat top left;
	color: #fff;
	font-size: 11px;
	padding: 4px 0 0 10px;
}
#splash a:active, #splash a:hover {background-position: bottom left; text-decoration: none; color: #000;}
#tagline {width:810px; height:71px; position:absolute; bottom:1px; left:0;}
#tagline #text_sect {float:left; margin:0; width:660px; padding:0;}
#tagline h3 {padding: 13px 0 0 22px; margin:0; color:#6f0; font-size:28px; width:500px;}
#tagline h1 {padding: 0 0 0 22px; margin:0; color:#c0c0c0; font: bold italic 13px verdana, arial, sans-serif; line-height:10px; width:500px;}

#tagline a, #tagline a:visited {float:left; display:block; cursor:pointer; margin:0 11px 5px 0; padding: 6px 0 0 47px; width:87px; 
	height:35px; color:#fff; font-size:10px; background:transparent url(images/login.gif) no-repeat top left;}
	
#tagline a strong {font-weight: bold; font-size: 14px;}
#tagline a em {float: left; font-size: 10px; font-style: normal; clear: both;}
#tagline a:active, #tagline a:hover {background-position: bottom left; text-decoration: none; color: #000;}

#features {width: 810px; height: 105px; background: #424242; color: #fff;}
#features h3, #features em {font-size: 14px; font-style: normal; margin: 0;	padding: 20px 0 0 0;}
#features h3 em {color: #ff7e00;}
#features p {font-size: 11px; margin: 0; padding: 4px 0;}
#features p strong {font-weight:normal; font-size: 11px;}
#security, #productivity, #accessibility {vertical-align: middle; width: 175px; height: 100%; padding-left: 94px; float: left;}
#security, #productivity {border-right: 1px solid #5d5e5e;}
#security {background: transparent url(images/security.gif) no-repeat left;}
#productivity {background: transparent url(images/productivity.gif) no-repeat left;}
#accessibility {background: transparent url(images/accessibility.gif) no-repeat left;}

#legal, #legal_left, #legal_right {height: 35px; margin: 0; padding: 0;}
#legal_left {background: transparent url(images/curve_bottom_left.gif) no-repeat top left; width: 9px; float: left;}
#legal {background: transparent url(images/bottom_bg.gif) repeat-x top left; width: 792px; float: left;}
#legal_right {background: transparent url(images/curve_bottom_right.gif) no-repeat top; width: 9px; float: right;}
#legal h3 {display: none;}
#legal ul {margin: 0; padding: 18px 0 0 0; float: left;}
#legal ul li {list-style: none; padding: 0 10px; float: left;}
#legal p {margin: 0; padding: 18px 10px 0 0; float: right;}
#legal a, #legal a:visited {color: #000;}
