/*-------oiio-------[START file description]-------oiio-------*/
/*----- Created for:	High Level Media LLC<-------*/
/*----- Author:				Daniel Hudson <-------*/
/*----- Email:				Admin@HighLevelMedia.com<-------*/
/*----- Date:					01/27/2005 <-------*/
/*----- Purpose:			To apply design styles to page <-------*/
/*-------oiio-------[END file description]-------oiio-------*/

/*START [IE only] - hide the ghost scrollbar*/
* html
{
	overflow:auto;
}
/*END [IE only]*/
body
{
	position:static;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	margin:auto;
	padding: 0px;
	min-width:0px;
	min-height:0px;
	text-align: left;
	vertical-align: top;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	background:transparent;
	background-repeat: repeat-y;
	background-position: -10px 0px;
	background-attachment: fixed;
	background-color: #FFFFFF;
	z-index:1;
}
body .xd
{
	position:absolute;
	display:none;
	visibility:hidden;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
}
object
{
	position:absolute;
	display:none;
	visibility:hidden;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #666666;
	border:none;
}
/*included the same bg image as body for ie browsers here*/
.browserWin
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding: 0px;
	height:auto;
	width:auto;
	min-width:0px;
	min-height:0px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
	background:transparent;
	background-repeat: repeat-y;
	background-position: -10px 0px;
	background-attachment: scroll;
	overflow:visible;
}
/*START [IE only]*/
* html body .browserWin
{
	overflow:auto;
}
/*END [IE only]*/
h1,h2,h3,h4
{
	margin: 0px 5px;
	padding:0px;
	color:#000000;
	font-size:125%;
}
h1
{
	font-size:135%;
}
p
{
	padding:0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 5px;
}
div.spacer
{
	clear: none;
}
.pageContent
{
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	margin:auto;
	padding:0px;
	text-align: left;
	vertical-align: top;
	color:#000000;
	background-color: #ffffff;
	z-index:50;
}
.pageHeader
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	color:#000000;
	background:transparent;
	z-index:50;
}
.pageHeaderR1
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background-attachment: scroll;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #666666;
	border:none;
	z-index: 10;
}
.pageHeaderR2
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background-attachment: scroll;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #666666;
	border:none;
	z-index: 10;
}
.pageHeaderR3
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background-attachment: scroll;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #666666;
	border:none;
	z-index: 10;
}
.pageHeaderR4
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background-attachment: scroll;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #666666;
	border:none;
	z-index: 10;
}
span.hideIt
{
	display:none;
	visibility:hidden;
	width:0px;
	height:0px;
}
*.hideIt
{
	display:block;
	visibility:visible;
	width:auto;
	height:auto;
}
.pageBody
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
	color: #000000;
	background:transparent;
	background-repeat: repeat-y;
	background-position: left top;
	background-attachment: scroll;
	z-index:25;
}
.pageBodyR1
{
	position:	relative;
	top:0px;
	left:0px;
	width:	auto;
	margin:0px;
	padding:0px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #666666;
	border:none;
}
.pageBodyR1C1
{
	position:relative;
	float:none;
	top:0px;
	left:0px;
	width: auto;
	margin:	0px;
	padding:0px;
	text-align: center;
	vertical-align: top;
	color: #202020;
	background:transparent;
	border: 1px solid #666666;
	border:none;
}
.pageBodyR1C2
{
	position:relative;
	float:none;
	top:0px;
	left:0px;
	width: auto;
	margin:	0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	background:transparent;
	border: 1px solid #666666;
	border:none;
}
.pageBodyR1C3
{
	position:relative;
	float:none;
	display:none;
	visibility:hidden;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	margin:	0px;
	padding:0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	background:transparent;
	border: 1px solid #666666;
	border:none;
	border-left: none;
}
.logo
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 122px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background-image: url(../images/logo_hlm_001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-color:transparent;
	z-index:25;

}
.divPadding
{
	padding:0px 7px 0px 7px;
}
.addHeight
{
	position: relative;
	top: 0px;
	left: 0px;
	width:auto;
	height:0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	color:#000000;
	background-color:transparent;
	border: 1px solid #ffffff;
	border:none;
	z-index: 10;
}
body#pHome .addHeight, body#pContact .addHeight
{
	height:auto;
}
.pageFooter
{
	position: static;
	top: 0px;
	left: 0px;
	width: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
	color:#000000;
	background-color: #ffffff;
	background:transparent;
	background-repeat: repeat;
	background-position: left top;
	background-attachment: scroll;
	border: 1px solid #ffffff;
	border:none;
	z-index: 70;
}
.pageFooterR1
{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	height:auto;
	text-align: center;
	vertical-align: top;
	background-color: #ffffff;
	background:transparent;
	background-repeat: repeat;
	background-position: left top;
	background-attachment: scroll;
	border: 1px solid #ffffff;
	border:none;
	z-index: 10;
}
.pageFooterR2
{
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	vertical-align: top;
	font-size:10pt;
	padding-top: 20px;
	z-index: 10;
}
.pageFooterR2 a, .pageBodyR1C3 a
{
	color:#000000;
	text-decoration:none;
}
.pageFooterR2 a:visited, .pageBodyR1C3 a:visited
{
	color:#666666;
}
.pageFooterR2 a:hover, .pageFooterR2 a:active, .pageFooterR2 a:focus, .pageBodyR1C3 a:hover, .pageBodyR1C3 a:active, .pageBodyR1C3 a:focus
{
	color:#000000;
	text-decoration:underline;
}
/*\/\/\/\oiio\/\/\/\ START [sub navigation style]\/\/\/\oiio\/\/\/\*/
.navLeft
{

	position:absolute;
	display:none;
	visibility:hidden;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
}
.navTop ul, .navBar ul, .navLeft ul
{
	margin: 0px;
	padding: 0px;
	border: none;
	display:inline;
	border-bottom: 1px solid #ffffff;
	border:none;
}
.navTop li, .navBar li, .navLeft li
{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	text-align: center;
	border: 1px solid #ffffff;
	border:none;
}
.navTop li a span, .navBar li a span
{
	position:absolute;
	display:none;
	visibility:hidden;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
}
.navTop ul li a
{
	top: 42px;
	height: 20px;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.navTop #navTopHome a
{
	width: 71px;
	left: 333px;
	background-image: url(../images/btn_home.jpg);
}
.navTop #navTopServices a
{
	width: 111px;
	left: 404px;
	background-image: url(../images/btn_services.jpg);
}
.navTop #navTopProducts a
{
	width: 111px;
	left: 515px;
	background-image: url(../images/btn_products.jpg);
}
.navTop #navTopSupport a
{
	width: 97px;
	left: 626px;
	background-image: url(../images/btn_support.jpg);
}
.navTop ul li a:visited
{
	background-position: 0px -40px;
}
.navTop ul li a:hover, .navTop ul li a:active, .navTop ul li a:focus
{
	background-position: 0px -20px;
}
#pHome .navTop #navTopHome a, #pServices .navTop #navTopServices a, #pProducts .navTop #navTopProducts a, #pSupport .navTop #navTopSupport a
{
	background-position: 0px -20px;
}
.navLeft ul li a
{
	position: relative;
	display:block;
	top:0px;
	left:0px;
	width: 160px;
	height: 1.5em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: normal;
	text-decoration:none;
	background-color: #CD3232;
	background-image: url(../images/btnBG.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border: 2px outset #999999;
}
.navLeft ul li a span
{ 
	display:block;
	padding-left:15px;
}
.navLeft ul li a:visited
{
	color:#FF9900;
}
.navLeft ul li a:hover, .navLeft ul li a:active, .navLeft ul li a:focus
{
	color: #CD3232;
	text-decoration:none;
	background-color: #ffffff;
	background-image: url(../images/btnBG_a.gif);
	border: 2px outset #000000;
}
body#pServices #navLeftServices a, body#pProducts #navLeftProducts a, body#pSupport #navLeftSupport a, body#pSearch #navLeftSearch a, body#pSearch #navLeftSearch a, body#pAbout #navLeftAbout a, body#pHome #navLeftHome a
{
	color: #CD3232;
	text-decoration:none;
	background-color: #ffffff;
	background-image: url(../images/btnBG_a.gif);
	border: 2px outset #000000;
}
li.skipNav
{
	width:0px;
	height:0px;
	display:none;
}
/*\/\/\/\oiio\/\/\/\ END [navigation style]\/\/\/\oiio\/\/\/\*/

.btnWai
{
	position:relative;
	display:block;
	visibility:visible;
	top: 0px;
	left: 0px;
	width: 88px;
	height:32px;
	color: #333333;
	background-color: #ffffff;
	background-image: url(../images/wcag1AA.gif);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: scroll;	
	border: 1px solid #000000;
	border: none;
	z-index:1;
}
.btnXhtml
{
	position:relative;
	display:block;
	visibility:visible;
	top: 0px;
	left: 0px;
	width: 88px;
	height:32px;
	color: #333333;
	background-color: #ffffff;
	background-image: url(../images/valid-xhtml10.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: scroll;	
	border: 1px solid #000000;
	border: none;
	z-index:1;
}
.btnCss
{
	position:relative;
	display:block;
	visibility:visible;
	top: 0px;
	left: 0px;
	width: 88px;
	height:32px;
	color: #333333;
	background-color: #ffffff;
	background-image: url(../images/vcss.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-attachment: scroll;	
	border: 1px solid #000000;
	border: none;
	z-index:1;
}
.imgDiv
{
	position:static;
	top:0px;
	left:0px;
	width:660px;
	height:192px;
	margin:0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	z-index:1;
	background-image: url(../images/chart_phaseD.jpg);
}
.navBar ul li a
{
	position: absolute;
	top: 0px;
	width: 25px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: scroll;
}
.navBar #navBarHome a
{
	left: 686px;
	background-image: url(../images/btn_barHome.jpg);
}
.navBar #navBarAbout a
{
	left: 711px;
	background-image: url(../images/btn_barContact.jpg);
}
.navBar #navBarSearch a
{
	left: 735px;
	background-image: url(../images/btn_barSearch.jpg);
}
	
.navBar ul li a:visited
{
	background-position: 0px -70px;
}
.navBar ul li a:hover, .navBar ul li a:active, .navBar ul li a:focus
{
	background-position: 0px -35px;
}
body#pHome .navBar #navBarHome a, body#pAbout .navBar #navBarAbout a, body#pSearch .navBar #navBarSearch a
{
	background-position: 0px -35px;
}