@charset "utf-8";
/* CSS Document */
* { padding: 0; margin: 0; outline: 0; border: 0 }


body { 
	background: url('images/back.png') repeat-x top left #fff ;
	font-size: 11px;
	font-family: tahoma, ariel, verdana;
	margin: 0px auto 0px auto;
}

div.clear { clear:both }



div#container {

	width: 820px;
	height: 2840px;
	background: #ffffff;
	margin: 20px auto;
	padding: 0px;
	border-radius: 10px;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 box-shadow: 0px 0px 20px #848484;
}


div#head {
 width: 820px;
 height: 351px;
 margin: 0px 0px;
 background: #FFff00;
 background-image: url('images/head.png');
 float: left;

}

h3 {
	font-size: 40px;
 	color: #2b1b17;
	font-family: Impact;
	text-align:center;
	letter-spacing:-1px;
	

}


h1 {
 font-size: 28px;
 text-align:justify;
 color: #2b1b17;
 font-family: Georgia;

}



div#talk {
 width: 700px;
 height: auto;
 margin: 20px 30px 0px 30px;
 padding: 30px 30px;
 background-image: url('pics/box1.jpg');
 box-shadow: 0px 0px 20px #d4d4d4;
	float: left;

}


div#opened {
 width: 820px;
 height: 2200px;
 margin: 0px 0px;
 background: #FFff00;
 background-image: url('images/opened_2200.png');
 float: left;

}



div#video {
 width: 420px;
 height: 245px;
 margin: 20px 30px 0px 30px;
 padding: 10px;
 background: #e0e0e0;
 box-shadow: 0px 0px 10px #808080;


float: left;

}

div#arrow {

 width: 370px;
 height: 265px;
 margin: 20px 30px 0px 0px;
 padding: 0px;
 background-image: url('pics/arrow.png');

float: left;

}

div#box {

 width: 790px;
 height: 180px;
 margin: 20px 15px 0px 15px;
 padding: 0px;
 float: left;

}

div#box_in {

 width: 790px;
 height: 250px;
 margin: 0px;
 padding: 0px;
 background-image: url('pics/box1.jpg');
  box-shadow: 0px 0px 10px #808080;
 float: left;

}


div#side1 {
 width: 15px;
 height: 180px;
 margin: 0px 0px 0px 0px;
 background-image: url('pics/side1.jpg');
 float: left;

}



div#box_left {
 width: 18px;
 height: 150px;
 margin: 15px 10px 15px 30px;
 float: left;

}


div#box_left img {
 margin: 17px 0px 0px 0px;
}


div#box_center {

 width: 360px;
 height: 150px;
 margin: 15px 30px 15px 0px;
 padding: 0px 0px;
 
float: left;

}


div#box_center h2 {
 color: #2B1B17;
 font-family: trebuchet MS;
 font-size: 20px;
 letter-spacing:-2px;
 font-weight: bold;
 text-decoration: none;
 margin: 10px 0px;
 text-shadow: 0 0 10px #fff;
}



div#box_right {
 width: 350px;
 height: 170px;
 margin: 15px 30px 15px 230px;
 padding: 0px 0px 0px 0px;
 float: left;
} 

div#box_in p{
 font-size: 20px;
 padding: 0 0 5px 0;
 text-align:center;
 color: #000088;
 font-family: trebuchet MS;
 font-weight: bold;
 letter-spacing:-1px;
	padding: 10px
}

div#listamester {
	box-shadow: 0px 0px 10px #808080;
}


div#side2 {
 width: 15px;
 height: 180px;
 margin: 0px 0px 0px 0px;
 background-image: url('pics/side2.jpg');
 float: left;
}



div#menu {

 width: 790px;
 height: 20px;
 margin: 0px 15px;
 padding: 0px;

 text-align:center;
 float: left;
	

}


div#menu a {
color: #fff;
font-family: trebuchet MS;
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin: 0px 18px;
text-shadow: 0 0 10px #fff;
}

div#menu a:hover{
color: #214c6b;
}


div#box_button {

 width: 790px;
 height: 30px;
 margin: 0px 15px;
 padding: 10px 0px 0px 0px;
 background-image: url('pics/box1.jpg');
 
 float: left;
}


div#box_button p {
color: #214c6b;
font-family: trebuchet MS;
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 400px;
text-shadow: 0 0 5px #fff;
}


div#box_button a:hover{
color: #214c6b;
}

div.myButton input {
background: url('pics/button03.png') no-repeat;
cursor:pointer;
width: 250px;
height: 30px;
border: none;
}
 
 
div.myButton input:hover {
background: url('pics/btnhover03.png') no-repeat;
 
width: 250px;
height: 30px;
border: 2px;
}