/* CSS Document */

body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}

/* MAIN AREA */

#main {width:770px; margin: 10px auto 10px auto; border: 1px solid #000; background-color: #fff;}

/* HEAD AREA */

#head {width: 100%;}
#head h1 {font-size: 16pt; margin: 10px 0px 10px 10px;}
#head h2 {font-size: 10pt; margin: 0px 0px 2px 10px;}
#head p {font-size: 8pt; margin: 0px 0px 10px 10px;}
#head a {color: #5F78A9; text-decoration: none; font-weight: bold;}
#head a:hover {text-decoration: underline;}
#head img {float: right; margin: 0px 10px 0px 0px;}

/* NAVIGATION */

#nav {width: 100%; background-color: #5F78A9;}

#nav li {list-style: url(none) none inside; padding:0px; float: left; text-align: center; font-weight: bold; line-height: 22px;}
#nav ul {margin: 0px 0px 20px 0px; padding: 0px;}
#nav ul a {color: #fff; text-decoration: none; display: block; background-color: #5F78A9; font-size: 10pt;}
#nav ul a:hover, a:active {background-color: #C9C9C8;}

.on {background-color: #C9C9C8;}
.line {border-right: 1px solid #C9C9C8; width: 127px;}
.wide {width: 130px;}

/* CONTENT AREA */

#content {width: 730px; font-size: 10pt; padding: 20px; border-top: 7px solid #C9C9C8;}
#content h1 {font-size: 10pt; margin: 5px 0px 5px 0px;}
#content a {color: #5F78A9; text-decoration: underline; font-weight: bold;}
#content a:hover {text-decoration: none;}
td {font-size: 9pt;}

#catalogue {width: 770px;; font-size: 10pt; /*background-color: #CCDDD7;*/ border-top: 7px solid #C9C9C8;}
#catalogue h1 {font-size: 10pt; margin: 5px 0px 5px 0px;}
#catalogue p {padding: 20px;}

.services {float: right; margin: 0px; width: 520px; text-align: justify;}
.services img {float: right; margin-top: 10px;}
.services p {margin-top: 5px;}
.services h1 {width: 520px; background-color: #C9C9C8; color: #fff; padding: 2px 0px 2px 5px; font-weight:bold;}

.introtext {float: right; margin: 0px; width: 350px; text-align: justify;}
.introtext h2 {color: #5F78A9; font-size: 11pt; margin: 0px; text-align: right;}
.introtext img {float: right; margin-top: 10px;}

.pictures {margin: 4px 4px 0px 0px; float: left; display: inline;}
.pictures p {margin: 0px; font-weight: bold; color: #fff; width:176px; background-color: #C9C9C8; padding: 2px 5px 2px 0px; text-align: right;}

/* FOOT AREA */

#foot {width: 100%; font-size: 9pt; background-color: #5F78A9; border-top: 7px solid #C9C9C8;}
#foot p {margin: 0px; text-align: right; color: #fff; padding: 5px 10px 5px 5px;}
#foot a {color: #fff; text-decoration: none; font-weight: bold;}
#foot a:hover {text-decoration: underline;}

/* CLASSES */

.bluetext {color: #5F78A9;}
.right {float: right; margin-right: 10px;}
input {width: 180px;}
br {margin:0px; padding: 0px;}