body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
table {font-size: inherit; font-size: 100%}
select, input, textarea {font-size: 99%}
pre, code {font: 115% monospace}
body * {line-height:1.22em}
strong {font-weight: bold}
em {font-style: italic}
html {min-height: 100%}
body {background: url(assets/color/dot-front.gif) left bottom repeat-x; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size: 10px; color: black; padding: 0 0 45px 0}
a {color: black; text-decoration: none}
td, h1, h2, h3, h4, h5, h6 {font-size: 10px}
div#container {position: relative; width: 854px; margin: 20px auto; margin-top: 20px}
div#header {position: relative; height: 90px}
div#header h1 {position: absolute; top: 20px; right: 0; width: 178px; text-transform: uppercase; font-size: 10px; text-align: center}
div#header h1 a {display: block; height: 40px; background: url(assets/color/logotype-front.gif) 50% 100% no-repeat}
div#header h1 a:hover {background-position: 50% 0}
ul#navigation {position: absolute; display: block; top: 20px; left: 0; width: 640px; height: 40px; overflow: hidden}
ul#navigation li {float: left; margin: 0 40px 0 0}
ul#navigation li a {display: block; height: 40px; outline: none; background-position: 0 100%; background-repeat: no-repeat}
ul#navigation li a:hover {background-position: 0 0}
ul#navigation li#link-architecture a {background-image: url(assets/color/main-architecture-rust.gif); background-position: -10px 100%; width: 73px}
ul#navigation li#link-architecture a:hover {background-position: -10px 0}
ul#navigation li#link-portrait a {background-image: url(assets/color/main-portrait-purple.gif); width: 59px}
ul#navigation li#link-autonome a {background-image: url(assets/color/main-autonome-teal.gif); width: 71px}
ul#navigation li#link-info a {background-image: url(assets/color/main-info-ecru.gif); width: 39px}
ul#navigation li#link-contact a {background-image: url(assets/color/main-contact-green.gif); width: 59px}
div#subheader {padding: 10px 0}
div#subheader div#message {background: url(assets/color/dot-front.gif) 0 0 repeat-x; margin: 0 0 10px 0; padding: 10px 0; width: 100%; text-transform: lowercase}
div#subheader div#message h4 {float: left; line-height: 2em; padding-right: 2ex}
div#subheader div#message p {line-height: 2em}
div#subheader div#message a {font-weight: bold}
div#subheader div#message ul {margin: 10px 0 0 0; clear: both}
div#subheader div#message ul li {background: url(assets/color/dot-front.gif) 0 55% no-repeat; padding: 0 0 0 8px; margin: 3px 0}
div#main {position: relative; margin: 0 0 20px 0}
div#main div.section {width: 640px; overflow: hidden}
div#main div.section div.column {padding: 0 20px 20px 20px; width: 280px; float: left; overflow: hidden}
div#main div#references h3 {text-transform: lowercase; line-height: 2em; margin: 0 0 1em 0}
div#main div#references p {line-height: 2em; margin: 0 0 1em 0; text-align: justify; color: #707070}
div#main div#references li {line-height: 2em; color: #707070}
div#main div#references a {color: #707070}
div#main div#references a:hover {color: #000000}
div#viewport {position: relative; height: 401px; background: white url(assets/grid-viewport.gif) 0 0 no-repeat}
div#viewport div#viewport-center {width: 638px; height: 399px; overflow: hidden; position: absolute; top: 1px; left: 1px}
div#viewport div#slide {width: 640px; height: 410px}
div#viewport div#slide_layer {background: url(assets/color/overlay-front.gif) 0 0 no-repeat}
div#viewport img {position: absolute; top: 0; left: 0}
div#viewport img.position-aa {top: 0; left: 251px}
div#viewport img.position-aaa {top: 0; left: 250px}
div#viewport img.position-bb {top: 0; left: 320px}
div#viewport img.position-bbb {top: 0; left: 319px}
div#viewport img.position-e {top: 0; left: 251px}
div#sidebar {position: absolute; top: 0; right: 0; width: 178px}
div#sidebar div.section {width: 158px; padding: 0 0 20px 20px}
div#sidebar div.section h3 {text-transform: lowercase; line-height: 2em; margin: 0 0 1em 0}
div#sidebar div#contact dl {text-transform: lowercase}
div#sidebar div#contact dl dt {font-weight: bold}
div#sidebar div#contact dl dt.name {display: none}
div#sidebar div#contact dl dt, div#sidebar div#contact dl dd {line-height: 2em}
div#sidebar div#contact dl dt.col {float: left; width: 8ex}
div#sidebar div#contact dl dt.col, div#sidebar div#contact dl dd.col {white-space: nowrap}
div#thumbs {width: 178px; height: 178px; background: white url(assets/grid-thumbs.gif) 0 0 no-repeat}
ul#thumbs-list {position: relative; width: 178px; height: 178px}
ul#thumbs-list li {position: absolute; width: 58px; height: 58px}
ul#thumbs-list li.clickable {cursor: pointer}
ul#thumbs-list li#tn1 {top: 1px; left: 1px}
ul#thumbs-list li#tn2 {top: 1px; left: 60px}
ul#thumbs-list li#tn3 {top: 1px; left: 119px}
ul#thumbs-list li#tn4 {top: 60px; left: 1px}
ul#thumbs-list li#tn5 {top: 60px; left: 60px}
ul#thumbs-list li#tn6 {top: 60px; left: 119px}
ul#thumbs-list li#tn7 {top: 119px; left: 1px}
ul#thumbs-list li#tn8 {top: 119px; left: 60px}
ul#thumbs-list li#tn9 {top: 119px; left: 119px}
ul#thumbs-list li.active {}
div#pager {position: absolute; top: 351px; right: 181px; width: 30px; height: 50px}
div#pager a {display: block; overflow: hidden; width: 30px; height: 25px; outline: none; background-repeat: no-repeat}
a#prev_img {background-image: url(assets/color/arrow-front-up.gif); background-position: 50% 100%}
a#prev_img:hover {background-position: 50% 0}
a#next_img {background-image: url(assets/color/arrow-front-dn.gif); background-position: 50% 0}
a#next_img:hover {background-position: 50% 100%}
div#footer {clear: both; display: none}
body.contact-section form.active_form fieldset {height: 380px}
form.active_form fieldset {width: 280px}
form.active_form fieldset div.focus input, form.active_form fieldset div.focus textarea {background: #e8ecda}
form.active_form fieldset label {width: 280px; color: #707070; display: block; line-height: 2em; font-weight: bold; text-transform: lowercase; border-bottom: 1px solid #707070}
form.active_form fieldset div.focus label, form.active_form fieldset div.required label {color: #000000; border-bottom: 1px solid #000000}
form.active_form fieldset div.validation-failed label {color: #b40505}
form.active_form fieldset div.frozen div.text {padding: 0.45em 0; font-size: 1.1em; border-bottom: 1px solid #dddddd}
form.active_form fieldset div#elem_contact_form_message_message.frozen div.text {height: 350px}
form.active_form fieldset div.elem_text input {font-size: 1.1em; width: 274px; padding: 0.45em 3px; vertical-align: middle; border: none; border-bottom: 1px solid #dddddd}
form.active_form fieldset textarea {font-size: 1.1em; line-height: 1.6em; width: 274px; height: 350px; padding: 3px; border: none; border-bottom: 1px solid #dddddd}
form.active_form fieldset div.elem_submit input {text-transform: lowercase; border: 1px solid #dddddd; background: #e8ecda; padding: 3px}
form.active_form fieldset div.elem_submit input.img {border: none; background: transparent; padding: 0}
form.active_form div#elem_contact_form_details_submit {margin: 2em 0}
.format {color: black}
.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {text-transform: lowercase; line-height: 2em; margin: 0 0 1em 0}
.format p {margin: 0 0 2em 0; text-align: justify; line-height: 2em}
.format em, .format strong {color: #a19079}
.format em {font-style: italic}
.format strong {font-weight: bold}
.format blockquote {line-height: 2em; text-align: justify}
.format pre, .format code {display: block; margin: 0.5em 0; padding: 0.5em; background: #d9e0dc; font-family: monospace; white-space: pre; overflow: auto}
.format img {float: right; margin: 5px 0 5px 20px}
.format table {width: 100%; margin: 1em 0 1.5em 0}
.format table th {padding: 0.3em 0.3em 0.3em 0; border-bottom: 1px solid black}
.format table tr {}
.format table tr td {padding: 0.3em 0.3em 0.3em 0; border-bottom: 1px solid #d9e0dc}
.format ol, .format ul {margin: 1em 0}
.format ol ol, .format ul ul, .format ul ol, .format ul ol {margin: 0.5em 1em}
.format ol {list-style-type: decimal}
.format ul {list-style-type: square}
.format li {}
.format ol li {}
.format ul li {}
.format dl {margin: 1em 0}
.format dl dt {margin: 1em 0 0 0; padding: 0 0 0.5em 0; border-bottom: 1px solid #d9e0dc}
.format dl dd {margin: 0.5em 0}
.format a {text-decoration: underline}
.format a:hover {}
.format strong {font-weight: bold}
.format em {font-style: italic}
.format hr {border: 0; color: #d9e0dc; background-color: #d9e0dc; height: 1px}
body.info-section div#footer {display: block}
body.architecture-section {background-image: url(assets/color/dot-rust.gif)}
body.portrait-section {background-image: url(assets/color/dot-purple.gif)}
body.autonome-section {background-image: url(assets/color/dot-teal.gif)}
body.info-section {background-image: url(assets/color/dot-ecru.gif)}
body.contact-section {background-image: url(assets/color/dot-green.gif)}
body#page-main-index div#main {background: url(assets/vlines-c.gif) 0 0 repeat-y}
body.info-section div#main {background: url(assets/vlines-b.gif) 0 0 repeat-y}
body.contact-section div#main {background: url(assets/vlines-b.gif) 0 0 repeat-y}
body.architecture-section a#prev_img {background-image: url(assets/color/arrow-rust-up.gif)}
body.architecture-section a#next_img {background-image: url(assets/color/arrow-rust-dn.gif)}
body.portrait-section a#prev_img {background-image: url(assets/color/arrow-purple-up.gif)}
body.portrait-section a#next_img {background-image: url(assets/color/arrow-purple-dn.gif)}
body.autonome-section a#prev_img {background-image: url(assets/color/arrow-teal-up.gif)}
body.autonome-section a#next_img {background-image: url(assets/color/arrow-teal-dn.gif)}
body.info-section a#prev_img {background-image: url(assets/color/arrow-ecru-up.gif)}
body.info-section a#next_img {background-image: url(assets/color/arrow-ecru-dn.gif)}
body.contact-section a#prev_img {background-image: url(assets/color/arrow-green-up.gif)}
body.contact-section a#next_img {background-image: url(assets/color/arrow-green-dn.gif)}
body.architecture-section div#header h1 a {background-image: url(assets/color/logotype-rust.gif)}
body.portrait-section div#header h1 a {background-image: url(assets/color/logotype-purple.gif)}
body.autonome-section div#header h1 a {background-image: url(assets/color/logotype-teal.gif)}
body.info-section div#header h1 a {background-image: url(assets/color/logotype-ecru.gif)}
body.contact-section div#header h1 a {background-image: url(assets/color/logotype-green.gif)}
body.architecture-section div#subheader div#message {background-image: url(assets/color/dot-rust.gif)}
body.portrait-section div#subheader div#message {background-image: url(assets/color/dot-purple.gif)}
body.autonome-section div#subheader div#message {background-image: url(assets/color/dot-teal.gif)}
body.info-section div#subheader div#message {background-image: url(assets/color/dot-ecru.gif)}
body.contact-section div#subheader div#message {background-image: url(assets/color/dot-green.gif)}
body.architecture-section div#subheader div#message ul li {background-image: url(assets/color/dot-rust.gif)}
body.portrait-section div#subheader div#message ul li {background-image: url(assets/color/dot-purple.gif)}
body.autonome-section div#subheader div#message ul li {background-image: url(assets/color/dot-teal.gif)}
body.info-section div#subheader div#message ul li {background-image: url(assets/color/dot-ecru.gif)}
body.contact-section div#subheader div#message ul li {background-image: url(assets/color/dot-green.gif)}
body.architecture-section ul#navigation li#link-architecture a {background-position: -10px 0}
body.architecture-section div#viewport div#slide_layer {background-image: url(assets/color/overlay-rust.gif)}
body.portrait-section div#viewport div#slide_layer {background-image: url(assets/color/overlay-purple.gif)}
body.autonome-section div#viewport div#slide_layer {background-image: url(assets/color/overlay-teal.gif)}
body.info-section div#viewport div#slide_layer {background-image: url(assets/color/overlay-ecru.gif)}
body.contact-section div#viewport div#slide_layer {background-image: url(assets/color/overlay-green.gif)}
body.portrait-section ul#navigation li#link-portrait a, body.autonome-section ul#navigation li#link-autonome a, body.info-section ul#navigation li#link-info a, body.contact-section ul#navigation li#link-contact a {background-position: 0 0}
body.static div#main {background: url(assets/vlines-c.gif) 0 0 repeat-y}
body.static div#header div#banner {width: 640px; height: 90px; background: url(assets/color/dot-front.gif) 0 53px repeat-x}
body#page-static-error div#container div#subheader div#message {background-image: url(assets/color/dot-darkred.gif)}