html,body,img,a,iframe{
margin:0;
padding:0;
outline:none;
border:none;
}
body{
background-image:url(/img/www/bg.jpg);
/* background-size: 100% 100%; */
/* background-repeat:no-repeat; */
background-attachment:fixed;
background-color:#E5DBAB;
font-family: "Myriad Pro", "PT Sans", "Helvetica Neue", Tahoma, "Arial Narrow", Helvetica, sans-serif;
font-size: 14pt;
color:#60521F;
text-shadow: rgba(255, 255, 255, 0.9) 0 1px 0;
}

#container{
width:100%;
max-width:960px;
margin:0 auto;
position:relative;
overflow:hidden;
}
#container a{
color:#6D0009;
outline:none;
}

#hdr{
position:absolute;
top:0;
left:0;
z-index:99;
width:100%;
height:150px;
/* height:hdr-<length>; */
background-image:url(/img/www/bgHdr.png);
background-repeat:repeat-x;
color:#fff;
text-shadow: rgba(0, 0, 0, 0.9) 0 -1px 0;
text-align:center;
}
@media screen{
body>div#hdr{
position:fixed;
}
}
* html body{
overflow:hidden;
} 
* html div#content{
height:100%;
overflow:auto;
}
#hdr-inside{
width:100%;
max-width:960px;
margin:0 auto;
}
#hdr-inside img{
float:right;
clear:none;
border:none;
margin:15px;
overflow:hidden;
}

#container {
z-index:0;
padding:130px 30px 30px 30px;
}
#container ul{
padding:10px 0 10px 5px;
margin:0;
list-style:none;
}
#container ul li {
background-image:url(/img/www/arrowTan.png);
background-repeat:no-repeat;
padding:0 0 10px 30px;
margin:0;
list-style:none;
}
#container img {
overflow:hidden;
}
#container img.screenshot{
float:left;
clear:none;
border:none;
max-width:280px;
margin-right:50px;
margin-bottom:50px;
border-top: 2px solid #C7BC8B;
border-left: 2px solid #C7BC8B;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
overflow:hidden;
}

.mainContent {
display:block;
float:left;
clear:left;
width:100%;
max-width:618px;
overflow:hidden;
}

#sideContent {
float:left;
clear:none;
max-width:278px;
overflow:hidden;
}

p, ol {
display:block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-image:url(/img/www/bg25pct.png);
padding:15px;
margin:30px 30px 30px 0;
overflow:hidden;
}
ol li {
list-style:number;
padding:0 0 10px 10px;
margin:3px 3px 3px 20px;
}
#sideContent p{
margin-top:15px;
font-weight:normal;
}
h1, h2, h3, h4 {
font-family: "Myriad Pro", "PT Sans", "Helvetica Neue", Tahoma, "Arial Narrow", Helvetica, sans-serif;
font-size:36pt;
font-weight:normal;
color:#6D0009;
text-shadow: rgba(255, 255, 255, 0.9) 0 2px 0;
margin-bottom:5px;
padding:0;
}
h2 {
font-size:26pt;
font-weight:normal;
color:#76672D;
margin-top:5px;
}
h3 {
font-size:26pt;
font-weight:normal;
color:#6D0009;
margin-top:5px;
margin-bottom:20px;
}
h4 {
font-size:18pt;
font-weight:normal;
color:#76672D;
margin-top:5px;
margin-bottom:0px;
}
.video{
display:block;
position:relative;
width:100%;
max-width:640px;
z-index:-1;
border-top: 2px solid #C7BC8B;
border-left: 2px solid #C7BC8B;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
overflow:hidden;
}
.hvRed{
color:#6D0009;
}
.hvTan{
color:#7E6E32;
}