/* ------------- */
/* General Items */
/* ------------- */

/*Remove IE extra spaces*/
table {
    border-collapse: collapse;
}
th, td {
    padding: 0;
}
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/*blue background fade behind page*/
.bgfade{
	background: RGB(0, 71, 153) url("website images/home page images/bgfade.bmp") top repeat-x;
}

/*white content background*/
.bgwhite{
	background: RGB(255, 255, 255);
}

/*light blue content background*/
.bg {
background: RGB(220, 235, 254);
}

/*set min height for webmaster bar*/
.minheight{
height:150px;
minheight:150px;
}

/*center what's happening and join us elements*/
.centered{
	margin-left: auto;
	margin-right: auto;
}

.contentalign{
	vertical-align:top; 
	text-align:left;
}

.contentformat{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:15px;
	height:100%;
}

.neartop{
	vertical-align: top; 
	text-align: center;
}


/* webmaster element */
.webmaster{
	text-align: center;
	display: table-cell;
	height:50px;
	minheight:50px;
	background: RGB(0, 71, 153);
	display:block;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
 	color:white;
}

/* remove borders around image links */
.noborder
{  
	border-style: none;
}

/* ------------------ */
/* Top Navigation Bar */
/* ------------------ */
/*make form behave in navigation bar*/
form{ 
	display:inline; 
}
/* center the search feature in the navigation bar */
.search{
	display:block;
	margin-top:5px;
	margin-right:5px;
}
#menu {
	background: transparent url("website images/home page images/header/index_navigationbar.jpg") top left repeat;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 900px;
	height:34px;
}
#menu li {
	float: right;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: black; 
	margin: 0;
	padding: 0;
}
#menu a {
	background: #333 url("website images/home page images/header/seperator.gif") bottom right no-repeat;
	background: transparent url("website images/home page images/header/index_navigationbar.jpg") top left repeat;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	color: white; 
	text-decoration: none;
}
#menu a:hover {
	background: #2580a2 url("website images/home page images/header/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;


}

/* ------------------- */
/* MAIN NAVIGATION BAR */
/* ------------------- */

.bubplastic.horizontal {
	height: 136px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	text-align: center;
	display: table-cell;
	float: left;
	width: 180px;
	height:100%;
	margin: 0;
	padding: 0;
	background-color:rgb(255,153, 0);
}
.bubplastic.horizontal ul li a {
	display: block;
	margin: 0;
	width: 180px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: white; 
	background: transparent ;
	text-decoration:none;
}
.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 180px;
	height: 136px;
	background: transparent;
	cursor: pointer;
}
.bubplastic.horizontal ul li.orange {
	background: url("website images/home page images/main buttons/index_3Dbodyscan.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.red {
	background: url("website images/home page images/main buttons/index_newpd.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.purple {
	background: url("website images/home page images/main buttons/index_servicesforbrands.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.green{
	background: url("website images/home page images/main buttons/index_digitalprint.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.blue{
	background: url("website images/home page images/main buttons/index_education.jpg") top left;
	background-repeat:repeat-x;
}

/* BLUE ROLLEROVER */
.bubplastic ul li.blue a:hover,
.bubplastic ul li.highlight a {
background: transparent url("website images/home page images/main buttons/index_education_rollover.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
}

/* ORANGE ROLLOVER */
.bubplastic ul li.orange a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/home page images/main buttons/index_3Dbodyscan_rollover.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic ul li.yellow a:hover span.menu_ar,
.bubplastic ul li.highlight a span.menu_ar {	
}

/* RED ROLLOVER */
.bubplastic ul li.red a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/home page images/main buttons/index_newpd_rollover.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic ul li.red a:hover span.menu_ar,
.bubplastic ul li.highlight a span.menu_ar {
}

/* PURPLE ROLLOVER */
.bubplastic ul li.purple a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/home page images/main buttons/index_servicesforbrands_rollover.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.purple ul li.purple a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {	
}

/* GREEN ROLLOVER */
.bubplastic ul li.green a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/home page images/main buttons/index_digitalprint_rollover.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic ul li.green a:hover span.menu_ar,
.bubplastic ul li.highlight a span.menu_ar {
}

/* ---------- */
/* Slide Show */
/* ---------- */
#container 
{
}
 
#imageBox 
{
  	width:874px;
  	height:100px;
  	overflow: hidden;
}
 
#imageBoxInside 
{
  width: 10000px;
}
 
#imageBox img 
{
  	float: left;
  	padding: 0px;
  	margin: 0px;
}
 
#imageBox br 
{
  	clear: both;
}
 
#controls img 
{
	overflow: hidden;
 	display: block;
  	border: 0;
}


/* Active Web Links */

a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
	text-decoration: underline;
}

/* Visited was removed because it did not behave nicely.  It overrode the hover css */

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	text-decoration: underline;
	}
	
/* Heading Five */
h5 {
color: #003399; 
background: #dcecff;
}