@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	background: #000000;
	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: #ffffff;
	
	scrollbar-base-color: Red;
	
	scrollbar-face-color: #1a1a1a;

		scrollbar-shadow-color: #f0082f;

		scrollbar-highlight-color: White;

		scrollbar-3dlight-color: #4682B4;

		scrollbar-darkshadow-color: #1a1a1a;

		scrollbar-track-color: #1a1a1a;

		scrollbar-arrow-color: Red;
}

a {
color:#f0082f;   /* #ca0a0a */
text-decoration:none;
}

a:hover {
color:#ffd201;
text-decoration:none;
}

a:visited {
color:#d1d175;
text-decoration:none;
}

a:active {
color:#f0082f;
text-decoration:none;
}



.sitewrapper #container {
	width: 860px;
	background-color:#1a1a1a;
	height:inherit;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #1a1a1a;
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:1;
}



.sitewrapper #imgheader {
	width:860px;
	height:200px; 
}


/* css for java random header 
.sitewrapper #imgheader1 {
	background-image:url(../images/header/imgheader1.jpg);
	width:860px;
	height:200px; 
}
.sitewrapper #imgheader2 {
	background-image:url(../images/header/imgheader2.jpg);
	width:860px;
	height:200px;
}
.sitewrapper #imgheader3 {
	background-image:url(../images/header/imgheader3.jpg);
	width:860px;
	height:200px;
}
.sitewrapper #imgheader4 {
	background-image:url(../images/header/imgheader4.jpg);
	width:860px;
	height:200px;
}*/

#search {
	color: #1a1a1a;
	background-image: url(../images/icon-search.gif);
	background-repeat: no-repeat;
	background-position: 685px 395px;
	z-index:3;	
	
}

#search .inputbox {
	width: 120px;
	border: 1px solid #333333;
	padding: 3px 5px;
	color: #1a1a1a;
	background: #FFFFFF;
	font-size: 92%;
	margin-left:700px;
	margin-top:385px;

}

.subscribe {
	color:#444444;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:95%;
	

}
	

/* main body content section */

.maincontent {
	background-color:#1a1a1a;
	width:860px;
	height:inherit;
	display:inline-block;
	margin-top:5px;
	z-index:1;

}

/* left pane contents */

.maincontent #leftpane {
	width:212px;
	height:auto; /* 1400px fixed */
	float:left;
	background-color:#1a1a1a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:1px;
		
}

.maincontent #leftpane a {
color:#ffffff;   /* #ca0a0a */
text-decoration:none;
line-height:24px;
}

.maincontent #leftpane a:hover {
color:#ffd201;
text-decoration:none;
}

.maincontent #leftpane a:visited {
color:#d1d175;
text-decoration:none;
}

.maincontent #leftpane a:active {
color:#f0082f;
text-decoration:none;
}


/* red box divs */

.redbox {
	background-color:#1a1a1a;
	height:inherit;

}

.redboxad {
	background-color:#1a1a1a;
	height:inherit;
	margin:0 0 10px 8px;
}

/* No longer needed - as using full div flash scroller
.redbox #rtop {
	background-color:#1a1a1a;
	background-image:url(../images/boxes/red_block_head_curves.jpg);
	width:210px;
	height:31px;
	padding-top:5px;
	
	background-repeat:no-repeat;
	text-align:center;
	font-size:16px;
	text-transform:capitalize;
}

.redbox #rtopshine {
	background-color:#1a1a1a;
	background-image:url(../images/boxes/red_block_under_head_gradient.jpg);
	width:210px;
	height:21px;
	padding-left:5px;
	background-repeat:no-repeat;
	

}


.redbox #rmiddle {
	background-color:#1a1a1a;
	width:210px;
	height:300px;
	padding-left:5px;
	padding-bottom:10px;
	background-image:url(../images/boxes/red_block_backg_to_collapse.jpg);
	background-repeat:repeat-y;
	font-size:14px;
	line-height:18px;
	}
	
	.scrolltable {
  overflow:auto;
  overflow-x:hidden;  
  width:100%;
 }

.scrolltable table{
   width: 99%;
 }


.redbox #rbottom {
	background-color:#1a1a1a;
	background-image:url(../images/boxes/redblock_foot_curves.jpg);
	width:210px;
	height:11px;
	background-repeat:no-repeat;

}
	
	*/



/* main content */

.maincontent #mainbody {
	background:#1a1a1a;
    background-color:#1a1a1a;
	float:left;
	width:600px; /*  630 */
	height:365px; /* 1400px; fixed  auto*/
	margin-left:8px;
	padding-left:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:2;
	overflow:auto;
	overflow-x:hidden;

}

.maincontent #mainbody ul li {
	line-height:20px;
	list-style-position: outside;
	list-style-image: url(../images/arrowrght.png);
	}

.maincontent #mainbody #quart1 {
	float:left;
	margin-bottom:5px;
}

.maincontent #mainbody #quart2 {
	float:left;
	margin-bottom:5px;
}
.maincontent #mainbody #quart3 {
	float:left;
	margin-bottom:5px;
}
.maincontent #mainbody #quart4 {
	float:left;
	margin-bottom:5px;
}
.maincontent #mainbody #quart5 {
	float:left;
	margin-bottom:5px;
}
.maincontent #mainbody #quart6 {
	float:left;
	margin-bottom:5px;
}
.maincontent #mainbody #quart7 {
	float:left;
	margin-bottom:5px;
}
.maincontent #mainbody #quart8 {
	float:left;
}
.maincontent #mainbody #quart9 {
	float:left;
}
.maincontent #mainbody #quart10{
	float:left;
}


/* this is for the smaller grey boxes */
.greybox {
	background-color:#1a1a1a;
	width:283px;
	
}

.greybox #gtop {
	background-color:#1a1a1a;
	background-image:url(../images/boxes/grey_small_block_head_curves.jpg);
	height:32px;
	width:283px;
	padding-top:9px;
	background-repeat:no-repeat;
/*	padding-left:10px; */
	font-size:18px;
	text-align:center;
}

.greybox #gmiddle {
	background-color:#1a1a1a;
	background-image:url(../images/boxes/grey_block_backg_collapse.jpg);
	background-repeat:repeat-y;
	width:263px;
	height:auto;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-size:1em;
}

.greybox #gbottom {
	background-color:#1a1a1a;
	background-image:url(../images/boxes/grey_block_foot_curves.jpg);
	width:283px;
	height:9px;
	background-repeat:no-repeat;
}

.productimg {
	float:left;
	

}

/* for larger grey box */
.largegreybox {
	background-color:#1a1a1a;
	width:591px; /* 630   */
} 

.largegreybox #lgtop {
	background-color:#1a1a1a;
	width:591px;
	height:7px;
	background-image:url(../images/boxes/long_grey_block_head_curve.jpg);
	background-repeat:no-repeat;
	
}

.largegreybox #lggradtop {
	background-color:#1a1a1a;
	width:571px; /* 591px */
	height:26px;
	background-image:url(../images/boxes/long_grey_block_backg1_large_gradient_collapse.jpg); 
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right:10px;
	font-size:24px;
}

.largegreybox #lgmiddle {
	background-color:#1a1a1a;
	width:571px; /* 591px */
	height:270px;
	/* background-image:url(../images/boxes/long_grey_block_backg1_large_gradient_collapse.jpg);  */
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	overflow:auto;
	overflow-x:hidden;
	
}

.largegreybox #lggradbottom {
	background-color:#1a1a1a;
	width:591px;
	height:26px;
	background-image:url(../images/boxes/longgrey_block_footer_gradient_in.jpg);
	background-repeat:no-repeat;
}

.largegreybox #lgbottom {
	background-color:#1a1a1a;
	width:591px;
	background-image:url(../images/boxes/long_grey_block_footer_curves.jpg);
	background-repeat:no-repeat;
	height:7px;
}

.footer {
margin-top:15px;
padding-top:5px;
height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}


/* menu section */

.menu {
	display:inline;
	z-index:100;
	overflow:visible;
}

.menu #menuitemhome {
 	position:relative;
	height:46px;
	width:120px;
	float:left;
	overflow:visible;
}
.menu #menuitemabout {
 	position:relative;
	height:46px;
	width:124px;
	float:left;
	overflow:visible;
}
.menu #menuitemservices {
 	/*position:relative;
	height:46px;
	width:125px;
	float:left;
	overflow:visible;*/
  position:relative;
	height:46px;
	width:9px;
	float:left;
	overflow:visible;
  background:url('../images/menu/blank.jpg') repeat-x;
}
.menu #menuitemsolutions {
 	position:relative;
	height:46px;
	width:118px;
	float:left;
	overflow:visible;
}

.menu #menuitemassociates {
 	position:relative;
	height:46px;
	width:124px;
	float:left;
	overflow:visible;
}

.menu #menuitemblogarticles {
 	position:relative;
	height:46px;
	width:120px;
	float:left;
	overflow:visible;
}

.menu #menuitemcontact {
 	position:relative;
	height:46px;
	width:125px;
	float:left;
	overflow:visible;
}

.menu #menuitemcsr {
 	position:relative;
	height:46px;
	width:120px;
	float:left;
	overflow:visible;
}


/* new Menu DropDown */
	#cssdropdown, #cssdropdown ul { list-style: none;  }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 119px; float: left; margin-left: -1px; background-color: #e9e9e9; text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 0px;text-decoration: none; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left;  width: 164px; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; text-decoration: none; }
	#cssdropdown li.headlink ul li a:hover { background-color: #333; text-decoration: none;}
	
	/* Pretty styling */
	body { font-family: "Myriad Pro", verdana, arial, sans-serif; font-size: 18px; background-color: black; }
	#cssdropdown a { color: white;} 
	#cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color:#880000;  }
	#cssdropdown li.headlink ul { background-color:#880000; background-position: bottom; padding-bottom: 10px; font-size: 12px;}

 .blackText{color:black; padding: 4px;}
 .blackText a{text-decoration: underline; color: black;}