<style type="text/css">

/* CSS Properties Reset based upon Eric Meyer and CoffeeCup CSS */
/* from http://meyerweb.com/eric/tools/css/reset/  */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	    margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-family: inherit;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        text-align: left;
}

body {
        line-height: 1;
}

a img, :link img, :visited img {
        border: 0;
}

ol, ul {
        list-style: none;
}

blockquote, q {
        quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}

del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* ------------------- end of CSS Properties Reset ------------------ */


html {
	overflow-y: scroll;
	/*background-color: #070808;*/
}

body {
	/*background-color: #070808; black*/
	/*color: #d7d7d7;*/ /*grey*/
	margin: 0;
	padding-bottom: 15px;
	text-align: center;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 76%; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4em;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
	/* background: #070808; black*/
}

/* ------------------- Header ------------------ */

#header {
	height: 90px;
	/*background: url('../images/header-background-gradient.jpg') no-repeat 0 0;*/
	background: url('../images/new_header.jpg') no-repeat 0 0;
	position: relative;
	border-left: 1px solid #242525;/*dark grey*/
	border-right: 1px solid #242525;/*dark grey*/
	border-top: 1px solid #242525;/*dark grey*/
	border-bottom: 1px solid #373838;/*dark grey*/
	/*border: 1px solid #5f5f5f;*/
	padding: 0;
	margin-bottom: -13px;/*adjusts spacing for Firefox between header and main-nav*/
}

#logo {
	background: url('../images/VidereTech-logo.png') no-repeat;
	position: absolute;
	display: block;
	top: 20px;
	left: 10px;
	width: 218px;
	height: 51px;
	/*text-indent: -9999px;*/
}

#tagline {
	position: absolute;
	top: 38px;
	left: 245px;
	color: #890000;/*red*/
	/*color: #d7d7d7;*/ /*grey*/
	/*color: #FBB21C;*//*burnt orange*/
	font-weight: bold;
	font-size: 1.1em;
}

#questions {
	position: absolute;
	bottom: 5px;
	left: 820px;
	/*left: 825px;*/
	color: white;/*burnt orange*/
	/*color: #1eb5e4;*//*light blue*/
	/*color: #97D1FF;*/ /*light blue*/
	font-weight: bold; 
	/*font-size:1.0em;*/
	font-size: 1.5em;
}

/*--------- phone ID not used --------*/
#phone {
	position: absolute;
	bottom: 5px;
	left: 901px;
	color: #fbb21c;/*burnt orange*/
	/*color: #1eb5e4;*//*light blue*/
	/*color: #97D1FF;*/ /*light blue*/
	font-weight:bold; 
	font-size:1.0em;
}

/* --------------- Main Navigation --------------- */

#main-nav:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}

#main-nav {
	/*background: url('../images/main-nav-background.png') no-repeat 0 bottom;*/
    background-image: url('../images/main-nav-background.png');
	background-repeat: no-repeat;
	background-position: bottom;
	/*display: inline-block;*/
	display: block;
	border-left: 1px solid #242525;/*dark grey*/
	border-right: 1px solid #242525;/*dark grey*/
	border-bottom: 1px solid #373838;/*dark grey*/
	/*border: 1px solid #5f5f5f;*//*dark grey*/
	margin-top: 13px; /*adjusts spacing for IE between header and main-nav*/
	margin-bottom: -16px;/*adjusts spacing for Firefox between main-nav and container*/
	/*margin-bottom: 5px;*/
	padding: 0 1px 0 1px;
	font-size: 1.1em;
	font-family: verdana;
	width: auto;
	height: 27px;
	/*position: relative;*/
}

#main-nav li {
	display: inline;
	float: left;
	position: relative;
	width: auto;
	height: auto;
	z-index: 2;/*required to get drop down menu items to appear*/
}

#main-nav a, 
#main-nav a:visited {
	display: block;
	text-decoration: none; 
	color: #fff;/*white*/
	/*padding: 10px 20px;*/
	padding: 5px 20px 5px 20px;
	/*border-right: 1px solid #505050;*/ /*dark grey*/
}

#main-nav ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 27px;
	left: 0;
	margin-left: 0;
	padding-left: 0;
	/*border-bottom: 1px solid #3a3b3b;*//*dark grey*/
	/*border-left: 1px solid #3a3b3b;*/
	/*border-right: 1px solid #3a3b3b;*/
}

#main-nav ul ul a, 
#main-nav ul ul a:visited {
	background: #232323;/*black*/
	color: #FBB21C;/*burnt orange*/
	height: auto; 
	padding: 5px 10px 5px 20px; 
	width: 260px;
	/*opacity: 0.9;*/ /* Modern Browsers like Firefox, Safari, Opera */
	/*filter: alpha(opacity=90);*/ /* IE 5.5, IE6 & IE7 */
}

#main-nav a#current,
#main-nav a#current:hover {
	background-color: #fffd37;/*gold*/
	background-image: url('../images/nav-current2.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #000;/*black*/
	font-weight: bold;
	font-size: 1.1em;
	height: auto;
}

#main-nav a:hover {
	color: #FBB21C;/*burnt orange*/
	text-decoration: none;
}

#main-nav ul ul a {
	color: #FBB21C;/*burnt orange*/
}

#main-nav ul ul a:hover { 
	color: #FBB21C;/*burnt orange*/
}

#main-nav :hover > a {
	color: #FBB21C;/*burnt orange*/
	text-decoration: none;
}

#main-nav ul ul :hover > a {
	color: #fff;/*white*/
	text-decoration: none;
}

#main-nav ul li:hover ul,
#main-nav ul a:hover ul,
#main-nav ul a#current:hover ul { 
	visibility: visible;
}

#main-nav ul :hover ul ul {
	visibility: hidden;
}

/* ------------------ Content ------------------- */

#container {
	background: #fff url('../images/content-background.gif') repeat-x left bottom;
	border-left: 1px solid #242525;/*dark grey*/
	border-right: 1px solid #242525;/*dark grey*/
	/*border: 1px solid #373838;*//*dark grey*/
	/*border: 1px solid #5f5f5f;*//*dark grey*/
	/*width: 998px;*/
	width: auto;
	position: relative;
	min-height: 300px; 
	/*margin: 5px 0 0 0;*/
	margin-top: 16px;/*adjusts spacing for IE between main-nav and container*/
	margin-bottom: -11px;/*adjusts spacing for Firefox between container and footer*/
	padding-top: 0;
	/*color: #3b3738;*//*dark grey*/
	color: #1e1e1e;/*black*/
}

p#breadcrumb {
	clear: both;
	/*padding: 7px 12px;*/
	padding: 0 12px 1px 12px;
	background: #d9d9d9;/*grey*/
	color: #3b3738;/*dark grey*/
	margin-bottom: 10px;
	/*font-size:.9em;*/
	font-size:.8em;
	z-index: 1;
}

p#breadcrumb a {
	color: #3b3738;/*dark grey*/
}

p#breadcrumb a:hover {
	/*color: #1dbdef;*/
	/*color: #FBB21C;*//*burnt orange*/
	color: #890000;/*red*/
	/*font-weight: bold;*/
	/*color: #f07d30;*/
}

p#breadcrumb span {
	color: #3b3738;/*dark grey*/
	font-weight: normal;
}

#content {
	/*padding: 7px 12px 90px 12px;*/
	/*padding: 7px 12px 70px 12px;*/
	padding: 5px 12px 70px 12px;
	margin: 0 auto;
	min-height: 420px;
	height: auto !important;
}

#content a:link {
	color: #1e1e1e;/*black*/
}

#content a:visited {
	color: #818181;/*medium dark grey*/
}

#content a:hover {
	/*color: #1dbdef; */ /*light blue*/
	color: #FBB21C;/*burnt orange*/
	font-weight: bold;
}

#content h1 {
	font-weight: bold;
	font-size: 2.0em;
	margin-top: .5em;
	margin-bottom: .9em;
}

#content h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: .8em;
}

#content h3 {
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: .3em;
	/*padding-bottom: 3px;*/
	/* border-bottom: 1px solid #cdcdcd; */
}

#content h4 {
	font-weight: normal;
	font-size: 1em;
	margin-bottom: .3em;
}

#content h5 {
	font-weight: normal;
	font-size: .8em;
	margin-bottom: .3em;
}

#content h6 {
	font-weight: bold;
	font-size: 1em;
	font-style: italic;
	margin-top: -.2em;
	margin-bottom: .3em;
}

#content p {
	line-height: 1.4em;
	margin: 0 0 1em 0;
	/*margin: 0 0 0 0;*/
	/*width: 660px;*/
	width: 600px;
}

#content strong {
	font-weight: bold;
}

#content em {
	font-style: italic;
}

#content ul {
	/*margin: 0 0 1em 0;*/
	margin: 0 0 1em 1em;
	padding: 0;
}

#content ul li {
	padding: 0 0 .7em 1.3em;
	background: url('../images/content-bullet-black.gif') no-repeat .3em .55em;
	/*list-style-image: url('../images/content-bullet-black.gif');*/
	/*line-height: 1.4em;*/
	/*height: 1%;*/
	width: 560px;
}

#content ul ul {
	margin: 0 0 1em .3em;
}

/* #content img {
	float: right;
	margin: 10px 0 10px 10px;
} */

.left {
	float: left;
	margin: 10px 0 0 10px;
	width: auto;
}

.right {
	float: right;
	margin: 10px 55px 10px 10px;
	width: auto;
}

/* ---------------- Right Nav -------------------- */

#content #right-nav {
	float: right;
	width: 280px;
	border: 1px solid #cdcdcd;/*grey*/ 
	/*margin: 0 0 10px 10px;*/
	margin: 20px 0 10px 20px;
	padding: 0 0 1.4em 0;
	background: #fff;/*white*/
}

#content #right-nav #heading {
	font-family: verdana;
	font-size: 1.15em;
	font-weight: bold;
	color: #FBB21C; /*burnt orange*/
	padding: .3em 0 .3em .7em;
	background: url('../images/right-nav-heading-background.gif') repeat-x 0 0;/*blackish*/
	margin: 0 10px 10px 0;
	width: 270px;
}

#content #right-nav #heading a {
	 text-decoration: none;
	 color: #FBB21C; /*burnt orange*/
}

#content #right-nav #heading a:hover {
	color: #fff;/*white*/
	font-family: verdana;
	font-size: 1.0em;
	font-weight: bold;
}

#content #right-nav ul {
	/*padding: 10px 10px 0 10px;*/
	padding: 0;
	margin: 0 0 0 .5em;
}

#content #right-nav ul li {
	/*padding: 10px;*/
	color: #1e1e1e;/*black*/
	background: url('../images/content-bullet-black.gif') no-repeat .3em 1.1em;
	padding: .6em .7em 0 1.3em;
}

#content #right-nav ul li a:hover{
	color: #FBB21C;/*burnt orange*/
	font-weight: bold;
}

#content #right-nav ul li a.current {
	background-image: url('../images/right-nav-current-item2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #FBB21C;*//*burnt orange*/
	color: #000;/*black*/
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	padding: 6px 5px 5px 5px;
	margin-bottom: 0;
	height: 1.4em; /*identical height and line-height needed to center text vertically*/
	line-height: 1.4em; /*identical height and line-height needed to center text vertically*/
}

#content #right-nav ul li a.current-small {
	background-image: url('../images/right-nav-current-item2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #FBB21C;*//*burnt orange*/
	color: #000;/*black*/
	font-weight: bold;
	font-size: 1.0em;
	text-decoration: none;
	padding: 6px 5px 5px 5px;
	height: 1.4em; /*identical height and line-height needed to center text vertically*/
	line-height: 1.4em; /*identical height and line-height needed to center text vertically*/
}

#content #right-nav ul ul {
	margin: 0 0 1em .5em;
}

#content #right-nav ul ul li {
	padding: .6em .7em 0 1.3em;
	background: url('../images/content-bullet-orange-e58608.gif') no-repeat .3em 1.2em;
}

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

#content .module {
	float: left;
	width: 298px;
	height: 280px;
	padding: 15px;
	margin-right: 8px;
	background: url('../images/module-background.jpg') no-repeat 0 0;
	/* color: #fff; white*/
	text-align: left;
}

#introduction-container {
	/* background: url('../images/module-introduction.jpg') no-repeat 0 0;*/
	border-bottom: 1px solid #373838;/*dark grey*/
	/*width: 690px;*/
	width: 670px;
	height: 240px;
	margin-left: 150px; 
	margin-right: 0; 
	margin-top: 27px; 
	/*margin-bottom: 8px;*/
	margin-bottom: 8px;
	padding: 0px 15px 10px 15px;
}

.introduction h2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	/* color: #bcbcbc; grey*/
	font-weight: bold;
	padding: 18px 15px 4px 15px;
	/*padding-bottom: 4px;*/
	border-bottom: 1px solid #1eb5e4;/*light blue*/
	margin-bottom: 10px;
}

.introduction p {
	/* color: #efefef; light grey*/
	padding-left: .3em;
	line-height: 1.4em;
	/*padding: 10px;*/
	/*height: 55px;*/
	/*background: #000;*/
	/*color: #fff;*/
	/*position: absolute;*/
	/*z-index: 999;*/
	/*top: 208px;*/
	/*font: 1.2em 'Trebuchet MS', Tahoma, Arial, sans-serif;*/
	/*filter:alpha(opacity=70);*/
	/*-moz-opacity:0.7;*/
	/*-khtml-opacity: 0.7;*/
	/*opacity: 0.7;*/
}

.introduction p a {
	color: #fbb21c;/*burnt orange*/
	text-decoration: none;
}

.introduction p a:hover {
	text-decoration: underline;
}

.introduction li {
	padding-left: 12px;
	background: url('../images/content-bullet-black.gif') no-repeat .3em .5em;
	margin-bottom: 10px;
	margin-top: -10px;
	/* color: #efefef; light grey*/
	text-decoration: none;
	display: block;
}

#module-container:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

#module-container { 
	display: inline-block;
	height: 308px;
	margin-bottom: 5px;
}

.module {
	float: left;
	width: 298px;
	/*min-height: 175px;*/
	/*min-height: 325px;*/
	height: 280px;
	padding: 15px;
	margin-right: 8px;
	/* background: url('../images/module-background.jpg') no-repeat 0 0;*/
	border-bottom: 1px solid #373838;/*dark grey*/
	/*color: #ccc;*/
	color: #fff;/*white*/
	text-align: left;
}

.module h2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	color: black ;/*grey*/
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 4px;
	border-bottom: 1px solid #1eb5e4;/*light blue*/
	margin-bottom: 10px;
}

.module li {
	padding-left: 12px;
	background: url('../images/content-bullet-white.gif') no-repeat .3em .5em;
	margin-left: -25px;
	margin-bottom: 8px;
}

.module li a {
	color: #fbb21c;/*gold*/
	text-decoration: none;
	display: block;
}

.module li a:hover {
	color: #fbb21c;/*gold*/
	text-decoration: underline;
}

.module li span {
	/*color: #5f5f5f;*/
	color: #efefef;/*light grey*/
	font-size: .9em;
}

.module p {
	color: black;
	/*color: #efefef; light grey*/
	padding-left: .3em;
	line-height: 1.4em;
}

.module p a {
	color: #fbb21c;/*gold*/
	text-decoration: none;
}

.module p a:hover {
	color: #fbb21c;/*gold*/
	text-decoration: underline;
	font-weight: bold;
}

.module img {
	float: right;
	margin-top: 80px;
}

.last {
	margin-right: 0;
}

/* -------------------- BBB Logo -------------------- */

#BBB-logo {
	position: absolute;
	top: 325px;
	left: 820px;
}

/* ------------------- Site Map --------------------- */

#site-map a, #site-map a:hover {
	text-decoration: none;
	color: #890000;/*red*/
}

#site-map ul li {
	padding: 0 0 .2em 1.3em;
	background: url('../images/content-bullet-black.gif') no-repeat .3em .55em;
	width: 560px;
}

#site-map ul ul li a.first {
	margin: 1em 0 1em 0;
}



/* ------------------- Footer --------------------- */

#footer {
	clear: both;
	background: #161717;
	/*border: 1px solid #242525;*/
	border-left: 1px solid #242525;/*dark grey*/
	border-bottom: 1px solid #242525;/*dark grey*/
	border-right: 1px solid #242525;/*dark grey*/
	margin-top: 11px;/*adjusts spacing for IE between container and footer*/
	font-size: .9em;
	font-family: verdana;
	position: relative;
	text-align: center;
	/*height: 36px;*/
	height: 3em; /*identical height and line-height needed to center text vertically*/
	line-height: 3em; /*identical height and line-height needed to center text vertically*/
	/*width: 998px;*/
	width: auto;
}

#footer ul li {
	display: inline;
	margin-top: 5px;
}

#footer ul li a {
	padding: 0 7px 0 5px;
	border-right: 1px solid #5e5e5e;/*dark grey*/
	color: #cbcbcb;/*grey*/
	text-decoration: none;
	margin-top: 5px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li a.last {
	border: none;
}

#footer p {
	color: #5e5e5e;/*dark grey*/
	padding-left: 3px;
}

#footer p a {
	color: #cbcbcb;/*grey*/
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

p.copyright {
	color: #727272;/*medium grey*/
	font-size: .8em;
	font-family: verdana;
	margin-left: 65px;
	margin-top: 3px;
}

/* Clearing Help */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  

.clearfix { 
	display: inline-block;
}