/*********************************************************************
   Style Sheet for Creative Extruded Products
   Code by Michael Williams (mwilliams@behrdesign.com)
   Behr Design Corporation (937-492-5704)
*********************************************************************/
h1 {

	font-size:16px;
	text-align: left;
	}
	
	
h2 {

	font-size:14px;
	text-align: left;
	}
	
ul
{
text-align: left; 
list-style-type: disc; 
list-style-position: outside;
padding: 0 0 0 20px;
}

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	background-color:#8099b3;
	}
	
img {
	border:0;
	}
	
/* Link Styles
-------------------------------------------------------------------- */
a:link {
	color:#990000;
	text-decoration:none;
	}
	
a:visited {
	color:#990000;
	text-decoration:none;
	}
	
a:hover {
	color:#990000;
	text-decoration:underline;
	}
	
a:active {
	color:#990000;
	text-decoration:underline;
	}
	
/* LEFT BORDER
-------------------------------------------------------------------- */
#lborder {
	padding-top:80px;
	background:url(../images/lborder.jpg);
	background-repeat:repeat-y;
	}
	
/* Top
-------------------------------------------------------------------- */
#top {
	height:88px;
	text-align:left;
	background:#000000 url(../images/topbg.jpg) repeat-x top left;
	}
	
#top img {
	margin:7px 20px;
	}
	
/* Wrapper
-------------------------------------------------------------------- */
#wrapper {
	margin:0;
	padding:0;
	}
	
/* SUBNAV
-------------------------------------------------------------------- */
#subnav {
	padding-top:3px;
	padding-left:125px;
	padding-right:0px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	text-align:left;
	}
	
/************ subglobalNav styles **************/

.subglobalNav{
	/*position: absolute;
	top: 84px;
	left: 0px;
	width: 100%;*/
	position: absolute;
	top:124px;
	background-color:#ffffff;
	text-align:left;
	visibility:hidden;	
	padding-top:3px;
	padding-right:0px;
	padding-bottom:5px;
	font-size:11px;
}

#subglobal1 {
	padding-left:69px;
}

#subglobal2 {
	padding-left:246px;
}

#subglobal3 {
	padding-left:313px;
}

#subglobal4 {
	padding-left:200px;
}
	
/* MSHOME
-------------------------------------------------------------------- */
#mshome {
	padding-right:20px;
	padding-top:20px;
	padding-bottom:5px;
	padding-left:40px;
	}
	
#mshome h1 {
	margin:0;
	padding:0;
	font-size:16px;
	display: inline;
	}
	
#mshome h2 {
	margin:0;
	padding:0;
	font-size:16px;
	display: inline;
	}
	
#mshome h3 {
	margin:0;
	padding:0;
	font-size:14px;
	}
	
#mshome h4 {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	}
	
#mshome p {
	margin:5px 0 10px 0;
	}
	
#mshome ul {
	margin:10px 0px 10px 20px;
	}
	
/* LBLHOME
-------------------------------------------------------------------- */
#lblhome {
	padding:20px;
	padding-top:20px;
	padding-bottom:5px;
	}
	
#lblhome h1 {
	margin:0;
	padding:0;
	font-size:16px;
	display: inline;
	}
	
#lblhome h2 {
	margin:0;
	padding:0;
	font-size:16px;
	display: inline;
	}
	
#lblhome h3 {
	margin:0;
	padding:0;
	font-size:14px;
	}
	
#lblhome h4 {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	}
	
#lblhome p {
	margin:5px 0 10px 0;
	}
	
#lblhome ul {
	margin:10px 0px 10px 20px;
	}
	
#body-div { width: 565px; padding: 0 20px; float: left; text-align: left; }
#sidebar-div { width: 235px; padding: 15px 20px; float: right; background: #EFEFEF; margin: 0 20px 0 0; text-align: left }
#sidebar-div p { margin-bottom: 10px }
#sidebar-div li { color: #990000; }
#body-div p { margin-bottom: 10px }
#body-div h1, #body-div h2, #body-div h3, #body-div h4 { color: #990000; padding-bottom: 10px }
#body-div h1 ul { font-size: 14px; color: #8099b3; padding: 0; margin: 0 0 15px 20px; font-weight: 700; }
#body-div h1 ul li { margin-bottom: 5px }

	
/* NPHOME
-------------------------------------------------------------------- */
#nphome {
	padding-left:20px;
	padding-right:40px;
	padding-top:20px;
	padding-bottom:5px;
	}
	
#nphome h1 {
	margin:0;
	padding:0;
	font-size:20px;
	}
	
#nphome h2 {
	margin:0;
	padding:0;
	font-size:16px;
	}
	
#nphome h3 {
	margin:0;
	padding:0;
	font-size:14px;
	}
	
#nphome h4 {
	margin:0;
	padding:0;
	font-size:13px;
	}
	
#nphome p {
	margin:5px 0 10px 0;
	}
	
#nphome ul {
	margin:10px 0px 10px 20px;
	}
	
/* NEWSHOME
-------------------------------------------------------------------- */
#newshome {
	padding-right:20px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:40px;
	}
	
#newshome h1 {
	margin:0;
	padding:0;
	font-size:20px;
	}
	
#newshome h2 {
	margin:0;
	padding:0;
	font-size:16px;
	}
	
#newshome h3 {
	margin:0;
	padding:0;
	font-size:14px;
	}
	
#newshome h4 {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:bold;
	}
	
#newshome p {
	margin:5px 0 10px 0;
	}
	
#newshome ul {
	margin:10px 0px 10px 20px;
	}

/* CSHOME
-------------------------------------------------------------------- */
#cshome {
	padding:20px;
	padding-top:5px;
	background:url(../images/cshome.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:170px;
	width:861px;
	}

/* CSHOMETXT
-------------------------------------------------------------------- */
#cshometxt {
	padding-right:24px;
	padding-top:35px;
	padding-left:26px;
	color:#FFFFFF;
	text-align:left;
	line-height:115%;
	}

/* Footer
-------------------------------------------------------------------- */
#footer {
	margin-top:5px;
	padding:0;
	font-size:10px;
	color:#666666;
	text-align:center;
	background:url(../images/footer.jpg);
	height:99px;
	width:901px;
	}
	
#openRep {
	margin-top:5px;
	padding:0;
	margin-left: 25px;
	margin-right: 25px;
	color:#000000;
	text-align:left;
	height:300px;
	width:850px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* SUB CONTENT
-------------------------------------------------------------------- */	
#subContent {
	margin-top:5px;
	padding-left:20px;
	text-align:left;
	background:#FFFFFF;
	}
	
#subContentHeader
{
	padding-top:0px;
	line-height:100%;
}

#subContentHeader h1 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;	
}

#subContentHeader h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
}

.specialHeader1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

/* CONTACT PAGE
-------------------------------------------------------------------- */	
.contactPage
{
	margin-top:5px;
	padding-left:20px;
	text-align:left;
	background:#FFFFFF;
}

/*.contactPage a:link, a:visited{
	color:#0033FF;
	text-decoration:none;
}

.contactPage a:hover
{
	color:#0033FF;
	text-decoration:underline; 
}*/

#corpContacts
{
	padding-top:0px;
}

/* ABOUT PAGE
-------------------------------------------------------------------- */	
.aboutPage
{
	margin-top:5px;
	padding-left:20px;
	text-align:left;
	background:#FFFFFF;
}

	
.reqField 
{
	font-size:11px;
	color:#990000;
	font-weight:bold;
	text-align:right;
	width:120px;
	vertical-align:middle;
}

.nonReqField 
{
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:right;
	width:120px;
	vertical-align:middle;
}

.textField 
{
	font-size:11px;
	width:250px;
	vertical-align:middle;
	text-align:left;
}

.reqField2
{
	font-size:11px;
	color:#990000;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

.nonReqField2
{
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:right;
	width:125px;
	vertical-align:top;
}

.feedback
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}



/* HOME PAGE NEW 05/03/11 added by Roger @ Bing
------------------------------------------------------------------------------------------*/

/* Home page boxes and page button styles */
.box-btn {}
.box-btn-head {font-size: 20px;  font-weight: bold; margin-bottom: 5px;}
.box-btn-body-img {margin-right: 5px;}

.box-btm {padding: 20px 0 0 110px; margin-bottom: 20px; border-top: 2px dotted #666}
.box-btm-head {font-size: 20px; color: #990000; font-weight: bold; margin-bottom: 10px}
.box-btm-body {font-size: 14px; line-height: 16px;}
.box-btm-head-img {margin-left: -110px}

.adboxleft {
  width: 351px; /* default, this is overridden by script settings */
  height: 138px;
  float: left;
  margin: 10px 0px 0 60px;
  padding: 20px 20px 0 20px;
  margin-bottom: 5px;
  background: url(../images/vmk-home-box-off.jpg) no-repeat;
}
.adboxleft:hover {
	cursor: pointer;
	background: url(../images/vmk-home-box-on.jpg) no-repeat;

}
.adboxright {
  width: 351px;
  height: 138px;
  float: left;
  margin: 10px 50px 0 0;
  padding: 20px 20px 0 20px;
  margin-bottom: 5px;  
  background: url(../images/vmk-home-box-off.jpg) no-repeat;
  cursor: pointer;
}
.adboxright:hover {
	cursor: pointer;
	background: url(../images/vmk-home-box-on.jpg) no-repeat;

}
/* End home page boxes and page button styles */


/* Slider styles */


/*** Overall MovingBoxes Slider ***/

* {
  margin: 0;
  padding: 0;
}

#wrapper {}

/* Moving Boxes title image wrapper */
#title {
  text-align: center;
}
#title img {
  border: 0;
}

/* direct link styling */
.dlinks {
  text-align: center;
  font-size: 20px;
}

.mb-slider {
  width: 800px; /* default, this is overridden by script settings */
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /*background-color: #bbb;*/
  background: url(../images/stripe-bg.png);
  margin: 0 auto;
  position: relative;
  left: 0;
  top: 0;
  /*border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;*/
  box-shadow: inset 0 0 50px #333;
  -moz-box-shadow: inset 0 0 50px #333;
  -webkit-box-shadow: inset 0 0 50px #333;
}

/* Panel Wrapper */
.mb-scrollContainer, .mb-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;

  /***(>'-')> Control Panel Font size here <('-'<)***/
  font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
  border-color: #8099B3;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
  width: 350px;  /* default, this is overridden by script settings */
  margin: 5px 0;
  padding: 5px;
  cursor: pointer;
  float: left;
  list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
  change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
 cursor: auto;
}

/*** Inside the panel ***/
.mb-inside {
  padding: 10px;
  background-color: #fff;
  /*border: 1px solid #999;*/
}

.mb-inside img {
  display: block;
  border: 1px solid #666;
  margin: 0 auto;
  width: 100%;
}

.mb-inside h2 {
  font-weight: normal;
  color: #333;
  font-size: 95%; /* Adjust panel header font size using em or % */
  margin: 5px;
}

.mb-inside p {
  font-size: 75%; /* Adjust panel text font size using em or % */
  color: #888;
  text-align: left;
  padding: 5px;
  line-height: normal;
}

.mb-inside a {
  color: #990000;
  text-decoration: none;
  /*border-bottom: 1px dotted #ccc;*/
}

/*.mb-inside a:hover {
  border-bottom: 1px solid #999;
}*/

/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
  display: block;
  width: 45px;
  height: 58px;
  background: transparent url(../images/arrows2.png) no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
}
a.mb-scrollButtons.mb-left {
  background-position: left top;
  left: -46px;
}
a.mb-scrollButtons.mb-right {
  background-position: right top;
  right: -46px;
}
a.mb-scrollButtons.mb-left:hover {
  background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
  background-position: right bottom;
}

/*** Controls added below the panels ***/
.mb-controls {
  margin: 0 auto;
  text-align: center;
  /*background: #ccc;*/
  position: relative;
  z-index: 100;
}
.mb-controls a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 2px;
  margin: 5px 5px 0 0;
  text-align: center;
  outline: 0;
}
.mb-controls a.current, .mb-controls a:hover {
  color: #afc0d2;
}
/*.mb-active-slider .mb-controls {
  background: #8099B3;
}*/
.demo li {
	color: #990000;
}
em {
	color: #54728e;
}
