/* ~~ RESET ~~ */

	abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
	sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
	
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
	
	address, cite, q, dfn { font-style: normal; }
	
	h1, h2, h3, h4, h5, h6 { font-weight: inherit; }
	
	a, ins, del { text-decoration: none }
	a:focus { outline:0; }
	
	q { quotes: none; }
	q:after, q:before { content: ""; content: none; }
	
	table { border-collapse: collapse; border-spacing: 0; }
	th, td { vertical-align: top; }
	th { text-align: left; }
	
	pre, code, var, samp, kbd { font-family: "Monaco", "Lucida Console", monospace, sans-serif; }
	
	ul, ol { list-style: none; }
	
	.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden}
	.clearfix{display:inline-table}
	/* Hides from IE-mac \*/
	* html .clearfix{height:1%}
	.clearfix{display:block}
	.clear_fix {line-height:1px; height:1px; display:none; clear:both}
	/* End hide from IE-mac */
	

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;
overflow:hidden;
}

#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:#130600;
}
#flashMin{
position:absolute;
margin:10px 0 0 77px;
width:410px;
height:410px;
background-color:#130600;
}
#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; }