body{ 
	margin:0px; 
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;}
#MainContener{ 
	width:949px;
	margin:auto;}
#Header{ 
	width:100%;
	padding-top:10px;
	background:#f3f3f3;
	}
.logo{ 
	width:220px;
	float:left;
	height:77px;
	margin:0px 10px 10px 10px;}
.join{ 
	width:220px;
	float:right;
	height:78px;
	margin:0px 10px 10px 10px;}
.MainMenu{ 
	width:100%;
	background:url(images/menu-base.gif) repeat-x;
	height:35px;
	}
.MainMenu ul{ 
	padding:0px;
	width:740px;
	margin:auto;
	list-style-type:none;}
.MainMenu ul li{
	color:#FFFFFF;
	display:inline;
	font-size:15px;
	list-style-type:none;
	}
.MainMenu ul li a{
	color:#FFFFFF;
	display:block;
	padding:7px 10px 8px 10px;
	font-family: arial, Trebuchet MS;
	text-decoration:none;
	background:url(images/menu-hover.gif) repeat-x;
	float:left;
	border:none;
	font-weight:bold;
	margin-right:9px;
	font-size:15px;
	}
.MainMenu ul li a.current{color:#FFFFFF;
	background: #747474;
	}
.MainMenu ul li a:hover{
	background: #747474;

	}
#LeftSide{
	width:203px;
	float:left;
	background:#f8f8f8;
	border:1px solid #e9e9e9;
	}

.news{
	padding:10px;
	line-height:17px;
	font-size:12px;}
.products{
	padding:4px 10px;
	line-height:17px;
	font-size:12px;}
.clients{
	padding:4px 10px;
	line-height:17px;
	font-size:12px;}
.clients ul{ 
	margin:0px 0px 0px 14px; 
	padding:0px;}
.clients ul li{ 
	font-size:12px; 
	color:#000000;}
.clients ul li a{ 
	font-size:12px; 
	color:#000000; 
	text-decoration:none; 
	font-weight:bold;}
.clients ul li a:hover{ 
	text-decoration:none;
	color:#666666;}

h1.title{ 
	display:block;
	background:url(images/hd-base.gif) repeat-x;
	font-size:17px;
	color:#FFFFFF;
	text-align:center;
	margin:0px 0px 0px 0px;
	clear:both;
	padding:11px 6px 11px 6px; }
#RightSide{
	width:203px;
	float:right;
	margin-left:20px;
	background:#f8f8f8;
	border:1px solid #e9e9e9;
	}
#CenterSide{
	width:720px;
	margin-left:22px;
	float:left;
	}
#CenterSide .main-row{ 
	margin-bottom:15px;
	font-size:12px;
	/*background:url(images/base-des.gif) repeat-x bottom;*/
	clear:both;}
	
.main-row h2.title{
	display:block;
	font-size:16px;
	color:#CC0000;
	margin:0px 0px 10px 0px;
	clear:both;
	padding:11px 6px 11px 6px;}
	
#CenterSide .product-row{ 
	font-size:12px;
	/*background:url(images/base-des.gif) repeat-x bottom;*/
	padding-bottom:12px;
	clear:both;}
#CenterSide-inner{
	width:720px;
	margin-left:22px;
	float:left;
	}
#CenterSide-inner .main-row{ 
	margin-bottom:15px;
	font-size:12px;
	/*background:url(images/base-des.gif) repeat-x bottom;*/
	clear:both;}
.main-row h2.title{
	display:block;
	font-size:16px;
	color:#CC0000;
	margin:0px 0px 10px 0px;
	clear:both;
	padding:11px 6px 11px 6px;}
#CenterSide-inner .product-row{ 
	font-size:12px;
	/*background:url(images/base-des.gif) repeat-x bottom;*/
	padding-bottom:12px;
	clear:both;}
.product-row .desc1{
	width:700px;
	float:left;
	margin-right:10px;}

.shadow{ height:6px; background:url(images/shadow.gif) repeat-x;}
.product-row img{ 
	border:2px solid #dcdcdc;
	/*float:left;*/
	margin-right:10px;}
.product-row .desc{
	width:175px;
	float:left;
	margin-right:10px;}
.product-row .desc2{
	width:705px;
	float:left;
	margin-right:10px;}
.product-row ul{
	width:175px;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
.product-row ul li{ 
	background:url(images/bullet.gif) no-repeat 10px;
	padding-left:15px;
	font-weight:bold;
	font-size:11px;
	margin-bottom:4px;
}

#Footer{ 
	background:url(images/footer.gif) repeat-x;
	padding:10px; margin-top:10px;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;}
p.lft{ 
	width:600px; 
	float:left; 
	text-align:right;}
p.rft{ 
	width:200px;
	float:right;
	padding-right:10px;}	
	
.padding{ 
	padding-left:30px;
	text-align:right;}
	
#Footer a{ 
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;}
#Footer a:hover{ text-decoration:underline;}

/*Left menu*/
.submenuheader{ padding:0px; margin:0px;}

* html a.submenuheader{ 
	padding:10px 0px 10px 14px;
	width:auto;
	height:10px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	background:url(images/left-base.gif) repeat-x bottom left;
	margin:0px 0px 0px 0px;}

	
.glossymenu{
	margin: 0px 0;
	padding: 0;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	background:url(images/left-base.gif) repeat-x bottom left;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:10px 0px 10px 4px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 8px;
	right: 0px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(images/left-base.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	margin:0px; 
	padding:0px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #dcdcdc;
}

.glossymenu div.submenu ul li a{
	display: block;
	background:url(images/aerow.gif) no-repeat 8px;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	color:#6a6a6b;
	padding: 2px 0;
	padding-left: 20px;
}

.glossymenu div.submenu ul li a:hover{
	background:#efefef url(images/aerow-hover.gif) no-repeat 8px;
	colorz: white;
}
/*Left Image Scroller*/
.scroll-base{ 
	height:105px; 
	margin-top:10px;
	padding:20px 5px 20px 5px; 
	display:block; 
	background:url(images/scroll-base.gif) repeat-x; 
	clear:both;}
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
	border:1px solid #dcdcdc;
	width:95%;
	margin:auto;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 5px;
	margin: 0 5px 0 0;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	height: 100px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	height: 100px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 120px;
	height: 100px;
}