body, table { color: #333; }
body { background: #e2e2e2; font-size: 11px; text-align: center; }
h1 { margin: 0px 0px 3px; padding: 0px; }
#wrapper { background: url(../images/wrapper_bkg.jpg) repeat-y; margin: 0px auto; text-align:left; width:810px; } 
#header { background: url(../images/header.jpg) no-repeat top; height: 118px; }
#header .request{ float:right; margin: 95px 25px 0 0; _margin-right: 15px; /* IE6 fix */ }
#header a{ color: #F1FFF9; text-decoration:none; font-weight:bold; }
#header a:hover{ text-decoration: underline; }

.bkg_fill{ background: url(../images/wrapper_bkg.jpg) repeat-y; padding:0px 0px 0px 10px;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* navigation */
.preload1 {background: url(../images/six_0a.gif);}
.preload2 {background: url(../images/six_1a.gif);}

#nav { width: 783px; padding:0px 0px 0px 5px; margin:0px;
	list-style:none;
	height:30px;
	background:#fff url(../images/six_0.gif) repeat-x;
	position:relative;
	z-index:200;
	font-family:arial, verdana, sans-serif;

}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; margin:0px; height:30px; background: url(../images/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; margin:0px;  height:30px; background: url(../images/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(../images/six_1.gif) no-repeat;}	
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(../images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(../images/six_1a.gif) no-repeat right top;}

#nav table,
#nav table tr, #nav table td
{border-collapse:collapse; padding:0px; margin:0px; position:absolute; left:0; top:0; }

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:30px; background: #233f6a; padding:3px; white-space:nowrap; width:155px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:155px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:153px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none; border:1px solid #50b5d0;}
#nav :hover ul.sub li a:hover 
{background:#2a7a95; color:#fff; border-color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-8px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



/* header images */
.top-image{ background:#213D68; width:788px; height:137px; margin:0px 0px 16px; padding:0px;  }
#image-home{background: url(../images/image-home.jpg) no-repeat top; }
#image-business{background: url(../images/image-business.jpg) no-repeat top;}
#image-residential{background: url(../images/image-residential.jpg) no-repeat top; }
#image-services{background: url(../images/image-services.jpg) no-repeat top; }
#image-systems{background: url(../images/image-systems.jpg) no-repeat top; }
#image-partners{background: url(../images/image-partners.jpg) no-repeat top; }
#image-contact{background: url(../images/image-contact.jpg) no-repeat top; }
#image-quote{background: url(../images/image-contact.jpg) no-repeat top; }

#content { float: left; width:780px; margin: 0px 4px; padding:0px 0px 14px;  }
*html #content { float: left; width:780px; margin: 0px 2px; padding:0px; }
#main { float: right; background: url(../images/main.gif) no-repeat left top; width:100%; min-height:450px; height:auto !important; height:450px; font-size:12px;}
#main_secondary { float: right; background: url(../images/main.gif) no-repeat left top; width:100%;  font-size:12px; margin-top:25px;}
	#main h1, #main h2 { color: #086673; line-height: 20px; font-size: 18px; font-style: italic; font-weight:normal; padding: 0 0 8px 5px; }
	#main .nocrumb { font-weight:bold; }
	#main h1 b { margin-right: 2px; padding-right: 15px; font-weight: bold; background: url(../images/chevron_single.gif) no-repeat right center; }
	#main h1 span{ display:block; clear:both; font-size: 11px; font-style: italic; }
	.left_floater #main{ width:67%;}
	.right_floater #main{ width:67%; float:left; }
	.main_inner{ background: url(../images/main_right.gif) no-repeat right top; padding:8px;}
	#main ul{ padding-bottom: 10px; padding-left:10px;}
	#main h3, #modal h3 { color: #666; font-size: 14px; font-weight: bold; margin: 5px 0px 0px; padding: 0px; }
.col-padding{ padding:0px 6px;}

/* extras */
.left_floater #extras{ float:left;}
.right_floater #extras{ float:right;}
#extras{ margin:0px; padding:1px 0px 0px; width: 246px; font-size: 11px;  }
.extras-topper{ background: url(../images/extras_top.gif) no-repeat left top;  }
.extras-inner{ background: url(../images/extras_bottom.gif) no-repeat left bottom; padding: 12px 15px 25px; min-height:107px; height:auto !important; height:107px; }
#extras ul{ margin: 0px 0px 0px 8px; padding: 0px; color:#4B584D;}
#extras p{ margin: 0px 0px 15px 0px; padding: 0px; color:#4B584D; }
#extras a{ display: block; color: #007B78;  }
#extras a:hover{ color: #007B78; }
#extras h2, #main_products h2{ color:#006699 !important; font-size: 14px; font-weight: bold;  font-style:italic; margin: 0px 0px 9px 0px; line-height: 16px; }
#extras h3{ font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; line-height: 16px; color: #007B78; }
#extras li{ margin-left: 8px; }
#extras img{ float:right; margin:0px; padding:0px 0px 10px 10px;}
#extras .ad{ float:none; margin:0; padding:0 0 14px 0;}


/* footer */
#footer { margin:0px; padding:0px; font-size: 10px; color:#006699; background: url(../images/footer.jpg) no-repeat top; clear: both;  text-align: center; width: 810px; height: 90px; }
#footer span{ font-size: 11px; font-weight:bold;}
* html #footer { margin:0px; padding:0px; font-size: 10px; color:#006699; background: url(../images/footer.jpg) no-repeat top; clear: both;  text-align: center; width: 810px; height: 90px; }
#footer .inner{ padding:10px;}


/* tables */
table { margin: 10px 0; border-top:1px solid #fff; border-left:1px solid #fff; }
table{ width: 97.5%; margin-left: 10px;}
.left_floater table{ width: 100%; margin: 0px; }
th,td { padding:3px 8px; border-bottom:1px solid #fff; border-right:1px solid #fff; vertical-align: middle; }
th { background-color: #5D8CB7; color: #fff; font-size: 12px; }
tr.alternate { background-color: #E5EEEB; }
.table_category{ color:#006089; font-weight: bold;  }


table.simple { margin: 15px 0; }
table.simple th, table.simple td { padding:3px 8px; border-bottom:1px solid #7F94AA; border-right: none; vertical-align: top; }
table.simple th { background-color: #fff; color: #333; font-size: 12px; }

/* Lists */
ul.thumbnails li { border: 1px #5D8CB7 solid; }

/* page icons */

.icon{ padding: 0px 0px 0px 20px !important; border:none; }
ul.pdf li{ 
		 margin:0px !important;
		 padding: 0 0 11px 15px;
		 background: url(../images/acrobat.png) no-repeat; 		
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/acrobat.png);
		_height: 1px;/* IE6 fix */ border:0 none; }
		 
.products h2{ 
		background: url(../images/products.png) no-repeat; 		
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/products.png);
		height:16px; border:0 none; }
.data h2{ 
		background: url(../images/chart_bar.png) no-repeat; 		
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/chart_bar.png);
		height:16px; border:0 none; }
.case h2{ 
		background: url(../images/layout_content.png) no-repeat; 		
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/layout_content.png);
		height:16px; border:0 none; }
.request{
		padding: 0px 0px 0px 20px;
		display:block;
		line-height:18px;
		background: url(../images/information.png) no-repeat; 		
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/information.png);
		height:16px; border:0 none; }
.web{
		padding: 0px 0px 0px 20px;
		display:block;
		line-height:18px;
		background: url(../images/report_go.png) no-repeat; 		
		_background: none; 
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=images/report_go.png);
		height:16px; border:0 none; }

ul#icons{ list-style:none;}


/* product listings in main body */
#main_products{ padding: 0 8px 8px;}
* html #main_products{background-image:none;}
	#main_products h2.cisco{border-bottom: 2px solid #990000;}
#main_products h2 img{ padding: 0 0 0 1px; }
#main_products h3{ color: #000; font-size: 12px; padding-top:10px; margin:0;} 
#main_products .third img{ border: 1px solid #b6bfc4; margin: 10px 0 0 0; }
#main_products .third a{clear:both; display:block; margin: 0 0 5px 0;}
#main_products ul{  }
#main_products ul li{ }
#main_products p{ margin: 4px 0 0 0; }
.bottom{ padding-bottom: 10px;}


/* features */
h3 .sub { color: #999; font-size: 10px; }
.callout { border: 1px #999 solid; margin: 8px 0; text-align: center; }
	.callout h3 { background-color: #fff; color: #666; font-size: 11px; left: 10px; top: -8px; font-weight: bold; margin: 0; padding: 0; position: relative; text-align: center; width: 160px; }
	.callout p { margin: 0 25px 3px; }
	.callout-footer { background-color: #fff; height: 3px; left: 10px; top: 2px; margin: 0; padding: 0; position: relative; width: 160px; }

/* forms */
fieldset legend { color: #666; }