* { padding: 0; margin: 0; }

/* Heading */
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;text-transform: uppercase;}

p, h1 {
 margin: 0px 0px 1em 0px;
 padding: 0;
 line-height:1.5em;
}

img {
 border: 0;
} 

ul {
list-style-image:url("../images/circle.png");
margin:0 0 1em;
padding-left:20px;
}

/* Standard links */
a {
 color: #85C454;
 text-decoration: none;
}

a:hover, a:active, a:focus {
 color: #85C454;
 text-decoration: none;
}

/* MAIN + home page specific (HPS) */
body {
 font-family: Myriad, Segoe UI, Calibri, Trebuchet MS, sans-serif;
 font-size: 14px;
}

#wrapper {
 margin: 20px 10px;
 width: 920px;
}

/* header */
#header {
 width: 900px;
 margin: 10px 10px 30px 10px;
 height: 200px;
 background: url(../images/banner.png) no-repeat center center;
}

#home-link {
 width: 900px;    /* width of the logo */
 height: 200px;   /* height of the logo */
 top: 0; left: 0; /* top-left corner of logo */
 border: 0;
}

/* sub-header : news (HPS) */
#sub_header {
 width: 900px;
 color: #6E6E6E;
 margin: 60px 10px 30px 10px;
 height: 30px;
 text-align: center;
 font-size: 20px;
 background: url(../images/new_background.png) no-repeat center center;
}

#news {
 position: relative;
 bottom: 8px;
}

/*  MAIN CONTENT (HPS) */
#navigation {
 width: 900px;
 margin: 60px 10px 10px 10px;
 height: 40px;
}

/* main nav menu style (HPS) */
#navigation ul {
 height: 25px;
}

#nav {
 margin: 0px 0px 1em 0px;
 list-style-image: url('../images/circle.png'); 
 width: 900px;
 padding: 0px 10px 0px 10px;
 border-bottom: 1px solid #85C454;
}

#nav li {
 display: inline;
 list-style-type: none;
}

#nav li a:link,
#nav li a:visited {
 float: left;
 width: 260px;
 margin: 0px 20px 0px 20px;
 text-align: center;
 text-transform: lowercase;
 font-size: 20px;
 line-height: 20px;
 font-weight: bold;
 text-decoration: none;
 color: #A1A4A3;
 height: 28px;
}

#nav li a:link.active,
#nav li a:visited.active,
#nav li a:hover {
 color: #85C454;
 background: url(../images/circle.png) no-repeat bottom center;
}

/* main */
#content {
 width: 900px;
 margin: 10px 0px 40px 0px;
 padding: 0px 10px 0px 10px;
 letter-spacing: 1px;
 text-align:justify;
}

#main {
 float: left;
 width: 800px;
 margin: 10px 50px 0px 50px;
 line-height: 1.5em;
}

.spacer {clear: both;}

/* (HPS) */
#left {
 float: left;
 width: 250px;
 margin: 0px 25px 0px 25px;
 font-size: 14px;
}

#center {
 float: left;
 width: 250px;
 margin: 0px 25px 0px 30px;
 font-size: 14px;
}

#right {
 float: left;
 width: 250px;
 margin: 0px 25px 0px 20px;
 font-size: 14px;
}

.home_photo {
 width: 230px;
 margin: 0px 0px 20px 0px;
 height: 40px;
}

/* footer */
#footer {
 width: 900px;
 color: #CCCCCC;
 text-align: center;
 margin: 20px 0px 10px 0px;
 padding: 10px;
}

/* footer menu style */
#nav_footer {
 float: left;
 width: 200px;
 margin: 0px 0px 0px 350px;
 padding: 0px 0px 5px 0px;
 text-align: center;
 border-bottom: 1px solid #A1A4A3;
}

#nav_footer li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
 text-align: center;
}

#nav_footer a:link, #nav_footer a:visited {
 font-size: 14px;
 text-transform: lowercase;
 padding: 0 10px 12px 10px;
 text-decoration: none;
 color: #DBDBDB;
 cursor: pointer;
}

#nav_footer a:link.active, #nav_footer a:visited.active, #nav_footer a:hover {
 color: #85C454;
}

#contact {
 float: left;
 width: 100px;
 margin: 0px 0px 0px 400px;
 padding: 5px 0px 0px 0px;
 text-align: center;
}

/* SPECIFIC TO SOME PAGES */
/* LEGAL */
/* legal menu style */
#legal_nav {
 float: left;
 width: 300px;
 margin: 0px 0px 0px 350px;
 padding: 0px 0px 5px 0px;
 text-align: center;
 border-bottom: 1px solid #A1A4A3;
}

#legal_nav li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
 text-align: center;
}

#legal_nav a:link,
#legal_nav a:visited {
 font-size: 14px;
 text-transform: lowercase;
 padding: 0 10px 12px 10px;
 text-decoration: none;
 color: #A1A4A3;
 cursor: pointer;
}

#legal_nav a:link.active, 
#legal_nav a:visited.active, 
#legal_nav a:hover {
 color: #85C454;
}

/* legal + products articles */
.definition {
  float: right;
  width: 500px;
  margin: 0;
  padding: 0px 0px 0px 30px;
}

.definition p {
  text-align: justify;
}

/* CREDITS */
#credit-title {
  text-align: center;
}

/* CONTACT */
#contact-title {
 text-align: center;
}

/* PRODUCTS */
#product_title {
 text-align: center;
 margin: 0px 0px 30px 0px;
}

#kwikwai {
  width: 100%;
  text-align: right;
  margin: 0px 0px 60px 0px;
}

#godot {
  width: 100%;
  text-align: right;
}