html {margin:0; padding:0; }
body{ background-image:url('Images/bg.jpg'); margin:0px; padding:0;}
a img{border:0; }
@font-face {
    font-family: myFirstFont;
    src: url(Diavlo_MEDIUM_II_37.otf);
}
@font-face {
    font-family: myFirstFontLight;
    src: url(Diavlo_LIGHT_II_37.otf);
}
#container
{
	background-color:rgba(0,0,0,0.5);;
	width:900px; 
	height:700px;	
	margin:0 auto;	
	z-index:400;
	position:relative;
	margin-top:0px;

}



#imgcontainer{   padding-left:30px;  padding-top:80px ;width:400px;  z-index:1; } 
#rightcontainer{ padding-top:250px;  width:420px; z-index:-1;  }
#belt1 {background-image:url('Images/redarrow.gif'); width:420px;height:19px; z-index:100; position:relative;z-index:200;	}
#text{color:white;font-size:39px; height:80px; margin-bottom:20px; text-align:center; font-family:myFirstFont;}
#moreinfo {color:white; text-align:center; font-family:myFirstFont;}
#logo {
	  float:left; position:relative;z-index:5000; }
#topinfo{float:right; 
	
	width:180px;
	height:40px;
	
	color:gray;
	margin-right:45px;
	
	display:table;
	}
#topinfo span  {  font-family:myFirstFont; margin:0 auto ;
	font-size:13px;}	
#topinfo img { margin-left:5px; margin-right:5px;  }	
#navbar{background-color:#8A0808; clear:both;  height:40px; width:860px; float:right; position:relative;z-index:200;     }
#navbar ul { margin-right:160px; margin-top:0; padding:0;list-style-type:none; float:right; } 
#navbar ul li {float:left;  }



#navbar ul li a { font-size:20px; font-family:myFirstFont; padding:0 10px 0 10px; float:left; color:white; text-decoration: none;  }
#navbar ul li  span{font-size:20px; font-family:myFirstFont; padding:0 10px 0 10px; float:left; color:white; text-decoration: none;   }
.selected
{
	text-decoration:bold;
	color:green;
}
#header
{
 width:100%;
 margin:0;
 padding-top:30px;

}

#slider {width:800px; margin-right:45px; float:right; margin-top:-20px; background-color;red; position:relative; z-index:100; }
#MidContainer {width:800px; margin-right:45px; float:right; margin-top:10px; background-color;red; position:relative; z-index:100; height:440px; 
	background-repeat:no-repeat;	background-image:url('Images/aboutus.jpg');background-position:0px; }

	#MidContainerProduct {width:890px; margin-right:20px; float:right; margin-top:0px; background-color;white; position:relative; z-index:100; height:440px; 
	background-repeat:no-repeat;	 }	
	
#MidContainerContactUs {width:800px; margin-right:45px; float:right; margin-top:10px; background-color;red; position:relative; z-index:100; height:440px; 
	background-repeat:no-repeat;	background-image:url('Images/contactus.jpg');background-position:0px; }	
	
#MidContainerdiv { color:white; height:440px;width:390px; margin-left:400px;  background-color:rgba(0,0,0,0.5);}	

#MidContainerText { color:gray; font-family:myFirstFontLight;  padding-left:20px;    font-size:45px; }
#MidContainerPara p { color:white; font-family:myFirstFontLight;  padding-left:20px;  margin-right:20px; margin-top:-7px;  font-size:12.5px; }	


#slidredstrip {width:800px; height:8px; margin-top:10px; margin-right:48px; float:right;  background-color:#8A0808;  position:relative; z-index:100; }
#slidredstripProduct {width:800px; height:8px;  margin-top:30px; float:right;  background-color:#8A0808;  position:relative; z-index:100; }
#address{ width:800px; height:100px; color:white; margin-top:10px; margin-right:48px; float:right;  text-align:center; font-family:myFirstFont; font-size:13px;   position:relative; z-index:100; }
#righ_header {float:right; width:650px; height:100px; margin:0 auto; } 

#MidProduct { height:155px;width:506px;margin:275px auto 0 auto; background-color:green;	 } 
#Top { width:506px;background-color:black; height:20px; }

