﻿html, body {padding:0; margin:0; width:100%; min-width:320px; height:100%; font-family:arial, sans-serif;}

.wrapper {width:100%; min-height:100%;
background:#f0f4e9;
background:-moz-linear-gradient(left, #f0f4e9 0%, #c1d0a9 51%, #f0f4e9 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f0f4e9), color-stop(51%,#c1d0a9), color-stop(100%,#f0f4e9));
background:-webkit-linear-gradient(left, #f0f4e9 0%,#c1d0a9 51%,#f0f4e9 100%);
background:-o-linear-gradient(left, #f0f4e9 0%,#c1d0a9 51%,#f0f4e9 100%);
background:-ms-linear-gradient(left, #f0f4e9 0%,#c1d0a9 51%,#f0f4e9 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4e9', endColorstr='#f0f4e9',GradientType=1);
background:linear-gradient(left, #f0f4e9 0%,#c1d0a9 51%,#f0f4e9 100%);
}

.page {width:100%; max-width:750px; margin:0 auto; text-align:center; padding-top:80px;}
.page h1 {color:#c00020; font-size:20px; margin-top:63px;}
.page h5 {color:#000; font-size: 15px; font-weight:normal; margin-top:60px;}
.page p {color:#000; font-size: 15px; line-height:18px;}
.page span {color:#000; font-size: 15px; line-height:18px;}
.page a {color:#22340b; font-size:15px;}
.page a:hover {color:rgb(192,0,32);}

.page .logo {display:block; margin:0 auto 40px auto;}

.homeportraits {text-align:center; margin-bottom:50px;}
.homeportraits div {display:inline-block; width:176px; text-align:center; margin:5px 0;}
.homeportraits div span {display:inline-block; width:84px; margin:2px; background:#72825e; color:#fff; position:relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.homeportraits div span img {display:block; margin:0; width:100%;}
.homeportraits div a {display:block; height:30px; line-height:30px; color:#fff; text-decoration:none;} 
.homeportraits div a.imgLink {display:inline-block; height:auto; width:84px; margin:2px; background:#72825e; color:#fff; position:relative;}
.homeportraits div a.imgLink img {display:block; margin:0; width:100%;}
.homeportraits div a.imgLink span {margin:0; background:transparent;}

.homeportraits div a:hover {background:#92a27e; color:#fff;}
.homeportraits div span b {display:block; height:30px; line-height:30px; color:#fff; font-weight:normal; cursor:default;}
.homeportraits div span:hover b {background:#92a27e;}
.homeportraits div span ul {padding:0; margin:0; list-style:none; width:150px; position:absolute; right:-9999px; bottom:-61px; border-top:1px solid #fff;}
.homeportraits div span ul li a {background:#72825e; width:150px;}
.homeportraits div span:hover ul {right:50%; margin-right:-75px;}


@media only screen and (max-width:740px) {
.page .logo {margin:0 auto 30px auto;}
.page {max-width:400px; padding-top:35px;}
.homeportraits div {width:88px;}
.page h5 {margin-top:40px; padding-bottom:50px;}
}
@media only screen and (max-width:320px) {
.page {max-width:320px; padding-top:20px;}
.homeportraits div {width:80px;}
.homeportraits div span {width:78px; margin:1px; font-size:14px;}
.homeportraits div a.imgLink {width:78px; margin:1px; font-size:14px;}
}
