html 
{
	overflow: auto;
}
body {
	margin: 0 20px 0 20px;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	background-color: #000;
	/*background-image: url(../image/chrome/bg_fade.jpg);*/
	background-repeat: repeat-x;
	color: #fff;
	text-align: center;
	height: 100%;
}

strong 
{
    font-weight: bold;
}

:link,:visited 
{
	color: #cc0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline!important;
}
th,td {
	vertical-align: top;
}

/* container and panels */

#container 
{
	position: relative;
	margin: auto;
	width: 972px;
	padding-top: 68px;
	text-align: left;
	height: 100%;
	overflow: visible;
}

/* Type 1, start page grid, has left and right column and transparent bg */
#panel-content-start {
	z-index: 10;
	position: relative;
	overflow: visible;
	background-color: transparent;
	color: #fff;
}

#panel-splash-start li.item-1  {
	float: left;
}

#panel-splash-start li.item-2  {
	float: right;
}

#panel-content-start #panel-intro 
{
	position: relative;	
	width: 922px;
	height: 150px;
	padding: 20px 25px 25px 25px;
	border: none;
	background-color: #000;
	color: #fff;
	background-image: url(../image/chrome/bg_dark3.jpg);
	overflow: hidden;
}

#panel-content-start #panel-splash-start {
	margin-bottom: 6px;
}

#panel-content-start #panel-intro .content-border 
{
    background-color: #fff;    
}

#panel-content-start #panel-intro h1 
{
    position: absolute;
    top: -1000px;
    left: -1000px;
}

#panel-content-start #panel-intro p.intro 
{
    font-size: 30px;
    margin-bottom: 10px;
}

#panel-content-start #panel-intro p
{
    font-size: 14px;
}

/*
#panel-content-start .panel-body-a1
{
	position: relative;
	float: left;
	width: 320px;
	overflow: hidden;
}

#panel-content-start .panel-body-a2
{
	position: relative;
	float: right;
	width: 647px;
	overflow: hidden;
}*/

/* Type 3, main section page grid, has spanned column and thress "splashes" on the bottom, transparent bg */
#panel-content-section {
	z-index: 10;
	position: relative;
	overflow: hidden;
	background-color: transparent;
	color: #fff;
}

#panel-overview 
{
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	height: 437px;
	width: 972px; 
	background-color: #fff;
	color: #000;
	overflow: hidden;
	margin-bottom: 6px;
}
#panel-overview object 
{
    display: block;
}


#panel-content-section #panel-intro 
{
	position: relative;	
	width: 596px;
	height: 150px;
/*	margin-top: 443px; */
	padding: 25px 25px 25px 25px;
	float: left;
	display: inline;
	border: none;
	background-color: #000;
	color: #fff;
	background-image: url(../image/chrome/bg_dark3.jpg);
	overflow: hidden;
}

#panel-content-section #panel-intro .content-border 
{
    background-color: #fff;    
}

#panel-content-section #panel-intro h1 
{
    position: absolute;
    top: -1000px;
    left: -1000px;
}

#panel-intro p.intro 
{
    margin-bottom: 10px;
}

#panel-content-section #panel-feature-1,
#panel-content-section #panel-feature-2
{
	width: 320px;
	clear: none;
/*	margin-top: 443px; */
	position: relative;
	float: left;
	margin-left: 6px;
}

/* Type 2, normal page grid, has left nav and breadcrumbs, solid bg */
#panel-content {
	z-index: 10;
	position: relative;
	padding-bottom: 68px;
	background-color: #eee;
	color: #000;
	
	padding-left: 298px;
	/*padding-top: 86px;*/
	padding-top: 79px;
	background-image: url(../image/chrome/bg_light5.jpg);
	background-repeat: no-repeat;
	background-color: #edede7;
	/*overflow: hidden;*/
}


#panel-splash 
{
	position: absolute;
	top: 65px;
	width: 100%;
	height: 284px;
	z-index: 5;
}



.panel-body 
{
    position: relative;
    z-index: 10;
	width: 533px;
}



 #panel-sidebar {
	position: absolute;
	top: 34px;
	left: 32px;
	width: 148px;
	z-index: 20;
}

#panel-breadcrumb {
	position: absolute;
	left: 298px;
	top: 34px;
	width: 543px;
	z-index: 20;
}

.panel-media 
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}




/* Top Section */
#logo {
	z-index: 3;
	position: absolute;
	left: 740px;
	top: 14px;
}

#top-menu {
	z-index: 2;
	position: absolute;
	top: 20px;
	left: 0px;
	background-color: #333;
	width: 971px;
	height: 41px;
	overflow: hidden;
	background-image: url(../image/chrome/bg_steely.png);
	background-repeat: no-repeat;
}

/***  footer  ****/

#footer 
{
	position: relative;
	z-index: 2;
	clear: both;
	border-top: 1px solid #8c8c8c;
	margin-top: 18px;
	margin-bottom: 10px;
}
#footer p.copyright 
{
}

.clear {
	clear: both;
}


/***** splash tags *********/
#tag-1 {
	z-index: 1;
	position: absolute;
	left: -170px;
	top: -50px;
	width: 434px;
	height: 375px;
	background-image: url(../image/chrome/r-splash.png);
	background-repeat: no-repeat;
	overflow: visible;
}

#tag-2 {
	z-index: 1;
	position: absolute;
	right: -140px;
	top: -50px;
	width: 434px;
	height: 375px;
	background-image: url(../image/chrome/r-splash.png);
	background-repeat: no-repeat;	
	overflow: visible;
}


/** NAVIGATION **/
/*top menu*/
#top-menu ul.nav {
	margin-top: 11px;
	margin-left: 10px;
}

#top-menu ul.nav li {
	float: left;
 	background-image: url(../image/chrome/dash-vertical.png);
	background-repeat: no-repeat;
	background-position: left;
	overflow: hidden;
}
#top-menu ul.nav li:first-child {
 	background-image: none;
}

#top-menu ul.nav li.last {
	background-image: none;
}

#top-menu ul.nav a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	position:relative;
	z-index: 10;
/*	padding: 0.6em 0.5em 0.35em 0.5em;*/
    padding-left: 4px;
    padding-right: 3px;
}
#top-menu ul.nav a img
{
    position: relative;
    z-index: 10;
}
#top-menu ul.nav a:hover {
	text-decoration: none!important;
}

#top-menu ul.nav a span
{
    display: none;
    position: absolute;
    background-color: #b00;
    color: #b00;
	left: 5px;
	top: 0px;
	height: 20px;
	right: 3px;
	z-index: 1;
}

#top-menu ul.nav a:hover span,
#top-menu ul.nav a.current span,
#top-menu ul.nav a.path span
{
	display: block;
}

/**left menu**/
#panel-sidebar ul.nav 
{
    
	text-transform: uppercase;
	font-weight: bold;
	color: #cc0000;
}

#panel-sidebar ul.nav li 
{
    padding: 5px 5px 5px 10px;
    background-image: url(../image/chrome/bullet-red.png);
	background-repeat: no-repeat;
    background-position: 0px 7px;
	border-top: 1px dashed #9a9e9b;
	font-size: 1.1em;
}

#panel-sidebar ul.nav li:first-child
{

	border-top:none;
}

#panel-sidebar ul.nav li ul 
{
	margin-top: 5px;
	padding-left: 8px;
	border-top: 1px dashed #9a9e9b;
	text-transform: none;
}

#panel-sidebar a.current,
#panel-sidebar a.path,
#panel-sidebar li.current,
#panel-sidebar li.path {
	color: #000;
}

/*breadcrumb*/
#panel-breadcrumb ul.nav {
	border-bottom: 1px dashed #9c9c99;
	padding-bottom: 8px;
	font-weight: bold;
}

#panel-breadcrumb ul.nav li {
	display: inline;
	padding-right: 5px;
	text-transform: uppercase;
	font-size: 1.1em;
}

#panel-breadcrumb ul.nav li.current a,
#panel-breadcrumb ul.nav li.path a {
	color: #000;
}

/***footer nav**/
#footer p 
{
    padding: 11px 0px 5px 12px;
    color: #5e5e5e;
}
#footer ul.footer-nav {
	float: right;
	background-image: url(../image/chrome/bg_splash-mini.png);
	padding: 11px 0px 5px 30px;
	background-repeat: no-repeat;
	background-position: 0px 8px;
}

#footer ul.footer-nav li {
	display: inline;
}

#footer ul.footer-nav a {
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	padding: 0.0em 1.2em 0.0em 0em;
	display: block;
	float:left;
}

/*** right column on start page **/
.splash-nav 
{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.splash-nav li
{
	float: right;
	width: 483px;
	height: 437px;
	overflow: hidden;
}

.splash-nav li:first-child,
.splash-nav .first-child
{
	float: left;
	margin-right: 6px;
}

/*** product overview nav***/
.nav-products 
{
	position: absolute;
	bottom: 38px;
	width: 100%;
}
.nav-products li
{
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	padding: 5px;
}
.nav-products .item-1 { left: 29px; }
.nav-products .item-2 { left: 145px; }
.nav-products .item-3 {	left: 261px; }
.nav-products .item-4 {	left: 398px; }
.nav-products .item-5 {	left: 556px; }
.nav-products .item-6 {	left: 687px; bottom: 81px; }
.nav-products .item-7 {	left: 687px; }
.nav-products .item-8 {	left: 801px; }


/**** subpage navigation ****/

.nav-pages li
{
    background-image: url(../image/chrome/thumb_plate1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 3px 0px 0px 3px;
	height: 97px;
	padding-left: 109px;    
	margin-bottom: 22px;
	position: relative;
}

.nav-pages li img
{
    position: absolute;
    left: 7px;
    top: 7px;
}


.nav-pages li h2
{
    background-repeat: no-repeat;
    background-position: -100px;
    overflow: visible;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
	background-color: #bb0000;
	margin-bottom: 5px;
	
}
.nav-pages li h2 a 
{
    display: block;
    padding: 2px 3px 1px 3px;
    color: #fff!important;
    
}

.nav-pages li p 
{
    clear: both;
	font-size: 1.1em;
	line-height: 1.2;
}
.nav-pages li p a
{
	padding-right: 51px;
	width: 349px;
	display: block;
	background-color: transparent;
	color: #fff;
	height: 42px;
}
.nav-pages li p a:hover 
{
	text-decoration: none!important;	
}

a .link 
{
    display: block;
    color: #b00;
    margin-top: 2px;
    font-weight: bold;
}

a:hover .link
{
    text-decoration: underline!important;
}

/*******
Content border styles 
**********/
.content-border
{
    position: absolute;
    background-color: #000;
    z-index: 1;
}

.cb-alt
{
  background-color: #fff;
}

.cb-0 { height: 1px; top: 2px; left: 2px; right: 2px; opacity: 0.2;}
.cb-1 { height: 1px; top: 4px; left: 4px; right: 4px; opacity: 0.3; }
.cb-2 { width: 1px; right: 2px; top: 3px; bottom: 3px; opacity: 0.2; }
.cb-3 { width: 1px; right: 4px; top: 5px; bottom: 5px;  opacity: 0.3;}
.cb-4 { height: 1px; bottom: 2px; left: 2px; right: 2px; opacity: 0.2; }
.cb-5 { height: 1px; bottom: 4px; left: 4px; right: 4px;  opacity: 0.3;}
.cb-6 { width: 1px; left: 2px; top: 3px; bottom: 3px;  opacity: 0.2;}
.cb-7 { width: 1px; left: 4px; top: 5px; bottom: 5px;  opacity: 0.3;}

/*******
END Content border styles 
**********/


.modal 
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: none;
    z-index: 1000;
    color: #000;
}

.modal .block
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal .inner 
{
    display: none;
    position: relative;
    border: 3px double #ddd;
    background-color: #fff;
    background-image: url(../image/chrome/bg_light3.jpg);
    top: 25%;
    padding: 30px;
    width: 533px;
    margin: auto;
}

.sIFR-alternate {
	display: none;
}

.copy p.sIFR-replaced {
	margin-bottom: 10px;
}

a.rss 
{
    background-image: url(../image/chrome/rss.png);
    background-repeat: no-repeat;
    display: block;
    padding-top: 4px;
    padding-left: 28px;
    padding-bottom: 5px;
    font-size: 11px;
    color: #000;
    margin-left: 8px;
}