@charset "utf-8";
/* CSS Document */
html { 
background: #262420;

}
body {
background: #262420;
color: #fff; 
width: 100%;
font: 11px  Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
}
h1 {

}
h2 {
background: transparent;
color: #fff;
font-size: 16px;
line-height: 25px; float: left;
font-weight: normal;
margin: 0;
padding: 50px 0 20px 60px;
}
h3 {
background: transparent;
color: #66CCFF;
font-size: 12px;
margin: 0 0 5px;
padding: 0;
}
#manifesto h3 {
color: #FC6;
font-size: 16px;
font-weight: normal;
margin: 5px 0 15px;
}
img {
border: 0;
}
.clear {
clear: both;
}


/*------------hd-------------*/

#hd {
background: #262420;
color: #fff;
text-align: left;
margin: 0;
padding: 0;
}
#hd h1 {         
margin: 20px 30px 0;
}
#hd h1 a {
background: #262420 url("../images/logo.jpg")  no-repeat;
color: #333;
float: left;
font-size: 17px;
text-decoration: none;
margin: 10px;
padding: 20px 20px 40px;
}
#hd h1 a span {
visibility: hidden;
}


/*----------content----------*/

#content { width: 100%;
background: #33302b url("../images/contentTop.gif") top left repeat-x;
/*background: #33302b url("../images/bg.png") top left no-repeat;*/
color: #fff;
font-size: 11px;
float: left;
margin: 0 auto;
padding: 20px 0;
}
#content a {
background: transparent;
color: #696;
text-decoration: none;
display: block;
margin: 10px 0 10px;
padding: 0;
}
#content a:hover {
background: transparent;
color: #6C3;
}


/*----------context----------*/

#context, #manifesto {
background: transparent;
color: #F4F4F4;
width: 40%;
float: left;
text-align: left;
margin: 0;
padding: 0 0 0 50px;
}
#context p, #manifesto p {
line-height: 20px;
margin: 7px 0;
padding: 0;
}
#context p strong {
background: transparent;
color: #fff;
display: block;
}
#manifesto {
width: 60%;
}
#manifesto p {
font-size: 14px;
}

#context form {
background: url("../images/form/formBg.gif") top left no-repeat;
width: 500px;
margin: 10px 0 0;
padding: 20px 0 20px 70px;
}
#context form div {
margin: 5px 0;
padding: 0;
}

/*----------center-----------*/

#center {
float: left;
margin: 0 0 0 40px;
padding: 0;
}
#center a {
background: url("../images/img1.jpg") no-repeat;
width: 190px;
height: 245px;
}
#center a:hover {
background: url("../images/img1.jpg") no-repeat;
}
#center a span {
visibility: hidden;
}


/*-----------right------------*/

#right {background: ; width: 30%;
float: right;
margin: 0;
padding: 0 0 0 20px;
}
#banner a span {
visibility: hidden;
}
#banner a {
width: 234px;
height: 76px;
margin: 20px;
padding: 0;
}
#banner a.one { 
background: url("../images/img2.jpg") no-repeat;
}
#banner a.one:hover {
background: #fff url("../images/img2_on.jpg") no-repeat;
}
#banner a.two { 
background: url("../images/img3.jpg") no-repeat;
}
#banner a.two:hover {
background: #fff url("../images/img3_on.jpg") no-repeat;
}



/*------------menu-----------*/


#menu  ul{ 
margin: 0;
padding: 0;
}
#menu ul li {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
#menu ul li a { 
background: url("../images/menuBg.gif") no-repeat;
color: #696;
font-size: 15px;
text-decoration: none;
display: block;
width: 292px;
height: 41px;
text-align: left;
margin: 0;
padding: 12px 0 0 20px;
}
#menu ul li a:hover { 
background: url("../images/menuBg_on.gif") no-repeat;
color:#6C3;
}

/*--------------footer---------------*/

#footer {
background: #262420 url("../images/contentBot.gif") top left repeat-x;
color: #fff;
width: 100%;
display: block;
clear: both;
float: none;
margin: 0;
padding: 0;
}
#footer p {
margin: 0;
padding: 0;
}