/* -
Title: Managed Network Security Stylesheet
Author: Kyle Steed @ WaveTwo
Author URI: http://www.wavetwo.com
*/

body				{ background: #3d3a32; }


/* -- top menu -- */

#top_menu			{ height: 30px; background: #3d3a32 url(../images/top_nav_bg.png) top repeat-x; border-bottom: solid 1px #27231b; }
#top_menu ul		{ padding-top: .33em; }
#top_menu li		{ display: inline; margin: 0 1em 0 0; }
#top_menu a			{ color: #ddd; font-size: 9pt; font-weight: lighter; }
#top_menu a:hover	{ color: #e5b113; }

p#right				{ float: right; color: #ebe9e1; padding-top: .33em; }

/* -- header -- */

#header				{ height: 130px; background: #000 url(../images/header_bg.jpg) top center no-repeat; border-top: solid 1px #3b3730; }
#header img.logo	{ float: left; margin: 0 10px 0 0; padding: 2.5em 0 0 0; }
#header h1			{ color: #fff; padding: 1.33em 0 0 0; font-weight: lighter; margin: 0 0 5px 0; }
#header h2			{ color: #c40d0d; font-weight: lighter; }

/* -- menu -- */

#menu				{ background: #fff url(../images/menu_bg.png) top repeat-x; border-bottom: solid 1px #dedbd1; margin: 0; padding: 0; float: left; width: 100%; }
#nav, #nav ul 		{ padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav li				{ float: left; text-align: center; padding: 0px; margin: 0; display: inline; }
#nav a				{ color: #333; font-size: 10pt; border-left: solid 1px #dedbd1; padding: 10px 1em; margin: 0; display: block; }
#nav a:hover		{ background: #dedbd1; }

#nav ul li { list-style:none; margin: 0; padding: 0; width: 170px; text-align: left; }

#nav li ul { position:absolute; left:-999em; width:190px; }

#nav li:hover ul { left: auto; display: block; margin-left: 0; }

#nav ul li a { padding: 10px; line-height: 1; border: none; text-align: left; font-size: 90%; color: #c40d0d; background: #dedbd1; }

#nav ul li a:hover { padding: 10px; line-height: 1; border: none; text-align: left; font-size: 90%; color: #000; background: #dedbd1; }

/* -- content -- */

#content			{ background: #ebe9e1; padding: 20px 0 0 0; margin: 0; float: left; width: 100%; }
.box				{ margin: 0 0 20px 0; padding: 20px; background: #fff; border: solid 1px #dedbd1; min-height: 200px; }
.box2				{ margin: 0 0 20px 0; padding: 20px; background: #fff; border: solid 1px #dedbd1; min-height: 200px; float: left; width: 900px; }
.box img			{ margin: 0 20px 20px 0; float: left; }
.source				{ width: 198px; height: 82px; border: solid 1px #dedbd1; float: left; }
.source img			{ padding: 1.5em 0 0 2em; margin-right: 5px; }

#caution			{ background: #ebe9e1; padding: 10px; border: solid 1px #dedbd1; }

/* -- partners table layout -- */
table.partners		{ width: 100%; }
.partners tr		{ border: 1px solid #d4d4d4; }
.partners td		{ width: 33%; vertical-align: middle; padding: 5px; background: #fff; text-align: center; height: 80px; }
.partners td img	{ margin: 0; float: none; }

/* -- contact form -- */

#contact-form 					{ width: 450px; margin: 0 20px 0 0; padding: 10px 0 10px 10px; border: solid 1px #ccc; background: #eee; float: left; }

	ul#contact-form li 			{ margin: 0 0 10px 0; list-style: none; }
	
	ul#contact-form li label 	{ width: 200px; display: block; float: left; text-align: left; margin: 5px 0 0 0; padding: 0; }
	
	ul#contact-form li input, 
	ul#contact-form li textarea { padding: 3px; background: #fff; border: none; border-top: solid 1px #ccc; }
	
	ul#contact-form li textarea { overflow: auto; }
	
	ul#contact-form li .button 	{ background: #fff; padding: 5px; border: solid 1px #b3b3b3; margin: 0px 10px 0 0; }

/* -- footer -- */

#footer				{ padding: 0; clear:both; }
#footer p			{ color: #ebe9e1; font-size: 12px; padding: 40px 0; }