@font-face { 



	font-family: Delicious; src: url('fonts/supermarket.eot'); 



	font-size:18px



 



 } 



@font-face {



	 font-family: Delicious;



	 src: url("fonts/supermarket.ttf") /* TTF file for CSS3 browsers */



}



/*BODY {



	MARGIN: 0px; FONT-FAMILY: Delicious, sans-serif; COLOR: #FFFFFF; FONT-SIZE: 14px; background:#000



}*/



* {



padding: 0;



margin: 0;



}



body {

MARGIN: 0px; font-family: Delicious, verdana, arial, helvetica, sans-serif;COLOR: #FFFFFF; FONT-SIZE: 14px;

 background:#999

}



html, body {height: 100%;}



#container1 {

position:relative;

min-height: 100%;

background-color: #3b3a3a;

width: 100%;

margin: 0 auto;

}

* html #container1 {

height: 100%;

}



.imageLoading {

	background-image: url(../images/loading.gif);

	background-repeat: no-repeat;

	background-position: center center;



}



/*A {



	COLOR: #000000; TEXT-DECORATION: none



}



A:hover {



	COLOR: #cccccc



}*/



.clear {

	CLEAR: both

}



IMG {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none



}



#langu {position: relative; width:50px; height:24px; FONT-FAMILY: Delicious, sans-serif; FONT-SIZE: 16px; OVERFLOW: hidden; padding-right:25px; float:right;



}

#menu1 {position: relative; width:600px; height:24px; FONT-FAMILY: Delicious, sans-serif; FONT-SIZE: 16px; OVERFLOW: hidden; color:#999; padding-right:25px; 

}



#menu1 STRONG {

	COLOR: #5eae00

}



#menu1 STRONG A {

	COLOR: #5eae00

}



#menu1 STRONG A:hover {

	COLOR: #898989

}



#menu1 A {

	COLOR: #FFF; /*670e19*/

	text-decoration:none;

}



#menu1 A:hover {

	COLOR: #666;

}



#contrainer {MARGIN:auto; WIDTH: 970px; position:relative;

}

#main{margin:auto; width:1024px; OVERFLOW: hidden

}



#head-main{position:relative; width:650px;   FLOAT: left;  padding-top:10px; padding-bottom:10px; margin-left:450px

}



#right-main{

position:relative; width:804px; height:750px    FLOAT: left;  padding-top:40px; padding-bottom:5px;  OVERFLOW:hidden; 

}



#left-main{
	position: relative;
	width: 210px;
	height: 900px;
	margin-left: 1px;
	FLOAT: left;
	padding-top: 10px;
	padding-bottom: 15px;

}



#referant{

position:relative; width:180px;  FLOAT: left; padding-left:2px; padding-top:5px; padding-bottom:5px;  OVERFLOW: hidden;

}



#footer{

	 /*position:relative; margin:0; width:100%; BORDER-TOP: #ee9b01 1px solid;*/

position:relative;

width: 100%; background-color:#999;

color: #000;

text-align: center;

height: 210px;

padding-top: 0px;

margin: -60px 0 0 0;

BORDER-TOP: #fff 1px solid;

}



#head {

 position:relative; float:left; PADDING-BOTTOM: 0px; MARGIN:0; PADDING-LEFT:25px; PADDING-RIGHT: 0px; PADDING-TOP: 5px; text-align:left;  font-family: Delicious, sans-serif; font-size:14px;

}

#tiv-pic {

	 position:relative; float:left; width:215px; height:140px; vertical-align:central; PADDING-BOTTOM:0px; MARGIN:0; PADDING-LEFT: 35px; PADDING-RIGHT: 5px; PADDING-TOP: 7px; text-align:left; font-family: Delicious, sans-serif; font-size:14px; 

}

#fact-pic {



	 position:relative; float:left; width:80px; height:70px;  vertical-align:central; PADDING-BOTTOM: 0px; MARGIN:0; PADDING-LEFT: 100px; PADDING-RIGHT: 0px; PADDING-TOP: 10px; text-align:left; font-family: Delicious, sans-serif; font-size:14px;

}



#fact {



	 position:relative; float:left; width:515px;  PADDING-BOTTOM: 0px; min-height:80px; MARGIN:0; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 2px; text-align:left; font-family: Delicious, sans-serif; font-size:14px;



}



#fact LI{



 text-align:left



}

#project {

	 position:relative; float:left; width:215px; PADDING-BOTTOM: 0px; MARGIN:0; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; PADDING-TOP: 2px; text-align:left; font-family: Delicious, sans-serif; font-size:14px;

}



#project LI{

 text-align:left

}



#Example_K {

-moz-box-shadow: inset 0 0 5px #888;

-webkit-box-shadow: inset 0 0 5px#888;

box-shadow: inner 0 0 5px #888;

} 



#Example_L {

-moz-box-shadow: inset 0 0 5px 5px #888;

-webkit-box-shadow: inset 0 0 5px 5px#888;

box-shadow: inset 0 0 5px 5px #888;



} 



#Example_B {

-moz-box-shadow: -5px -5px 5px #888;

-webkit-box-shadow: -5px -5px 5px #888;

box-shadow: -5px -5px 5px #888;



} 



#Example_R {

	/*layout*/

	position: relative;

	margin: auto;

	width: 100%;

	height: 30px;

	background-color: #999;

	color: #000;

	padding-top: 1px; 

	border-bottom:#fff 1px solid;



z-index:1

/*end*/

-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	behavior: url(pie/PIE.htc);

} 

#referant.resize {

	width: 100px;

	height: 100px;

	border: 1px solid;

	resize: both;

	overflow: auto;

}



#rediv.horizontal {

	resize: horizontal;

	max-width: 600px;

	min-width: 100px;

}



#rediv.vertical {

	resize: vertical;

	max-height: 300px;

	min-height: 100px;

}