SLEGPI/docs/styles/style.css

html{
    overflow-y:scroll;
    scroll-behavior: smooth;
}

body{
    margin:0;
    padding:0;
    font-size:13px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#919191;
    background-color:#232323;
}

.clear:after{
    content:".";
    display:block; height:0;
    clear:both;
    visibility:hidden;
    line-height:0;
}

.clear{
    display:block;
    clear:both;
}

html[xmlns] .clear{
    display:block;
}

* html .clear{
    height:1%;
}

a{
    outline:none;
    text-decoration:none;
}

p{
    text-align: justify
}

code{
    font-weight:normal;
    font-style:normal;
    font-family:Georgia, "Times New Roman", Times, serif;
}

.fl_left{
    float:left;
}

.fl_right{
    float:right;
}

img{
    margin:0;
    padding:0;
    border:none;
    line-height:normal;
    vertical-align:middle;
}

.imgholder, .imgl, .imgr{
    padding:4px;
    border:1px solid #D6D6D6;
    text-align:center;
}

.imgl{
    float:left;
    margin:0 15px 15px 0;
    clear:left;
}

.imgr{
    float:right;
    margin:0 0 15px 15px;
    clear:right;
}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
}

.row1, .row1 a{
    color:#C0BAB6;
    background-color:#333333;
}

.row2{
    color:#979797;
    background-color:#FFFFFF;
}

.row2 a{
    color:#FF9900;
    background-color:#FFFFFF;
}

.row4, .row4 a{
    color:#919191;
    background-color:#232323;
}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer, #copyright{
    display:block;
    width:960px;
    margin:0 auto;
}

nav ul{
    margin:0;
    padding:0; 
    list-style:none;
}

h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:bold;
    font-style:normal;
    line-height:normal;
    text-transform:uppercase;
}

.one_third, .two_third, .three_third{
    display:block;
    float:left;
    margin:0 30px 0 0;
}

.one_third{
    width:300px;
}

.two_third{
    width:630px;
}

.three_third{
    width:960px;
    float:none;
    margin-right:0;
    clear:both;
}

.lastbox{
    margin-right:0;
}

article, aside, figcaption, figure, footer, header, nav, section{
    display:block;
    margin:0; 
    padding:0;
}

/*----------------------------------------------Header-------------------------------------*/

#header{
    padding:20px 0;
}

#header #hgroup{
    float:left;
    margin:0 0 20px 0;
}

#header #hgroup h1, #header #hgroup h2{
    font-weight:normal;
    text-transform:none;
}

#header #hgroup h1{
    font-size:36px;
}

#header #hgroup h2{
    font-size:13px;
}

#header form{
    display:block;
    width:290px;
    float:right;
    margin:20px 0;
    padding:0;}

#header form input{
    display:block;
    float:left;
    width:200px;
    margin:0;
    padding:5px;
    color:#C0BAB6;
    background-color:#232323;
    border:1px solid #666666;
}

#header form #sf_submit{
    display:block;
    float:right;
    width:70px;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#FFFFFF;
    background-color:#FF9900;
    border:none;
    cursor:pointer;
}

#header nav{
    display:block;
    width:100%;
    margin:0;
    padding:20px 0;
    color:#C0BAB6;
    background-color:#232323;
    clear:both;
}

#header nav ul{
    padding:0 20px;
}

#header nav li{
    display:inline;
    margin-right:25px;
    text-transform:uppercase;
}

#header nav li.last{
    margin-right:0;
}

#header nav li a{
    color:#C0BAB6;
    background-color:#232323;
}

#header nav li a.active{
    color:#FF9900;
    background-color:#232323;
}

#header nav li a:hover{
    color:#FF9900;
    background-color:#232323;
}

/*----------------------------------------------Content Area-------------------------------------*/

#container{
    padding:30px 0;
}

#container section{
    display:block;
    width:100%;
    margin:0 0 30px 0;
    padding:0;
}

#container .last{
    margin:0;
}

#container .more{
    text-align:right;
}

/* ------Main Content-----*/

#container #homepage{
    line-height:1.6em;
}

#container #homepage section{
    margin:0;
}

#container #homepage #services{
    margin-bottom:40px;
}

#container #homepage #services article h2{
    font-size:14px;
    margin-bottom:15px;
    padding-bottom:8px;
    border-bottom:1px solid #DEDEDE;
}

#container #homepage #services article p{
    margin:0;
    padding:0;
}

#container #homepage #services article img{
    float:left;
    width:80px;
    height:80px;
    margin:0 15px 0 0;
    padding:4px;
}

#container #homepage #services article footer{
    margin:10px 0 0 0;
}

#container #homepage .fl_left, #container #homepage .fl_right{
    width:455px;
}

#container #homepage .fl_right article figure img{
    float:left;
    width:125px;
    height:125px;
    margin:0;
    padding:4px;
}

#container #homepage .fl_right article figure figcaption{
    display:block;
    float:right;
    width:300px;
}

#container #homepage .fl_right article figure h2{
    font-size:14px;
}

#container #homepage .fl_left1, #container #homepage .fl_right{
    width:455px;
}

#container #homepage .fl_left1 article figure img{
    float:left;
    width:125px;
    height:125px;
    margin:0;
    padding:4px;
}

#container #homepage .fl_left1 article figure figcaption{
    display:block;
    float:left;
    width:300px;
}

#container #homepage .fl_left1 article figure h2{
    font-size:14px;
}

#container #homepage .fl_left1 article figure img{
    float:left;
    width:125px;
    height:125px;
    margin:15px;
    padding:0px;
}

/*----------------------------------------------Footer-------------------------------------*/

#footer{
    padding:20px 0;
}

#footer p{
    margin:0; padding:0;
}