/*_____________________basics________________________*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #17729c url(../images/backimg_02.gif) center top repeat-y;
	margin: 0 auto;
    font: normal 100%/1.25 Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	text-decoration: none;
	color: #afafaf;
}

a:hover, a:active {
  text-decoration: none;
  color: #ffb400;
}

h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
}

h1 {
  letter-spacing:-1px;
  font-size:2em;
}

h2 {
  font-size:1.2em;
  color: #6d0022;
}

h3 {
  font-size:.6em;
  font-weight:bold;
  color: #c6c6c6;
  letter-spacing: 1px;
}

#principal {
	margin: 0 auto;
	width: 778px;
}

.top{
	margin-top: 20px;
}

/*__________________header_______________________*/

#banner {
	width: 778px;
	height: 79px;
	background: url(../images/banner%20img_02.jpg) center no-repeat;
	float:left; 
}

#banner h1{
	font-size:1px;
	color:#FFFFFF;
}

/*__________________topmenu__________________________*/

#topmenu {
	height: 36px;
	width: 778px;
    float: left;
	background: url(../images/backmenu_08.gif) left top repeat-x;
}

#topmenuleft {
	height: 35px;
	width: 374px;
	float: left;
	display:block;
}

#topmenu ul{
	float: left;
}

#topmenu li{
	display: inline;
	float: left;
}

#topmenu li a{
	float: left;
	width: 100px;
	height: 34px;
}

#topmenu li a span {
	cursor: pointer;
	float:left;
  	/*display: block;*/
	margin: 10px 0px 0px 20px;
	/*padding: 7px 0px 0px 0px;*/
	color: #333333;
	text-align:center;
	/*width: 100px;
	height: 20px;
	/*border-left: #333333 1px solid;*/
	list-style: none;
	line-height: normal;
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif;
}

/*__________________topimg__________________________*/

#topimg {
	float:left;
	width: 778px;
	height: 79px;
	background: url(../images/contustopimg_05.jpg) left top no-repeat;
}

#rightimg{
	float:right;
	width: 367px;
	height: 320px;
	background: url(../images/contusrightimg_11.jpg) left top no-repeat;
	margin-bottom: 100px;
}

#text{
	float:left;
	width: 370px;
	height: 350px;
}

#text h1{
    float:left;
	display:block;
	width: 340px;
	font: bolder 28px Verdana, Arial, Helvetica, sans-serif;
	color:#fafafa;
	margin-left:20px;
	margin-bottom:10px;
	margin-top: 20px;
}

#text h2{
    float:left;
	display:block;
	width: 340px;
	font: bolder 24px Verdana, Arial, Helvetica, sans-serif;
	color:#ffb400;
	margin-left:20px;
	margin-top: 10px;
}

#text h3{
    float:left;
	display:block;
	width: 340px;
	font: bolder 15px Verdana, Arial, Helvetica, sans-serif;
	color:#fafafa;
	margin-left:20px;
	margin-top: 10px;
}

#text h3 a{
	font: bolder 15px Verdana, Arial, Helvetica, sans-serif;
	color:#fafafa;}
 
#text h4{
    float:left;
	display:block;
	width: 340px;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color:#fafafa;
	margin-left:18px;
	margin-top: 5px;
}

/*__________________menu down__________________________*/

#menudown {
	float:left;
	width: 778px;
	height: 36px;
	background: url(../images/menudback_05.gif) left top repeat-x;
	margin-top: 5px;
}

#menudown ul{
	text-align:center;
	padding-left: 255px;
}

#menudown li{
	display: inline;
	float: left;
}

#menudown li a{
	float: left;
	height: 35px;
}

#menudown li a span {
	float:left;
  	display: inline;
	margin: 12px 0px 0px 5px;
	color: #333333;
	list-style: none;
	line-height: normal;
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif;
}