@charset "utf-8";
/* CSS Document */


*{padding:0; margin:0;}

.main{
	display:block;
	width:955px;
	margin:0 auto;}
.header{
	display:block;
	text-align:center;
	padding:20px 0;
	font-size:36px;}
.styledfont{
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: rgba(120,78,50, 1);
    text-shadow: rgba(255,255,255,0.3) 0px 2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;}

.detail{
	display:block;
	margin-top:20px;
	vertical-align:top;}
.detail div.styledfont{
	display:inline-block;
	width:200px;
	font-size:20px;}	

.dummie{
	display:inline-block;
	vertical-align:top;
	width:735px;
	padding:10px 5px 5px 5px;}
.dummie .frame{
	display:inline-block;
	padding:0 10px;
	margin-bottom:10px;}
.dummie .frame div{
	display:block;
	margin:0 auto 5px auto;}
.dummie .desc{
	display:block;
	margin:0;
	text-align:center;
	font-size:14px;}
.dummie .button{
	background-color:#eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc); 
	background-image: -ms-linear-gradient(top, #eee, #ccc); 
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	box-shadow:0 1px 1px rgba(0, 0, 0, .5);}
.dummie .classic{
	background-color:#555;
  	transition:background .5s ease-in-out;
  	-moz-transition:background .5s ease-in-out;
  	-webkit-transition:background .5s ease-in-out;}
.dummie .classic:hover{
	background-color:rgba(214,214,214,.4);}
.dummie .button .link_act, .dummie .classic .link_act{
	border:none;
	opacity:0;
	box-shadow:0 .5px 1px rgba(0, 0, 0, .5);
  	transition:opacity .4s ease-in-out;
  	-moz-transition:opacity .4s ease-in-out;
  	-webkit-transition:opacity .4s ease-in-out;}
.dummie .button a:hover .link_act, .dummie .classic a:hover .link_act{
	opacity:1;}
.dummie .button .img_act{
	border-top:1px solid rgba(255,255,255,.5);}

.dummie .square, .dummie .square .img_act, .dummie .square .img_nact, .dummie .square .link_act{
	border-radius:0;}
.dummie .rounded, .dummie .rounded .img_act, .dummie .rounded .img_nact, .dummie .rounded .link_act{
	border-radius:5px;}
.dummie .circle, .dummie .circle .img_act, .dummie .circle .img_nact, .dummie .circle .link_act{
	border-radius:50%;}
.dummie div:last-child{
	margin-right:0;}
.dummie a, .dummie .img_act, .dummie .img_nact, .dummie .link_act{
	display:block;}
.dummie .w64, .dummie .w64 a, .dummie .w64 .img_act, .dummie .w64 .img_nact, .dummie .w64 .link_act{
	width:64px;
	height:64px;}
.dummie .w48, .dummie .w48 a, .dummie .w48 .img_act, .dummie .w48 .img_nact, .dummie .w48 .link_act{
	width:48px;
	height:48px;}
.dummie .w32, .dummie .w32 a, .dummie .w32 .img_act, .dummie .w32 .img_nact, .dummie .w32 .link_act{
	width:32px;
	height:32px;}
.dummie .img_act{
	cursor:pointer;}
.dummie div a:active .link_act{
	box-shadow:inset 0 0 10px rgba(0,0,0, .5);}
.dummie div a:active .img_act{
	border:none;}
	
ul{
	margin-top:30px;
	list-style:decimal;
	font-weight:bold;
    color: rgba(120,78,50, 1);
	margin-bottom:3px;}
ul li img{
	display:block;
	margin:3px 0 7px 0;}
ul li ol{
	margin:0 0 0 30px;}
ul li ol li{
	list-style:square;}
ul li ol li span{
	display:inline-block;
	width:150px;}