@charset "utf-8";
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

a, a:hover, a:visited{
color:#f6ab00;
}

#container{
width:956px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#logo{
width:278px;
height:71px;
margin-bottom:15px;
}

#mainbox{
width:960px;
height:450px;
background-image:url(images/bg_box_06.gif);
background-repeat:repeat-x;
border:#F6ab00 solid 3px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;

}

#links{
	width:75px;
	position:absolute;
	left:1000px;
	top:125px;
	clear:both;
}

.triangle-isosceles {
	width:730px;
	height:105px;
	position:relative;
	top:30px;
	left:40px;
	padding:15px;
	background:#FFFFFF; 
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

/* creates triangle */
.triangle-isosceles:after {
	content:"\00a0"; 
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#ffffff transparent transparent;
}
.quote{
width:450px;
float:left;
}

.pic{
width:258px;
height:219px;
background-image:url(images/pic_eng.png);
background-repeat:no-repeat;
float:left;
position:relative;
top:-100px;
}

#box1{
width:377px;
margin-left:30px;
margin-top:0px;
background-image:url(images/bgbox_05.png);
background-repeat:no-repeat;
background-position:top left;
float:left;
}

.title{
width:350px;
padding: 10px 5px 5px 5px;
margin-left:14px;
font-size:18px;
color:#FFFFFF;
}

.content1{
width:377px;
height:177px;
margin:0;
padding:20px;
color:#7f7f7f;
text-shadow: #d5d5d5 1px 1px 1px;
font-size:20px;
}

.content2{
width:377px;
height:177px;
margin:0;
padding:20px;
color:#7f7f7f;
text-shadow: #d5d5d5 1px 1px 1px;
font-size:14px;
}

ul{
padding:0;
margin:0;
list-style:none;
}

#lang{
margin-top:10px;
}