/* 
    Document   : scheme
    Created on : 2012-02-05, 17:16:42
    Modified on: 2012-05-30, 18:04:00
    Author     : arti
    Description:
        Purpose of the stylesheet follows.
*/
html {
    min-width: 1250px;
}

body {
    font-family: Cambria, Georgia, "Geneva CE", lucida, sans-serif;
    line-height: 22px;
    font-size: 16px;
    background: #FFFFFF;
    width: 100%;
}

p { margin-bottom: 15px; }
a { cursor: pointer; }
a { color:inherit; }
/* Nav */

nav#nav {
    position: absolute;
    top: 30px;
    left: 0;
    margin: 0;
    z-index: 99999;
}
nav#nav ul {}
nav#nav ul li {
    position: relative;
    height: 10px;
    width: 10px;
    margin: 10px;
    padding: 12px 15px 18px 15px;
    border: 1px solid #606060;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /* background: #FF5E0C; /* #008000;*/
    color: #fff;
    box-shadow: 1px 1px 1px #000;
    overflow: hidden;
    display: block;
    cursor: pointer;
    transition: width 0.25s linear;
    -moz-transition: width 0.25s linear;
    -webkit-transition: width 0.25s linear;
    font-family: 'Amaranth', sans-serif;
    font-size: 2em;
}
nav#nav ul li img {
    position: absolute;
    left: 4px;
    top: 3px;
}
nav#nav ul li:hover {
    -moz-transition: width 0.25s linear;
}
nav#nav ul li a {
    line-height: 0.5em;
    padding-left: 30px;
    text-decoration: none;
    width: 400px;
    text-shadow: -1px -1px #000000;
    display: block;
}
nav#nav ul li a:hover {}

nav#nav ul li.home:hover {  }
nav#nav ul li.meeting:hover { width: 220px; }
nav#nav ul li.offer:hover { width: 120px; }
nav#nav ul li.articles:hover { width: 200px; }
nav#nav ul li.about:hover { width: 130px; }
nav#nav ul li.contact:hover { width: 140px; }

/* End Nav */

section { height: 100%; width: 100%; }
section .content { height: 100%; margin-bottom: -30px; }
section .bottom { height: 30px; }

section.section-white h1 { text-shadow: -1px -1px #ccc; }
section.section-white { background-color: #FFFFFF;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWZlODZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #afe86a 100%);
                        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#afe86a));
                        background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#afe86a 100%);
                        background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#afe86a 100%);
                        background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#afe86a 100%);
                        background: radial-gradient(center, ellipse cover,  #ffffff 0%,#afe86a 100%);

                        background: -webkit-gradient(radial, center center, 0, center center, 1060, from(#FFFFFF), to(#AFE86A));

}
section.section-white .bottom { background-color: #008000;
                                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDgwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmYyNzI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                                background: -moz-radial-gradient(center, ellipse cover,  #008000 0%, #2f2727 100%);
                                background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#008000), color-stop(100%,#2f2727));
                                background: -webkit-radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                                background: -o-radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                                background: -ms-radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                                background: radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                                background: -webkit-gradient(radial, center center, 0, center center, 660, from(#008000), to(#2F2727));
}

section.section-dark h2, section.section-dark h3 { color: #AFE86A; text-shadow: -1px -1px #000; }
section.section-dark { background-color: #008000; 
                       background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDgwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmYyNzI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                       background: -moz-radial-gradient(center, ellipse cover,  #008000 0%, #2f2727 100%);
                       background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#008000), color-stop(100%,#2f2727));
                       background: -webkit-radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                       background: -o-radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                       background: -ms-radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                       background: radial-gradient(center, ellipse cover,  #008000 0%,#2f2727 100%);
                       background: -webkit-gradient(radial, center center, 0, center center, 1060, from(#008000), to(#2F2727));
}
section.section-dark .bottom { background-color: #AFE86A;  }

section.section-light h2, section.section-light h3 { color: #008000; text-shadow: 1px 1px #FFF; }
section.section-light { background-color: #AFE86A;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNhZmU4NmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmYyNzI3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-radial-gradient(center, ellipse cover,  #afe86a 1%, #2f2727 100%);
                        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#afe86a), color-stop(100%,#2f2727));
                        background: -webkit-radial-gradient(center, ellipse cover,  #afe86a 1%,#2f2727 100%);
                        background: -o-radial-gradient(center, ellipse cover,  #afe86a 1%,#2f2727 100%);
                        background: -ms-radial-gradient(center, ellipse cover,  #afe86a 1%,#2f2727 100%);
                        background: radial-gradient(center, ellipse cover,  #afe86a 1%,#2f2727 100%);

                        background: -webkit-gradient(radial, center center, 0, center center, 2060, from(#AFE86A), to(#2F2727)); }
section.section-light .bottom { background-color: #008000; background: -webkit-gradient(radial, center center, 0, center center, 660, from(#008000), to(#2F2727)); }


section#intro, section#intro .content { min-height: 700px; }
section#meeting, section#meeting .content { min-height: 845px; }
section#offer, section#offer .content { min-height: 845px; }
section#articles, section#articles .content { min-height: 720px; }
section#about, section#about .content { min-height: 530px;  }
section#contact, section#contact .content { min-height: 750px;  }

section.section-white .content, section.section-light .content, section.section-dark .content {
    border-top: 1px solid #fff;
    background: url(../img/bitmap.png) top right repeat-y;
}
section.section-dark .content
{
    border-top: 1px solid #004000;
}

section.section-white .bottom,
section.section-light .bottom {
    border-top: 1px solid #222;
}

.content-wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0 60px;
}

.main-content {
    width:490px;
    float:left;
    margin-right: 20px;
}

.content-right {
    width:450px;
    float:left;
}

.center {
    margin: 0 auto;
    display: block;
    text-align: center;
}

#outer {overflow: hidden; position: relative; width: 100%; top:0; min-height: 700px;}
#outer[id] {display: table; position: static; min-height: 700px;}

#middle {position: absolute; width: 100%;  min-height: 700px;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static; min-height: 700px; }

#inner {position: relative; width: 960px; margin: -10% auto 0 auto; min-height: 700px;} /* for explorer only */

article { text-align: justify; }

p.right {text-align: right;}

p.italic { font-style: italic; }

.border-2-carrots {
    width: 100%;
    height: 40px;
    background: transparent url(../img/6car.png) repeat-x;
    background-color: transparent;
    position: relative;
    margin-top: -45px;
}

ul#menu-hor {
    display: block;
    height: 42px;
    float: right;
    margin-left: 0px;
    margin-right: 40px;
}
ul#menu-hor li {

    float: left;
    list-style: none;
}
ul#menu-hor li img {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}