/*------  Universal Class  ------*/
body {
	padding:0;
	margin:0;
	background:#000000;
	
}
.wrapper {
	font-family:arial, Tahoma, verdana, helvetica, geneva, sans-serif;
	font-size:13px;
	width:990px;
	margin:0 auto 0;
	display:table;
	position:relative;
	color:#342C21;
	background:#FFFFFF;
}
.clear{
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.mbot05{
	margin-bottom:5px;	
}
.botBor{
	border-bottom: 1px solid #473F34;
}
/*------  Universal Class  ------*/
/*------  Start Top Area  ------*/
.topArea{
	background:url(../images/topAreaBG.jpg) top no-repeat;
	width:100%;
	float:left;
	position:relative;
}
.topArea .logo{
	padding:20px 20px 0;
	float:left;	
}
.header{
	height:125px;	
}
/*------  End Top Area  ------*/
/*------  Start Menu Area  ------*/
.menu{
	background:url(../images/menuBG.png) no-repeat;
	width:566px;
	height:41px;
	float:right;
	margin:40px 20px 0;
}
.menu ul{
	margin:0 20px;	
}
.menu li{
	float:left;
	color:#222222;
	font-size:17px;
	font-weight:500;
	display:block;	
}
.menu li a{
	color:#222222;
	padding:9px 20px 9px;
	display:block;
	margin:1px 0 0 1px;
	
}
.menu li a:hover{
	background:#94D340;	
}
.menu li a.select{
	background:#94D340;	
}
/*------  End Menu Area  ------*/
/*------  Start Banner Area  ------*/
#slideshow {
    position:relative;
    height:327px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	margin:16px 0 0 0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*------  End Banner Area  ------*/
/*------  Start Content Area  ------*/
.content{
	padding:10px;
	margin:0px;	
	display:table;
	background:#FFFFFF;
}
.content p{
	font-family:arial, Tahoma, verdana, helvetica, geneva, sans-serif;
	font-size:14px;
	color:#222222;
	line-height:20px;
}
.content a {
	color:#2566BF;	
	border-bottom:1PX solid #2566BF;
}
.content h1{
	color:#222222;
	font-size:17px;
	font-weight:500;
}
.leftArea{
	float:left;
	width:718px;
	padding:10px 0 10px 10px;
}
.rightArea{
	width:255px;
	float:left;
	padding:10px;
}
.WelcomeTitle{
	background:url("../images/welcomeHeader.jpg") no-repeat scroll 2% 46% transparent;
    padding:10px 12px 10px 245px;
}
.WelcomeTitle p{
	padding:8px 0px;	
}
.shadowBG{
	background:url(../images/ShadowBG.jpg) no-repeat center;
	width:970px;
	padding:0 0 10px 0;	
}
.aboutUs{
	background:url(../images/aboutUsBG.png) repeat-y;
	border:1px solid #A8D56C;	
	padding:15px 10px;
	width:333px;
	float:left;
	/*height:210px;*/
}
.aboutUs h1{
	background:url(../images/aboutUsIcon.png) left center no-repeat;	
	padding:4px 0 12px 50px;
}
.aboutUs h1.prod{
	background:url(../images/productIcon.png) left center no-repeat;	
	padding:4px 0 12px 50px;
}
.aboutUs p{
	padding:7px 10px;
}
.aboutUs a{
	margin:7px 10px;
}
.aboutUs img{
	padding:12px 8px;	
}
.product{
	border:1px solid #94D340;
	float:left;
	margin:0 0 0 10px;
	width:603px;
	height:240px;
}
.product .title{
	background:url(../images/productHeader.png) repeat-x bottom;	
	height:25px;
	margin:1px;
	padding:10px;
}
.product h1{
	background:url(../images/productIcon.png) no-repeat;	
	padding:1px 0 12px 44px;
}
.product p{
	padding:10px 9px 4px 8px;
}
.product .img{
	width:160px;
	height:135px;
	border:1px solid #94D340;
	text-align:center;
	margin:15px;
	padding:15px 19px 15px 15px;
	float:left;
}
/*------  End Content Area  ------*/
/*------  Start Inner Content Area  ------*/
.innerHeader{
	padding:5px;
	margin:0 0 10px ;	
	background:url(../images/innerHeader.jpg) repeat-y;
	width:960px;
}
.innerHeader .about{
	background:url(../images/aboutUsIcon.png) left center no-repeat;	
	padding:4px 0 12px 50px	
}
.innerHeader .prod{
	background:url(../images/productIcon.png) left bottom no-repeat;	
	padding:6px 0 6px 45px	
}
.innerHeader .cont{
	background:url(../images/contactIcon.png) left center no-repeat;	
	padding:4px 0 12px 50px	
}
.innerAbout{
	padding:0 10px 10px;	
}
.innerAbout h1{
	color:#338ECF;
	padding:0 0 4px 0;
}
.innerAbout p{
	padding:0 0 10px 0;
}
/*------  Start Contact Area  ------*/
.contact{
	font-size:15px;
}
.contact strong{
	color:#342C21;
	font-size:17px;
	margin:5px 6px;
	font-weight:500;	
}
.contact h1{
	padding:0 6px 8px;	
	font-weight:600;
	text-decoration:none;
}
.contact p{
	padding:0 6px 10px;	
	font-weight:600;
	text-decoration:none;
}
.contact span{
	color:#338ECF;
	text-decoration:none;
}
/*------  End Contact Area  ------*/
/*------  Start Product Area  ------*/
.productHolder{
	padding:8px 10px 10px 10px;	
}
.productHolder p{
	padding:0 10px 18px;	
}
.productHolder h1{
	color:#338ECF;
	font-weight:600px;
	border-bottom:1px dotted #338ECF;
	padding:0 0 8px 0;
}
.productHolder ul{
	padding:5px 0;
}
.productHolder li{
	background:url("../images/bullet.png") no-repeat scroll left 10px transparent;
	padding:4px 16px;
	margin:0 5px;	
}
.productHolder .bg{
	background:#D9F0F9;
	padding:10px;
}
/*------  End Product Area  ------*/
/*------  End Inner Content Area  ------*/
/*------  Start Footer Area  ------*/
.footer {
    background: url("../images/footerBG.jpg") no-repeat scroll 0 0 transparent;
    color:#000000;
    height:24px;
    line-height:23px;
    margin:0 10px;
    padding: 12px 13px 11px 10px;
	font-family:arial, Tahoma, verdana, helvetica, geneva, sans-serif;
}
.footer a {
    color:#000000;
    text-decoration: none;
}
/*------  End Footer Area  ------*/