@charset "utf-8";

body {color:#333333;}

a {color:#333333;}

body,
header {
    background-color:#ceee95;
}
header {
    background: -webkit-gradient(linear, left top, left bottom, from(#ceee95), to(#d2d2d2));
    background: -webkit-linear-gradient(#ceee95 80%, #d2d2d2);
    background: linear-gradient(#ceee95 80%, #d2d2d2);
}

nav#menu {border-top: 1px solid #ffffff;}
nav#menu ul li {border-right: 1px solid #ffffff;}
nav#menu ul li a {color: #ffffff;}
nav#menu ul li:first-child {border-left: 1px solid #ffffff;}
nav#menu ul li a:hover {background-color: #ffffff;}

nav#menu {
    background: -webkit-gradient(linear, left top, left bottom, from(#4f454a), to(#b3c293));
    background: -webkit-linear-gradient(#4f454a, #b3c293);
    background: linear-gradient(#4f454a, #b3c293);
}
nav#menu,
nav#menu ul li a:hover {
    border-bottom: 5px solid #4f454a;
}
nav#menu ul li a:hover,
nav#menu ul li a span {color: #4f454a;}
nav#menu,
#mainimg {
    background-color: #4f454a;
}

#main h2 {
    color: #2f2329;
    border-bottom: 4px solid #2f2329;
}

#main h2 {
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c897));
    background: -webkit-linear-gradient(#ffffff, #c0c897);
    background: linear-gradient(#ffffff, #c0c897);
    border-top: 1px solid #c0c897;
    border-right: 1px solid #c0c897;
    border-left: 1px solid #c0c897;
}

#sub h2 {color: #1e1a1c;}

#sub ul li a {background: #ffffff;}

#sub h2 {
    background-color: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a5c266));
    background: -webkit-linear-gradient(#ffffff, #a5c266);
    background: linear-gradient(#ffffff, #a5c266);
}
#sub ul {
    border-top: 1px solid #a5c266;
    border-right: 1px solid #a5c266;
    border-left: 1px solid #a5c266;
}
#sub ul li a {border-bottom: 1px solid #a5c266;}
#sub ul li a:hover {background-color: #a5c266;}

#main h3 {color: #291f24;}

#main h3 {
    background-color: #4fc4a0;
    background: -webkit-gradient(linear, left top, left bottom, from(#4fc4a0), to(#6bd1c1));
    background: -webkit-linear-gradient(#4fc4a0, #6bd1c1);
    background: linear-gradient(#4fc4a0, #6bd1c1);
    border: 1px solid #6bd1c1;
}

footer,
footer a,
footer a:hover,
#pagetop a {
    color: #ffffff;
}

footer,
#pagetop a {
    background-color: #380b21;
}
#pagetop a:hover {color: #380b21;}

#pagetop a:hover {background-color: #f7f126;}

@media screen and (min-width:481px) and (max-width:800px){
    nav#menu {border-left: 1px solid #b3c293;}
    nav#menu ul li {border-bottom: 1px solid #b3c293;}
}
@media screen and (max-width : 480px){
    nav#menu {border-left: 1px solid #b3c293;}
    nav#menu ul li {border-bottom: 1px solid #b3c293;}
    section#new h2 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c897));
    background: -webkit-linear-gradient(#fffffff, #c0c897);
    background: linear-gradient(#ffffff, #c0c897);
}