body {background: #fff; text-align: center; margin: 0 auto; font-size: 12px; color: #333; font-family: "Arial", "Helvetica Neue", "Helvetica", sans-serif;}

ul {margin-left: 30px; margin-bottom: 20px}
ul li {margin: 5px 0;}

a:link, a:visited {color: #a6522c; text-decoration: underline;}
a:hover {color: #c76539;}
a:active {color: #6893ba;}
        
h1 {font-weight: bold; font-size: 24px; color: #6893ba;}
h2 {font-weight: bold; font-size: 24px; color: #225079; margin-bottom: 10px}
h3 {font-weight: bold; font-size: 18px; color: #6893ba; margin-bottom: 10px}
h4 {font-weight: bold; font-size: 14px; color: #6893ba; margin-bottom: 10px}

p {text-align: justify; margin-bottom: 20px; display: block; line-height: 1.4em;}

div {display: block;}

strong, .strong {font-weight: bold;}

/* === HEAD === */

#head {width: 960px; height: 264px; padding-top: 40px; margin: 0 auto; text-align: left; background: url(../img/layout3_07.jpg) no-repeat bottom center;}

/* LOGO */

h1#logo {display: block; width: 316px; height: 78px; margin-left: 40px; float: left;}
h1#logo a {display: block; width: 316px; height: 78px; overflow: hidden; position: relative; color: #6893ba; text-decoration: none; font-size: 24px;}
h1#logo a span {display: block; width: 316px; height: 78px; overflow: hidden; position: absolute; top: 0; left: 0; background: url(../img/layout3_03.png) no-repeat 0 0; cursor: pointer;}

/* HIGHLIGHT */

#highlight {float: right; width: 370px; margin-right: 40px; margin-top: 39px;}
#highlight p {margin: 0; font-size: 18px; font-weight: bold; width: 370px; text-align: left;}

/* === PAGE === */

/* MENU */

#menu {text-transform:uppercase; margin: 0 auto; height: 92px; width: 960px; background: url(../img/layout3_09.jpg) no-repeat top center; text-align: center;}
#menu ul {margin: 0 auto; display: block; padding-top: 39px;}
#menu ul li {display: inline; margin-right: 12px; height: 72px}
#menu ul li a {display: inline; margin-top: 11px; height: 13px; padding: 29px 20px; font-weight: bold; text-decoration: none; color: #225079; font-size: 14px;}
#menu ul li a:hover, #menu ul li a.active {color: #fff; background: #225079; margin-top: 0; padding: 40px 20px 38px 20px;}
#menu ul li a:active {color: #fff; background: #6893ba; margin-top: 0; padding: 40px 20px 38px 20px;}  

/* CONTENT */

#content {width: 920px; margin: 0 auto; background: url(../img/layout3_10.jpg) no-repeat top center; padding-top: 75px; padding-left: 40px; text-align: left;}

#content .inlay {width: 500px;}
#content .inlay p {width: 500px;}

#content .news {width: 300px;}
#content .news h3 {text-align: right; color: #225079;}
#content .news p {width: 300px;}
#content .news p span {float: right; font-weight: bold; color: #6893ba;}


form {margin-top: 20px; margin-bottom: 20px; width: 400px;}
form ul li.buttons input {margin-right: 5px;	display: block; background: #225079; border: 0; padding: 10px 16px; color: #fff; font-weight: bold; cursor: pointer;}
form ul li.buttons input:hover {background: #6893ba;}

.form {float: right; margin-right: 200px;}

.reference {width: 820px; margin: 0 auto; text-align: center;}
.reference a {display: block; margin-right: 25px; margin-bottom: 20px; float: left; text-decoration: none; color: #fff;}

.name, .desc {margin-left: 10%; margin-right: 10%;}
.name {font-size: 18px; font-weight: bold; margin-bottom: 14px;}
.desc {font-size: 14px; line-height: 24px;}

/* === FOOTER === */

#footer {width: 100%; height: 100px; background: #ededed; border-top: 1px solid #dadada; margin-top: 20px;}
#footer .inlay {width: 875px; margin: 32px auto 0px auto;}

#footer .inlay .copy {display: block; width: 165px; height: 41px; position: relative; float: left;}
#footer .inlay .copy span {display: block; width: 165px; height: 41px; position: absolute; top: 0; left: 0; background: url(../img/layout3_13.jpg) no-repeat 0 0;}

#footer .inlay .designed {display: block; width: 144px; height: 40px; position: relative; float: right;}
#footer .inlay .designed span {display: block; width: 144px; height: 40px; position: absolute; top: 0; left: 0; background: url(../img/layout3_15.jpg) no-repeat 0 0;}

/* === UTILITY === */

.clear  {clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0;}

.fl {float: left;}

.fr {float: right;}