﻿/* Move down content because we have a fixed navbar that is 50px tall */
ul#menu
{
padding: 70px;
position: relative;
margin: 0px;
padding-bottom: 0;

}

ul#menu li
{
display: inline;
}

ul#menu li a 
{
background-color: #FFDAB9;
padding: 9px 10px;
text-decoration: none;
line-height: 2.8em;
color: #000000;
border-radius: 4px 4px 0 0;
}

ul#menu li a:hover
{
background-color: #EECBAD;
}


h2
{
border-bottom: 4px solid white;
color: black;
        top: 0px;
        left: 0px;
    }
span {
            float: left;
            width: 0.7em;
            font-size: 400%;
            font-family: algerian,courier;
            line-height: 80%;
            color:white;
            font-variant-caps:titling-caps
        }
span1 {
            float: left;
            width: 0.7em;
            font-size: 400%;
            font-family: algerian,courier;
            line-height: 80%;
            color:darkred;
            font-variant-caps:titling-caps
        }
 p { font-size:medium;
        top: 100px;
        left: 41px;
        width: 1616px;
    }
 input[class="button"] {height: 60px;
        width: 80px;
        background-color: lightgreen;
        border-radius: 1em;}

 
  input[class="button"]:hover  {height: 60px;
        width: 80px;
        background-color:#4095d1;
        border-radius: 1em; border-color: darkred;} 
    #Text1 {
        top: 466px;
        left: 21px;
    }
div.img {
    margin: -10px;
    padding: 1px;
    border: 1px solid #0000ff;
    height: auto;
    width: auto;
    float: left;
    text-align: center;
}

div.img img {
    display: inline;
    margin: 5px;
    border: 1px solid #ffffff;
}

div.img a:hover img {
    border:1px solid #0000ff;
}

div.desc {
    text-align: center;
    font-weight: normal;
    width: 120px;
    margin: 5px;
}
img[class="vid"] { border-radius: 1em;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

img[class="vid"]:hover { border-radius: 1em;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}      
 #grad1 {
            height: 200px;
            background: -webkit-linear-gradient(left, #FFDEAD, #A0522D); /* Для Safari 5.1 to 6.0 */
            background: -o-linear-gradient(right, #FFDEAD, #A0522D);     /* Для Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(right,#FFDEAD, #A0522D);    /* Для Firefox 3.6 to 15 */
            background: linear-gradient(to right,#FFDEAD,#A0522D);       
        }


