*{
margin:0;
padding:0;
border:0;
}

body{
font:11px/1.6em normal Arial, Verdana, Helvetica, sans-serif;
text-align:center;
color:#666;
background:url(../images/bg.png);
background-repeat:repeat-x;
background-color:#3f3220;
position:relative;
}

#rama{
margin:0 auto;
width:960px;
text-align:left;
position:relative;
}
#t1{
float:left;
width:750px;
height:23px;
background-color:#130600;
}
  #t1 ul li {
  display:inline;
  }
  #t1 ul li h2 {
  float:left;
  display:inline;
  font-size:0.9em;
  font-weight:normal;
  color:#412c22;
  margin:4px 2px 0 2px;
  }
#t2{
float:left;
width:210px;
height:23px;
background:url(../images/t2.png);
}
#logo{
float:left;
width:250px;
height:127px;
background:url(../images/bgLogo.png);
}
  #logo a{
  float: left;
  margin: 30px 0 0 0;
  }

#nav{
float:left;
width:500px;
height:127px;
background:url(../images/bgMenu.png);
}
  #nav ul li {
  float:left;
  display:inline;
  margin-top:30px;
  }
    #nav ul li a.on{
    display:block;
    float:left;
    font:bold 1.1em Georgia, verdana, arial;
    width:100px;
    padding: 31px 0 31px 0;
    text-decoration: none;
    background: url(../images/bgMenuOn.png);
    color: #a86e1e;
    text-align: center;
    }
    #nav ul li a{
    display:block;
    float:left;
    font:bold 1.0em Georgia, verdana, arial;
    width:100px;
    padding: 31px 0 31px 0;
    text-decoration: none;
    background: url(../images/bgMenuOff.png);
    color: silver;
    text-align: center;
    }
    #nav ul li a:hover{
    color: #a86e1e;
    }

#t3{
float:left;
width:210px;
height:127px;
background:url(../images/t3.png);
}
#content{
clear:both;
float:left;
width:960px;
height:430px;
background:url(../images/bgContent.png);
}
#flashMax{
position:absolute;
margin:10px 0 0 77px;
width:834px;
height:410px;
background-color:#000;
}
#flashMin{
position:absolute;
margin:10px 0 0 77px;
width:410px;
height:410px;
background-color:#000;
}
#story{
position:absolute;
margin:10px 0 0 487px;
width:424px;
height:410px;
background-color:#130600;
color:#674f2f;
}
  #story h1{
  font-size: 1.6em;
  letter-spacing:-1px;
  margin: 30px 16px;
  text-align:right;
  border-bottom: 1px solid #3f3220;
  padding: 0 20px 10px 0;
  color: #3f3220;
  }
  #story p{
  margin:16px;
  font-size: 1.1em;
  }
  #story ul{
  margin-left: 40px;
  font-size: 1.1em;
  color: #a86e1e;
  }
  #story ul li{
  
  }
  #story strong{
  color:#a86e1e;
  }
  #story h3{
  font-size:1.1em;
  color: #674f2f;
  font-weight:normal;
  }
  #story a{
  color: #fff;
  }
#footer{
float:left;
margin-top:5px;
clear:both;
width:960px;
height:45px;
color: #594426;
}
#footer h3{
display:inline;
font:bold 11px Arial, Verdana, Helvetica, sans-serif;
}
div#webcreo{
clear:both;
text-align: right;
}

div#webcreo a{
 float:right;
 font-family:Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #674f2f;
 font-weight:normal;
 font-size:11px;
 margin:5px 35px 15px 0;
 text-align:right;
}
div#webcreo a strong{
 color: #a86e1e;
}
div#webcreo a:hover{
 color:#fff;
}
div#webcreo a:hover strong{
 color: #a86e1e; 
 text-decoration:underline;
}

/* blogLink */
.blogLink { position: fixed; top: 0; right: 0; z-index: 5; width: 100px; height: 100px; }
.blogLlink a { overflow: hidden; float: right; width: 100px; height: 100px; background: transparent; line-height: 97px; text-align: center; }