@charset "UTF-8";
h1, h2,h3, h4, p, ul, li, div, span {padding:0; margin:0}
body {
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#036;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #005596;
	
}
h1 {font-size:1.35em;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:.2em;
	margin-bottom:0;
	text-transform:uppercase;
	
	}
h2 {font-size:1.1em;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	text-transform:uppercase;
	border-bottom:solid 1px #999;
	color:#000;
	}
h3 {font-size:1em; color:#000;}

h4 {
	font-size:1.5em;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	border-bottom:solid 1px #999;
	color:#000;
}

a {color:#005596;}
a:hover {color:#000; }

.cf {clear:both; }
a img {border-style:none;}
li { line-height:1.6em; padding-bottom:.35em;}
hr {border-bottom:solid 1px #999; 
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
	margin:5px 0; padding:0; }
p {line-height:1.35em; padding:1em 0 1.5em 0; }

/* -------------------------------------------------- PAGE LAYOUT -------------------------------------- */
div#home.wrapper {width:982px; 
				background-image:url(images/2009_images/pageBG.gif);
				background-repeat:repeat-y;
				background-position:center; 
				min-height:800px;
				margin:0 auto;
				font-size:.75em;
				
				}

div#container {
	width: 930px;  
	margin: 0 auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
}

 /* ------------------------------- TOP MENU ---------------------------------- */
div#topPage { 
			background-image:url(images/2009_images/topPageBG.png);
			background-position:top;
			background-repeat:no-repeat; width:982px; height:50px; padding-top:30px;
			padding-bottom:10px
			 }
div#topPage img.logo {float:left; margin-left:26px; }
div#topPage img.cisco {float:right;}
div#topPage h1 { color:#039; font-size:1.3em; 
				padding:15px 0 0 10px; float:left;
				text-transform:capitalize;
				 }
.mainMenu { 
 			background-image:url(images/2009_images/menuBG.png); 
			background-repeat:repeat-x;
			border:solid 1px #ccc;
			height:22px;
			width:930px;
			z-index:10;
			 }

/* ------------------------------ MAIN FLASH and BANNER ------------------------- */
div#mainBanner {margin-top:5px; 
				width:930px; 
				}
.sideFlash {	width:282px;
				height: 149px;
				padding:1px;
				float:right; 
				color:#fff; 
				background-color:#000;
				z-index:1}
				
.homeFlash {	width:639px; 
				border:solid 1px #999;  
				float:left; 
				height:226px;
				z-index:1}
				
.blackBlock {	width:284px;
				color:#fff; 
				height:50px;
				float:right;
				 background-color:#000;background-image:url(images/2009_images/shineBlackBG.png);
				background-repeat:repeat-x; 
				}				
.blackBlock2 {	width:284px;
				color:#fff; 
				height:78px;
				float:right;
				 background-color:#000;background-image:url(images/2009_images/shineBlackBG.png);
				background-repeat:repeat-x; 
				}
				
.downloadBlock {width:230px;
				color:#fff; 
				height:320px;
				float:right;
				 background-color:#000;
				 background-image:url(images/Blackwhite.jpg);
				background-repeat:repeat-y; 
				}		

div.downloadWords { 	
			font-size:1em;
			font-weight:bold;
			height:50px; padding:5px 10px;	
				}
div.downloadWords p {padding:0.5em 0 }

div.buzzWords { 	
			font-size:1em;
			font-weight:bold;
			height:50px; padding:5px 10px;	
				}
div.buzzWords p {padding:0.9em 0; }
div.downloadNow {text-align:center;  border-top:solid 5px #fff; 
				background-image:url(images/2009_images/downloadBG.png); 
				background-repeat:repeat-x; height:78px; padding-top:0px;
				 }
div.downloadNow h2{color:#fff;  border-style:none; font-size:1.4em; margin-top:-3px}
div.downloadNow span.orange, p.orange {color:#F7941D; padding-left:3px; text-transform:capitalize}
p.orange {width:220px; text-align:right; margin:-1em 0}

/* ---------------------------------- Home Page Content --------------------------- */

div#homeContentWrap {margin-top:26px;}
div#homeContentWrap li {list-style-image:url(images/2009_images/smallBullet.gif); }
div#homeContentWrap ul {padding-left:20px; margin:10px 0 20px 0 }

div#leftCol {float:left; width:612px; }
div#rightCol {float:right; width:274px; border-left:solid 1px #999; padding-left:10px}

div#rightCol h4 {margin-top:-5px}
div#rightCol h3 {margin-top:-5px}
div#rightCol h2 { border-style:none; margin:5px 0;}
div#rightCol ul {margin-bottom:0}
div#rightCol div.pdfDownloads h2,
div#rightCol div.pdfDownloads li,
div#rightCol div.pdfDownloads a {color:#96191D}
div#rightCol div.pdfDownloads a:hover {color:#000}
div#rightCol hr {margin-left:-10px }
div#leftCol li.largeBullets { font-size:1em; 
								font-weight:bold;
								list-style-image:url(images/2009_images/largeBullet.gif); }
/* -------------- IE hacks ------------------------ */
html* div#rightCol ul {padding-left:17px; margin-top:5px; }
html* div#rightCol li {list-style-image:url(images/2009_images/smallBulletMS.gif); }
html* div#leftCol li.largeBullets { list-style-image:url(images/2009_images/largeBulletMS.gif); }
html* div#rightCol h2 {margin-top:0; margin-bottom:3px}


div#leftCol2 {float:left; width:686px; }
div#leftCol2 p {padding-top: 5px; padding-bottom: 5px;}
div#rightCol2 {float:right; width:200px; border-left:solid 1px #999; padding-left:10px}

div#rightCol2 h4 {margin-top:-5px}
div#rightCol2 h3 {margin-top:-5px}
div#rightCol2 h2 { border-style:none; margin:5px 0;}
div#rightCol2 ul {margin-bottom:0}
div#rightCol2 div.pdfDownloads h2,
div#rightCol2 div.pdfDownloads li,
div#rightCol2 div.pdfDownloads a {color:#96191D}
div#rightCol2 div.pdfDownloads a:hover {color:#000}
div#rightCol2 hr {margin-left:-10px }
div#leftCol2 li.largeBullets { font-size:1em; 
								font-weight:bold;
								list-style-image:url(images/2009_images/largeBullet.gif); }
/* -------------- IE hacks ------------------------ */
html* div#rightCol2 ul {padding-left:17px; margin-top:5px; }
html* div#rightCol2 li {list-style-image:url(images/2009_images/smallBulletMS.gif); }
html* div#leftCol2 li.largeBullets { list-style-image:url(images/2009_images/largeBulletMS.gif); }
html* div#rightCol2 h2 {margin-top:0; margin-bottom:3px}


div#content-leftCol2 {float:left; width:100px;}
div#content-rightCol2 {float:right; width:550px; border-left:solid 1px #999; padding-left:10px}
div#content-rightCol2 p {padding-top: 5px; padding-bottom: 5px;}

div#content-rightCol2 h4 {margin-top:-5px}
div#content-rightCol2 h3 {margin-top:-5px}
div#content-rightCol2 h2 { border-style:none; margin:5px 0;}
div#content-rightCol2 ul {margin-bottom:0}
div#content-rightCol2 hr {margin-left:-10px }
div#content-leftCol2 li.largeBullets { font-size:1em; 
								font-weight:bold;
								list-style-image:url(images/2009_images/largeBullet.gif); }
/* -------------- IE hacks ------------------------ */
html* div#content-rightCol2 ul {padding-left:17px; margin-top:5px; }
html* div#content-rightCol2 li {list-style-image:url(images/2009_images/smallBulletMS.gif); }
html* div#content-leftCol2 li.largeBullets { list-style-image:url(images/2009_images/largeBulletMS.gif); }
html* div#content-rightCol2 h2 {margin-top:0; margin-bottom:3px}

div#leftCol3 {float:left; width:700px; border-right:solid 1px #999; padding-right:20px}
div#leftCol3 p {padding-top: 5px; padding-bottom: 5px;}
div#rightCol3 {float:right; width:200px; }

div#rightCol3 h4 {margin-top:-5px}
div#rightCol3 h3 {margin-top:-5px}
div#rightCol3 h2 { margin:5px 0;}
div#rightCol3 ul {margin-bottom:0}
div#rightCol3 div.pdfDownloads h2,
div#rightCol3 div.pdfDownloads li,
div#rightCol3 div.pdfDownloads a {color:#96191D}
div#rightCol3 div.pdfDownloads a:hover {color:#000}
div#rightCol3 hr {margin-left:-10px }
div#leftCol3 li.largeBullets { font-size:1em; 
								font-weight:bold;
								list-style-image:url(images/2009_images/largeBullet.gif); }
/* -------------- IE hacks ------------------------ */
html* div#rightCol3 ul {padding-left:17px; margin-top:5px; }
html* div#rightCol3 li {list-style-image:url(images/2009_images/smallBulletMS.gif); }
html* div#leftCol3 li.largeBullets { list-style-image:url(images/2009_images/largeBulletMS.gif); }
html* div#rightCol3 h2 {margin-top:0; margin-bottom:3px}

div#content-leftCol3 {float:left; width:100px; padding-right:5px; border-right:solid 1px #999; }
div#content-rightCol3 {float:right; width:550px; }
div#content-rightCol3 p {padding-top: 5px; padding-bottom: 5px;}

div#content-rightCol3 h4 {margin-top:-5px}
div#content-rightCol3 h3 {margin-top:-5px}
div#content-rightCol3 h2 { border-style:none; margin:5px 0;}
div#content-rightCol3 ul {margin-bottom:0}
div#content-rightCol3 hr {margin-left:-10px }
div#content-leftCol3 li.largeBullets { font-size:1em; 
								font-weight:bold;
								list-style-image:url(images/2009_images/largeBullet.gif); }
/* -------------- IE hacks ------------------------ */
html* div#content-rightCol3 ul {padding-left:17px; margin-top:5px; }
html* div#content-rightCol3 li {list-style-image:url(images/2009_images/smallBulletMS.gif); }
html* div#content-leftCol3 li.largeBullets { list-style-image:url(images/2009_images/largeBulletMS.gif); }
html* div#content-rightCol3 h2 {margin-top:0; margin-bottom:3px}

/*--------------------------------- FOOTER ------------------------------------------ */
#footer {text-align:left; font-size:0.7em;
		background-image:url(images/2009_images/bottomBG.png);
		background-repeat:no-repeat;
		width:982px;
		margin:0 auto; height:138px}
#footer p {position:relative; padding:30px 0 0 26px;}
#footer a {color:#777; text-decoration:none;
			padding:0 7px; border-right:solid 1px #ccc;
			}

#footer a:hover {color:#000 }
#footer a.last {border-style:none; }
#footer p.copyright {color:#777; padding-top:5px; padding-left:33px;}

/* -------------------------------- Special Effects --------------------------------- */
span.one {font-family:Georgia, "Times New Roman", Times, serif;
		 font-size:4em;
		 color:#F7941D;
		 float:left;
		 padding:5px 10px 10px 0;
		 }
p.largeComment {font-size:1.2em; line-height:1.5em }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(http://www.netflowauditor.com/images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}

blockquote {
	background: #F5DEB3 none 6px 8px no-repeat;

	border: 1px solid #F5DEB3;
	font-size: 0.95em;
	margin: 0;
	overflow: hidden;
	padding: 5px;
	width: 180px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #F5DEB3;
	font-size: 1em;
}

blockquote p {
	padding-bottom: 5px;	
	margin-left: 15px;
	margin-right: 15px;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #F5DEB3;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
	display: block;
	font-size: 0.9em;
}

blockquote cite cite {
	font-size: 1em;
}

blockquote.uncited {
	padding-top: 25px;
}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}

.small {
	font-size: 0.9em !important;
}

#linkedin {background-image:url(/images/linkedin.png); background-repeat: no-repeat; width:80px; height: 22px; vertical-align:middle; margin-top:0px; padding-right:5px; float:right; margin-top:0px}

#myselect {
	font-size:.81em;
	height:20px; padding:2px 2px;	
}
#myselect option {
	font-size:.9em;
	height:10px; padding:2px 2px;	
}

.video-dev {
	cursor:pointer;
	position:relative;
	background:url(images/NetFlow_Auditor_minipres2.gif) no-repeat center;
	width: 266px;
	height: 200px;
	left: 0px;
	top: 0px;
}
 
.video-dev .video-link-span {
	background:transparent url(images/play_icon.gif) no-repeat scroll 0pt 50%;
	cursor:pointer;
	color:#000000;
	display:block;
	height:35px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	width:34px;
	opacity: 0.8;
	left: 226px;
	top: 160px;
}
 .video-a-link {
	position:relative;
}
 
.video-dev .video-link-span {
	background:transparent url(images/play_icon.gif) no-repeat scroll 0pt 50%;
	cursor:pointer;
	color:#000000;
	display:block;
	height:35px;
	position:absolute;
	text-align:center;
	text-decoration:none;
	vertical-align:bottom;
	width:34px;
	opacity: 0.8;
	left: 226px;
	top: 160px;
}
 
.container-border {
	border:1px #CCCCCC solid;
	padding:0px;
	width: 266; height: 200px;
	margin-top:0px;
	margin-right: 1px;
	float:left;
}

div.bullets {
	border:solid 1px #999;
	background-image:url(images/white.jpg);
	background-color: #fff; 
	width:266px; height:200px; padding-top:20px;
}

div.bullets li {padding-left:20px;padding:1px; font-size:.95em; list-style-image:url(images/2009_images/smallBullet.gif); }
div.bullets ul {padding:20px 20px 20px 20px;  margin:20px 20px 20px 20px }

.blackBlockH {
	width:266px;
	color:#fff; 
	width:266px;
	border:solid 1px #000;
	float:right;
	background-color:#000;background-image:url(images/2009_images/shineBlackBG.png);
	background-repeat:repeat-x; 
}

div.downloadNowH {
	text-align:center;  
	background-image:url(images/2009_images/downloadBG.png); 
	background-repeat:repeat-x; height:35px; padding-top:0px;
}

div.downloadNowH h2{color:#fff;  border-style:none; font-size:1.4em; margin-top:-3px}
div.downloadNowH h4{color:#fff;  border-style:none; font-size:1.1em; margin-top:-3px}