* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

img {
border:0 none;
}

h1 {
display:block;
text-align:center;
    color:#35860e;
    text-transform:uppercase;
    font-size:180%;
    font-weight:normal;
}

body {
	font: 12px/18px Arial, sans-serif;
	height: 100%;
    background-color:#f5f5f5;
    border-top:5px solid #343434;

}
.wrapper {
	min-width: 320px;
	max-width: 1090px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 85px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f8216+0,2c870c+100 */
background: #4f8216; /* Old browsers */
background: -moz-linear-gradient(top,  #4f8216 0%, #2c870c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4f8216 0%,#2c870c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4f8216 0%,#2c870c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f8216', endColorstr='#2c870c',GradientType=0 ); /* IE6-9 */
    border-bottom:5px solid #000000;
    box-shadow:inset 0 -1px 0 #2a4c18, 0 7px 0 #343434, 0 10px 0 #d1cfd0;
}

.logo {
display:block;
    float:left;
    width:405px;
    height:85px;
    background-position:center center;
    background-repeat:no-repeat;
}

.header ul {
display:block;
    float:right;
    margin:5px 0;
    border-right:1px solid #357612;
    box-shadow:1px 0 0 #458b16;
}

.header ul li {
display:inline-block;
margin:0 0 0 -2px;
        border-left:1px solid #357612;
    box-shadow:-1px 0 0 #458b16;
}

.header ul li:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#79ab48+0,2e8810+100 */
background: #79ab48; /* Old browsers */
background: -moz-linear-gradient(top,  #79ab48 0%, #2e8810 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #79ab48 0%,#2e8810 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #79ab48 0%,#2e8810 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ab48', endColorstr='#2e8810',GradientType=0 ); /* IE6-9 */

}

.header ul a {
    display:block;
color:#fff;
    text-decoration:none;
    font-size:14px;
    padding:55px 30px 5px 30px;

  background-position:center 5px;
    background-repeat:no-repeat;
}
.header ul li:hover a {
       box-shadow:0px -5px 0px #79ab49;
}

.promo {
    margin:10px 0 5px 0;
    padding:20px 0;
    border-top:1px solid #d1cfd0;
    border-bottom:5px solid #d2d0d1;
    background-color:#ebe9ea;
}

.promo p {
display:block;
    text-align:center;
    margin:20px 0 0 0;
    border-top:1px solid #f7f7f7;
    border-bottom:1px solid #f7f7f7;
    box-shadow:0 -1px 0 #d0d0d0, 0 1px 0 #d0d0d0;
}

.promo span {
display:inline-block;
vertical-align:middle;
    height:75px;
    width:25%;
    margin:0 -2px;
    box-sizing: border-box;
    text-align:left;
    background-position:5px center;
    background-repeat:no-repeat;
    color:#6a6a6a;
    line-height:1.5;
    border-left:1px solid #d2d2d2;
     box-shadow:-1px 0px 0 #f7f7f7;
    padding:15px 0 0 70px;
    
}
.promo span:last-child {
 border-right:1px solid #d2d2d2;
     box-shadow:1px 0px 0 #f7f7f7
}
.promo strong {
    display:block;
font-size:130%;
    color:#353535;
}

.promo span.topl, .promo span.min {
    padding:25px 0 0 70px;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 115px;
}

.title {
display:block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d6d6d6+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #d6d6d6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#d6d6d6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#d6d6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
border:1px solid #fff;
    box-shadow:0 1px 0 #dbdbdb;
}
h2 {
display:block;
color:#666666;
    font-weight:normal;
    font-size:160%;
    line-height:2;
    background-position:5px center;
    background-repeat:no-repeat;
    padding:0 0 0 70px;
}

table {
width:100%;
    background-color:#dbdbdb;
    margin:5px 0;
    border-spacing:0;
    border:1px solid #dedede;
}

td {
border:1px solid #dedede;
    background-color:#f4f4f4;
    box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
    line-height:2;
    text-align:center;
    padding:10px 10px 0px 10px;
}
table a {
color:#236d0e;
    text-decoration:none;
font-size:110%;
    display:block;

}

table a:hover {
color:#1d4b0f;
    text-decoration:underline;
}

td.alexa, td.trace, td.skim, td.thumb {
width:10%;
}
td.alexa img {
display:block;
    width:100%;
    height:auto;
}

td:first-child, td:nth-child(2) {
text-align:left;
}

thead td {
    background-color:transparent;
    border:0 none;
    box-shadow:none;
    text-align:center !important;
    box-shadow:inset 1px 0 0 #fff;
    line-height:2.5;
    padding:0;
}
thead td.url {
    box-shadow:none;

}

.cls {
display:block;
    clear:both;
}

.about {
display:block;
    padding:10px;
    margin:10px 0;
    background-position:left bottom;
    background-repeat:repeat-x;
    color:#7b7b7b;
    font-weight:bold;
    font-size:110%;
} 

.link {
text-align:center;}

.link a {
display:inline-block;
    vertical-align:middle;
    margin:10px 25px;
    text-decoration:none;
    font-size:200%;
    color:#fff;
    background-position:center center;
    background-repeat:no-repeat;
    line-height:2.5;
    text-align:left;
    padding:0 0 0 100px;
    box-sizing:border-box;
}

.link a.icq {
width:340px
}


.link a.mail{
width:410px;

}

.bg-gray {
display:block;
    border:2px solid #fff;
padding:10px;
        text-align:center;
    line-height:3;
        margin:30px 0;
}
.bg-gray h2 {
background-image:none;
font-size:280%;
    color:#353535;
}

.bg-gray h2:before {
display:inline-block;
    vertical-align:middle;
    content:'';
    width:56px;
    height:56px;
    margin:0 5px;
}

.bg-gray ul {
display:inline-block;
    text-align:left;
    list-style-type: none;
    line-height:2;
    max-width:720px;
}

.bg-gray ul li {
display:block;
    background-position:left center;
    background-repeat:no-repeat;
    padding:0 0 0 20px;
    font-size:130%;
}
.bg-gray ul li a{

    text-decoration:none;
}
.bg-gray ul li a span{
    color:#34810b;
    font-size:150%;
}

.bg-gray ul li a:hover span{
text-decoration:underline
}

.p-friends a{
display:inline-block;
    vertical-align:middle;
    margin:5px;
}


.code {
display:block;
}
.code a, .code ins {
display:inline-block;
        vertical-align:top;
}

.code ins {
display:inline-block;
    width:100%;
    max-width:518px;
    background-color:#fff;
    line-height:2;
    padding:0;
    border:1px solid #a9a9a9;
    text-indent: 0px;
    height:60px;
    overflow:hidden;
    text-decoration:none;
    color:000;
    margin:5px 0 5px 5px;
}




/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -115px auto 0;
	min-width: 320px;
	max-width: 1090px;
	height: 115px;
	position: relative;
    text-align:center;
}

.footer .logo {
width:100%;
    float:none;
}





@media all and (max-width:960px) {
    .logo {
        width:100%;        
    }
    .header {
        height:auto;
        overflow:hidden;
        
    }
     .header ul {
         float:none;
         width:100%;
         text-align:center;
     }
    .header ul li {
        border:0 none;
        box-shadow:none;
    }
    .promo span {
        width:49%;
        border: 1px solid #D2D2D2;
box-shadow: -1px -1px 0px #F7F7F7,  1px 1px 0px #F7F7F7;
        margin:3px;
    }
}


@media all and (max-width:768px) {
    .promo span {width:47%}
    
}