@import url(http://fonts.googleapis.com/css?family=Scada:400italic,400&subset=latin,cyrillic);

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,abbr{border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ul li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}



/*___________________________________________________*/



body{
    background-color: #ccffcc;
    background-image: url(GREENWICH_LOGO1.png);
    background-size: 250px;
    background-attachment: fixed;
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 12pt;
    font-family: 'Scada', sans-serif;
}
a {
    text-decoration: none;   
}

p {
    margin: 15px 40px;
    text-align: justify;
    color: #29460c;
   
}

img {
    margin: 15px 40px; 
    width: 256px;
}
    

h1{
    background: rgb(24, 75, 9);    
    font-family: "Scada";
    font-size: 24pt;
    font-weight: bold;
	border-bottom: 2px #cccc33 dotted;
    padding: 40px;
    color: #ccffcc;
    clear: both;

    
}

h2{ background: rgb(24, 75, 9);
    color: #ccffcc;
    clear: both;
    border-bottom: 2px #cccc33 dotted;
    font-family: 'Scada', sans-serif;
    font-weight: bold;
    font-size: 16pt;
    padding: 30px; 
    
}

#menu {
    width: 1024px;
    
    left: 50%; /* Положение слоя от левого края */
    margin-left: -512px; /* Отступ слева, включает padding и border */
    position: fixed;
    background: #9ec695;
    box-shadow: 0px 4px 20px #69691b;
    border-bottom: 1px solid rgb(24, 75, 9);
    
    
}

#page {
    box-shadow: 2px 0px 20px #69691b;
    margin: 0 auto;
    width: 1024px;
    background-color: #9ec695;
}


#menu {
    height: 60px;
}

#menu ul li {
    float: left;
    position: relative;
       
}

#menu ul li a {
    color: rgb(24, 75, 9);
    padding: 0 20px;
    line-height: 60px;
    display: block;
    height: 60px;
    border-right: 1px solid rgb(24, 75, 9);
    
    
}


#menu ul li a:hover {
     background:  rgb(24, 75, 9);
     color: #ccffcc; 
     //transition: 1s background;
}







#footer {
    height: 50px;
	clear: both;
}

#top_of_page {
    width: 1024px;
    height: 67px;
   }

.float {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.overflow {
    overflow: hidden;
}

.tabs_contacts {
    left: 10 10px;
}

.border {
    width: 600px;
    margin-left: 40px;
    padding: 50 50px;
    
}
.content {

    float: left;
    width: 550px;
    height: 350px;
    white-space: normal;
    background-repeat: no-repeat;
}

#itemOne {
    background-color: #0099CC;
    background-image: url("http://www.kirupa.com/images/blueSquare.png");
}

#itemTwo {
    background-color: #FFCC00;
    background-image: url("http://www.kirupa.com/images/yellowSquare.png");
}

#itemThree {
    background-color: #FF6666;
    background-image: url("http://www.kirupa.com/images/pinkSquare.png");
}

#itemFour {
    background-color: #E8E8E8;
    background-image: url("http://www.kirupa.com/images/graySquare.png");
}
#wrapper {

    width: 2200px;
    position: relative;
    left: 0px;
	transition: left .5s ease-in-out;
}
#contentContainer {
margin: 0px auto;
    width: 550px;
    height: 350px;
    border: 5px black solid;
    overflow: hidden;
}
#navLinks {
margin: 0px auto;
    text-align: center;
    width: 550px;
}
    #navLinks ul {
        margin: 0px;
        padding: 0px;
        display: inline-block;
        margin-top: 6px;
    }
        #navLinks ul li {
            float: left;
            text-align: center;
            margin: 10px;
            list-style: none;
            cursor: pointer;
            background-color: #CCCCCC;
            padding: 5px;
            border-radius: 50%;
            border: black 5px solid;
        }
            #navLinks ul li:hover {
                background-color: #FFFF00;
            }
            #navLinks ul li.active {
                background-color: #333333;
                color: #FFFFFF;
                outline-width: 7px;
            }
                #navLinks ul li.active:hover {
                    background-color: #484848;
                    color: #FFFFFF;
                }
#contackts{
padding-bottom: 30px;
}