body {
    background-color: #e8e8e8;
    font-size: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #2f3235;
    font-family: Arial, Verdana, Sans-Serif;
}
img { border: 0px; }
ul { }
li { float:left;  list-style-type: none; }

.wrapper { width: 1020px; margin: 0 auto; }

/* Heading Texts */
h2 {
    font-size: 26px;
    color: #81aa48;
	margin:7px 0px;
}




/* Header Section */

#header {
    height: 120px;
    width: 100%;
    background-image: url(../images/header_bg.jpg);
}

#header #logo { width:320px; height: 120px; text-align: left; float:left; }
#header #nav { float:left; width: 700px; text-align: right; position: relative; }

#header #nav #accueil { height: 38px; width: 81px; background-image: url(../images/nav/accueil.jpg); background-position: 0 0; }
#header #nav #vizion { height: 38px; width: 120px; background-image: url(../images/nav/vizion.jpg); background-position: 0 0; }
#header #nav #services { height: 38px; width: 90px; background-image: url(../images/nav/services.jpg); background-position: 0 0; }
#header #nav #portfolio { height: 38px; width: 89px; background-image: url(../images/nav/portfolio.jpg); background-position: 0 0; }
#header #nav #contact { height: 38px; width: 81px; background-image: url(../images/nav/contact.jpg); background-position: 0 0; }

#header #nav #accueil:hover { background-position: bottom; }
#header #nav #vizion:hover { background-position: bottom; }
#header #nav #services:hover { background-position: bottom; }
#header #nav #portfolio:hover { background-position: bottom; }
#header #nav #contact:hover { background-position: bottom; }

#header #nav ul { width: 500px; margin: 0 auto; }
#header #nav li {
    float:left;
    margin-right: 7px;
    margin-top: 19px;
}

#header #horizontal_line { top: 60px; left: 118px; position: absolute; }
#header #slogan { top:80px; left:0px; position: absolute; }




/* Horizontal Separator (Main) */

#hor_separator { width: 890px; height: 16px; margin: 0 auto; }



}

/* Content Section */

#content { }

#content #left_column { width: 445px; margin-right:20px; float:left; }
#content #right_column { width: 445px; margin-left: 20px; float:left; }
#content #separator_column { width: 5px; float:left; }


/* Footer section */

#footer {
    width: 100%;
    background-image: url(../images/footer_bg.jpg);
    background-repeat: repeat-x;
    background-color: #202020;
}