body  { background-image:url(../images/body-bg.gif); background-repeat:repeat;
	margin:0;
	padding:0;
	
}
@font-face { font-family:"Tall Film"; src:url(file:///C|/Users/RIO/Desktop/Website%20wORKS/Abdel/Transformer/webfonts/Tall%20Film.ttf);}


* {
	 margin:0;
	 padding:0;
}

#wrapper {
	max-width:1100px;
	margin:auto;
	background-color:#FFF;
}

#top {
	clear:both;
	width:100%;
	background-color:#FC3;
	height:5px;
}

#logo  {
	width:20%;
	padding-left:43%;
	padding-right:37%;
	padding-top:1%;
	padding-bottom:1%;
	background-color:#FFF;

}

#header {
	clear:both;
	float:left;
	width:100%;
	background-color:#FFF;
	height:30px;
	margin-top:0px;
}
#header ul {
	list-style:none;
}

#header ul  li  a {
	float:left;
	text-decoration:none;
	color:#666;
	padding:opx;
	padding-left:1px;
	padding-right:1px;
	text-align:center;
	height:30px;
	line-height:30px;
	margin-left:105px;
	font-family:"Helvetica LT Std";
	font-size:17px;
	font-weight:500;
	}
	
#header ul  li  a:hover {
	color:#F90;
		}
#header ul  li  a.active { color:#F90;  }

#slideshow {
	clear:both;
	float:left;
	width:100%;
	height:416px;
	position:relative;
	margin-top:8px;
}


#slideshow DIV {
	position:absolute;
    opacity:0.0;
    height: 416px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 416px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow img { width:100%;}

#contentarea {
	clear:both;
	float:left;
	margin-top:20px;
	width:100%;
	
}
#contentarea #leftside {
	float:left;
	width:45%;}
	
#contentarea #rightside {
	float:right;
	width:53%;
	background-color:#ffffff;

}
.context{
	font-family:Arial;
	font-size:14px;
	color:#000;
	background-color:#FFF;
	text-align:left;
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
	}
	
	
#contentarea2 {
	clear:both;
	float:left;
	margin-top:20px;
	width:100%;}
	

#contentarea #leftside2 {
	float:left;
	width:100%;}
	


.context2{
	font-family:Arial;
	font-size:14px;
	color:#000;
	background-color:#FFF;
	text-align:left;
	padding-top:10px;
	
	}

#footer {
	clear:both;
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:5px;
	background-image:url(../images/footer-bg.gif); background-repeat:repeat;
}

#footer  #leftfoot {
	float:left;
	width:40%;
	margin-left:10px;
	color:#FC3;}
	
#footer  #rightfoot {
	float:right;
	width:58%;
	margin-top:6px;
	text-align:right;
	padding-right:5px;
	color:#FC3;}
	
.pics {  
    height:  533px;  
    width:   1100px;  
   
} 
 
.pics img {  
    
    width:  1100px; 
    height: 533px; 
    
} 

.hr { width:900px;
margin-left:75px

}