
<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/page_background.jpg); background-repeat:repeat-y; background-position:center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
html,body {
		margin:0;
		padding:0;
	}
	
/* Equal Height Div's 
.equal {
		display:table;
		border-collapse:separate;
	}
	.row {
		display:table-row;
	}
	.row div {
		display:table-cell;
	}
	


	.equal {
		margin:10px auto;
		border-spacing:10px;
		background:#898B60;
		width:80%;
	}
	.row div {
		background:#fff;
	}
	.row div.one {
		width:40%;
	}
	.row div.two {
		width:40%;
	}
	.row div.three {
		vertical-align:middle;
	}
	.row div h2 {
		margin:0 0 0.5em 0;
		padding:0.5em 10px;
		font-size:1.2em;
		color:#fff;
		background:#595B30;
	}
	.row div p {
		font-size:0.94em;
		margin:0.5em 0;
		padding:0 10px;
	}
	#labfooter {
		text-align:center;
	}
*/
input, textarea, select{
	width: 250px;
}
img {
border:0;
}
.twoColFixLtHdr #container { 
	width: 778px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left;
	background-image:url(../images/l_backc.gif); background-repeat:repeat-y;
	/* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	background: #DDDDDD; 
	padding: 0px;
	  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.twoColFixLtHdr #topnavigation {
	padding:0;
	height:52px;
	line-height:52px; 
	background-color: #000000;
	background-image: url(../images/topnav.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;
}  
#midlink {height:52px; text-align:center; background: url(../images/topnav.gif);margin: 0 0 0 30px;}
#main_menu {list-style-type:none;height:52px; background:url(../images/topnav.gif) no-repeat top right; margin:0; padding:0;}
#main_menu li {float:left; display:inline; width:120px; background:url(../images/vbaf_1.gif);}
#main_menu li a, #main_menu li a:visited {display:block; width:120px; height:52px; color:#ddd; font-size:1.1em; text-decoration:none; line-height:52px; font-family:arial, verdana, sans-serif; background:url(../images/topnav.gif);}

#main_menu li a:hover {color:#FFF;  background:url(../images/vbaf_1.gif);} 
#main_menu li a.chosen, #main_menu li a.chosen:visited,  #main_menu li a:active, #main_menu li a:focus {color:#000;  background:url(../images/vbaf_2.gif);} 
.twoColFixLtHdr #header {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/*h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
padding: 0 0 0 20px;
background-image:url(../images/cont_heads.gif); background-repeat:no-repeat; background-position:left top;
}
h2{
font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF; background-image: url(../images/h_1.gif); background-repeat:repeat-x; padding: 3px 0 7px 5px; margin:0 0 2px 0;
}
h3{margin:0; padding:0; font-weight:normal;}*/
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px 0; padding: 0; }
	h1 { background: url(../images/drawline.gif) bottom left repeat-x; }
	h2 { margin-bottom: 0; }
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 0 0 5px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 195px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 10px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #inContent { 
	margin: 0 0 0 195px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 10px 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #mainContent #leftContent { 
margin: 0 0 16px 0;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 8px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/homecontent.jpg);  background-repeat:no-repeat;
	width:265px;
	height:245px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal;
} 
.twoColFixLtHdr #mainContent #rightContent { 
	margin-left: 0; margin-bottom: 10px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 8px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/homecontent.jpg); background-repeat:no-repeat;
	width:267px;
	height:245px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal;
}
.twoColFixLtHdr #inContent #Content { 
	margin-left: 0; margin-bottom: 10px;/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 8px 30px 30px 30px ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/content.jpg); background-repeat:repeat;
	width:505px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal;
}
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
	background-image: url(../images/footer.jpg); background-repeat:no-repeat;
	height:70px;
} 

.contentHeadings
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
padding: 0 0 0 20px;
font-weight:bold;
background-image:url(../images/cont_heads.gif); background-repeat:no-repeat; background-position:left top;
}
.leftc{font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; float:left;}
.rightc{font:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; float:right; width:150px; margin-top:15px; margin-right:5px;}
.toplink {padding: 0 10px 5px 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color:#000000;}
.toplink a{padding: 0 10px 10px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color:#000000; text-decoration:none;}
input.btn{
   color:#FFF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#CC3300;
   border:1px solid;
   border-top-color:#666;
   border-left-color:#666;
   border-right-color:#000;
   border-bottom-color:#000;
   width:100px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ff0000',EndColorStr='#CC3300');}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;
}
.twoColFixLtHdr #footer a:link, a:active, a:visited{ 
	font:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;
} 
.twoColFixLtHdr #footer a:hover{ 
	font:Arial, Helvetica, sans-serif; font-size:12px; color:#CC3300; text-decoration:none;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0; padding:0;
}
a.greenarrow:link, a.greenarrow:active, a.greenarrow:visited {color:#669933;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-image:url(../images/blk_arrow.gif);
background-repeat:no-repeat;
background-position:left ;
padding-left:15px;
text-decoration:none;}

a.greenarrow:hover {color:#FF6600; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
background-image:url(../images/blk_arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;}
/* left column */
#common_left{
display:table;
border-collapse:separate;
width:177px; 
background-image:url(../images/l_back.gif); background-repeat:repeat-y;
}

#prod_head{
width:172px; 
height:50px; 
text-align:center; 
background-image:url(../images/pr_head.gif); 
line-height:52px;}

#prod_head #titleh{text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; font-weight:bold; 
color:#FFF; 
background-image:url(../images/sq_arrow.gif); 
background-repeat:no-repeat; 
background-position:left; 
padding-left:15px; 
height:52px; 
line-height:52px;}

#left_foot
{
float:left;
width:172px; 
height:23px; 
text-align:center; 
background-image:url(../images/left_foot.gif); 
line-height:23px;}
/* left navigation */
#nav-buttons DL {
	margin-left: 2px;
}

#nav-buttons DT {
width: 168px; height:74px; margin:0 0 10px 0; padding:0;
}
#nav-buttons A {
DISPLAY: block; FONT-SIZE: 11px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-image:url(../images/back_navprd.gif); background-repeat:no-repeat; background-position:left; TEXT-DECORATION: none; font-weight: bold; color: #FFFFFF; padding:5px 0 0 1px; vertical-align:middle; min-height:68px; height:68px;
}
#nav-buttons A:hover {
	COLOR: #FFFFFF; background-image:url(../images/back_navprdh.gif); background-repeat:no-repeat; background-position:left;
}
/* Left Nav */
img.leftnav {float:left; margin:0; padding: 0 5px; 0 0; display:inline;}
/*div {border: 1px solid #FF0000}*/
.blbullet {}
/* for images */
.img_right
{
float:right; padding:10px;
}
/* end here */
/* for testimonials */
blockquote {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal;}
div.testimonials blockquote { background: url(../images/quote-ul.gif) top left no-repeat; }
	div.testimonials blockquote p { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal; background: url(../images/quote-br.gif) bottom right no-repeat; padding: 3px 0 6px 0; }
	div.testimonials blockquote p{ text-indent: 30px; }
	div.testimonials p.cite { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	font-weight:normal; text-align: right; font-style: italic; background: url(../images/drawline.gif) bottom left repeat-x; margin-bottom: 12px; padding-bottom: 18px; }

body.forpage #testimonial blockquote { background: url(../images/quote-ul.gif) top left no-repeat;}
body.forpage #testimonial blockquote p { background: url(../images/quote-br.gif) bottom right no-repeat; padding: 0 0 15px 0; font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal;font-style: italic; text-align: center; line-height: 40px; }
body.forpage #testimonial p.cite { color: #858668; text-align: right; line-height: 15px; font-style: italic; font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	font-weight:normal;}	
blockquote.testimonial { background: url(../images/quote-ul.gif) top left no-repeat;font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#464646;
	font-weight:normal; }
/* end here */
/* SIFR: =sifr
----------------------------------------------- */
	.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
	.sIFR-replaced { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-active #content h1 { visibility: hidden; line-height: 1em; }
	.sIFR-active #content h1 { font-size: 22px; }
	.sIFR-active #content h2 { font-size: 19px; }
	
	/* 
	  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
	  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
	*/
	
	.sIFR-replaced > div { display: none !important; }
/* End's Here */

/* Team Page */
img.lefthanded {
float:left; padding:5px; background-color:#FFFFFF; border: 1px solid #cccccc; margin:0 10px 0 0;
}
img.righthanded {
float:right; padding:5px; background-color:#FFFFFF; border: 1px solid #cccccc; margin:0 0 0 10px;
}
a.team:link , a.team:active, a.team:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-weight:normal; font-size:11px;}
a.team:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; font-size:11px;}
/* Ends Here */
/* Page linking */
a.pagel:link , a.pagel:active, a.pagel:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-weight:normal; font-size:12px; text-decoration:none;}
a.pagel:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-weight:normal; font-size:12px; text-decoration:underline;}

/* Ends Here */
/* Red linking big*/
a.pagels:link , a.pagels:active, a.pagels:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-weight:normal; font-size:14px; text-decoration:none;}
a.pagels:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; font-weight:normal; font-size:14px; text-decoration:underline;}

/* Ends Here */