/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



body{
margin:0;
padding:0;
background:#d9d9d9 url(../images/bg.gif) center top repeat-x;
font-family:"Helvetica Neue",Helvetica, Arial;
}

.mr20{
margin-right: 20px;
}

#content{
background: url(../images/mid_bg.jpg) center top no-repeat;
padding-top: 25px;
text-align: center;
}

p{
font-size: 13px;
color: #828282;
line-height: 22px;
margin-bottom: 10px;
}

a{
color: #828282;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1{
font-family: Georgia, helvetica, arial;
color: #ffffff;
text-shadow: 0 0 8px #ffffff;
font-size: 58px;
margin-bottom: 0px;
}

h3{
font-family: Georgia, helvetica, arial;
font-size: 18px;
color: #ffffff;
margin-bottom: 10px;
}

h2{
font-size: 22px;
color: #5692b0;

margin-bottom: 8px;
}

.main{
width: 880px;
padding-bottom: 30px;
margin: 0 auto;
background: url(../images/shadow.png) left bottom no-repeat;
}

.mcontent{
min-height: 515px;
background:#ebebeb url(../images/main.gif) left top repeat-x;
width: 698px;
border-left: 1px solid #f7f7f7;
margin: 0 auto;
border-right: 1px solid #f7f7f7;
padding: 20px;
}

.box{
border: 1px solid #fff;
background: #f4f4f4;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #949393;
float: left;
text-align: left;
min-height: 471px;
padding: 20px;
width: 170px;
}

.box2{
border: 1px solid #fff;
background: #f4f4f4;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #949393;
float: left;
text-align: left;
min-height:471px;
padding: 20px;
width: 155px;
}
.box3{
border: 1px solid #fff;
background: #f4f4f4;
-moz-box-shadow: 1px 2px 3px #C6C5C5;
-webkit-box-shadow: 1px 2px 3px #949393;
float: left;
text-align: left;
min-height:471px;
padding: 20px;
width: 205px;
margin-right: 20px;
}

.box2 a{
float: left;
margin-right: 10px;
}

a.get{
background: #828282;
color: #fff;
border: 1px solid #828282;
padding: 3px 7px;
font-size: 16px;
}

a:hover.get{
background: #5692b0;
border: 1px solid #5692b0;
text-decoration: none;
}

.a_demo_four {
    background-color:#5692b0;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:10px 20px;
    padding-right:50px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 5px 0px 0px #406d83, 0px 10px 5px #999;
}
 
.a_demo_four:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #78cbf5, 0px 2px 0px 0px #406d83, 0px 5px 3px #999;
}
 
.a_demo_four::before {
    background-color:#497c96;
    background-image:url(../images/right_arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #78cbf5;
}
 
.a_demo_four:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #78cbf5, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}