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

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

/*light blue background fade*/
.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);
}

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

.maincontentformat{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:12px;
	width:606px;
	padding:15px;
}


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

/*forces a min height for webmaster element*/
.minheight{
height:100px;
minheight:100px;
}

.centered{
	margin-left: auto;
	margin-right: auto;
}

/* to place image links at the top of the side bar */
.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;
}


.sidebarimg{
	margin-top:20px;
	margin-bottom:20px;
}
/* remove borders around image links */
.noborder{  
	border-style: none;
}


/*Orange right bar fade*/
.rightsidefadeorange{
	background: RGB(214, 83, 41) url("website images/content page images/sidebar/gradations/content_orangesidebar.jpg") top repeat-x;
	height:600px;
	minheight:600px;
	text-align: center;
	display: table-cell;
}
/*Purple right bar fade*/
.rightsidefadepurple{
	background: RGB(104, 5, 156) url("website images/content page images/sidebar/gradations/content_purplesidebar.jpg") top repeat-x;
	height:600px;
	minheight:600px;
	text-align: center;
	display: table-cell;
}
/*Red right bar fade*/
.rightsidefadered{
	background: RGB(146, 5, 5) url("website images/content page images/sidebar/gradations/content_redsidebar.jpg") top repeat-x;
	height:600px;
	minheight:600px;
	text-align: center;
	display: table-cell;
}
/*Blue right bar fade*/
.rightsidefadeblue{
	background: RGB(0, 71, 153) url("website images/content page images/sidebar/gradations/content_bluesidebar.jpg") top repeat-x;
	height:600px;
	minheight:600px;
	text-align: center;
	display: table-cell;
}
/*Green right bar fade*/
.rightsidefadegreen{
	background: RGB(0, 142, 3) url("website images/content page images/sidebar/gradations/content_greensidebar.jpg") top repeat-x;
	height:600px;
	minheight:600px;
	text-align: center;
	display: table-cell;
}

table.solid {
	border-width: thin;
	border-style: solid;
	border-color: RGB(100, 100, 100);
} 

/*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;
	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;
}


/* HORIZONTAL MENU MAIN NAVIGATION BAR*/
.bubplastic.horizontal {
	height: 69px;
	width: 640px;
	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: 128px;
	height:100%;
	margin: 0;
	padding: 0;
	background-color:rgb(255,153, 0);
}

.bubplastic.horizontal ul li a {
	display: block;
	margin: 0;
	width: 128px;
	text-transform: uppercase;
	background: transparent ;
	text-decoration:none;

}
.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 128px;
	height: 69px;
	background: transparent;
	cursor: pointer;
}
.bubplastic.horizontal ul li.orange {
	background: url("website images/content page images/main navigation header/content_3Dbodyscan.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.red {
	background: url("website images/content page images/main navigation header/content_newpd.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.purple {
	background: url("website images/content page images/main navigation header/content_servicesforbrands.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.green{
	background: url("website images/content page images/main navigation header/content_digitalprint.jpg") top left;
	background-repeat:repeat-x;
}
.bubplastic.horizontal ul li.blue{
	background: url("website images/content page images/main navigation header/content_education.jpg") top left;
	background-repeat:repeat-x;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */


/* BLUE HOVER */
.bubplastic ul li.blue a:hover,
.bubplastic ul li.highlight a {
background: transparent url("website images/content page images/main navigation header/content_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 HOVER */
.bubplastic ul li.orange a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/content page images/main navigation header/content_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 HOVER */
.bubplastic ul li.red a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/content page images/main navigation header/content_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 HOVER */
.bubplastic ul li.purple a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/content page images/main navigation header/content_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 HOVER */
.bubplastic ul li.green a:hover,
.bubplastic ul li.highlight a {
	background: transparent url("website images/content page images/main navigation header/content_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 {
	
}

/* 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;
}