/*Common

------------------------------------------------------------------------- */
* {margin: 0; padding: 0;}

img {border: 0;}

a {color: #8E8027; text-decoration: none;}

a:hover {text-decoration: none;}

ul {
   list-style: none;

}
/*Layout

------------------------------------------------------------------------- */

body {
   background: #61A9D1 url(images/body.jpg) 0 0 repeat-x;
   color: #796600;
   font: 11px Arial, Tahoma, Verdana, helvetica, sans-serif;
}

#page {
   clear: both;
   margin: 0 auto;
   padding-bottom: 12px;
   position: relative;
   width: 950px;
}
/* Top

------------------------------------------------------------------------- */

#top {
   float: left;
   height: 464px;
   position: relative;
   width: 727px;
}

#top #top-b {
   background: url(images/top.gif) 0 0 no-repeat;
   height: 454px;
   left: 0;
   position: absolute;
   top: 0;
   width: 726px;
   z-index: 4;
}

#top a#mb {
   background: url(images/mb.png) 0 0 no-repeat;
   display: block;
   height: 271px;
   left: 0;
   position: absolute;
   top: 0;
   width: 306px;
   z-index: 3;
}

#top #recl {
   background: url(images/recl.gif) 0 0 no-repeat;
   height: 46px;
   position: absolute;
   right: 18px;
   top: 12px;
   width: 74px;
   z-index: 3;
}

#top #solas {
   background: url(images/solas.gif) 0 0 no-repeat;
   height: 19px;
   left: 360px;
   position: absolute;
   top: 24px;
   width: 208px;
   z-index: 3;
}

#top .inner {
   background: url(images/top-inner.jpg) 0 bottom repeat-x;
   height: 334px;
   left: 6px;
   overflow: hidden;
   position: absolute;
   top: 118px;
   width: 704px;
   z-index: 2;
}

#top #motto {
   background: url(images/motto.gif) 0 0 no-repeat;
   height: 65px;
   position: absolute;
   right: 8px;
   top: 18px;
   width: 309px;
}

#top #shadow {
   background: url(images/shadow.png) 0 0 no-repeat;
   height: 231px;
   left: 305px;
   padding: 14px 25px 15px 20px;
   position: absolute;
   top: 65px;
   width: 231px;
}

#top #shadow div {
   height: 231px;
   overflow: hidden;
   width: 231px;
}

#top #references {
   background: url(images/line-ref.gif) left top no-repeat;
   left: 577px;
   padding: 2px 20px;
   position: absolute;
   top: 405px;
   z-index: 6;
}

#top #products {
   background: url(images/line-prod.gif) right bottom no-repeat;
   padding: 2px 20px;
   position: absolute;
   right: 412px;
   top: 340px;
   z-index: 6;
}

#top #references a, #top #products a {color: #ffffff;}

#top #references a:hover, #top #products a:hover {
   text-decoration: underline;
}

#top #menu {
   position: absolute;
   right: 7px;
   top: 78px;
   z-index: 5;
}

#top #menu div.left {
   background: red url(images/top-menu-left.jpg) left 0 no-repeat;
   float: left;
}

#top #menu div.right {
   background: url(images/top-menu-right.jpg) right 0 no-repeat;
   float: left;
   padding: 0 3px;
}

#top #menu ul {
   background: url(images/top-menu.jpg) 0 0 repeat-x;
   float: left;
   height: 29px;
   line-height: 29px;
   overflow: hidden;
   padding: 3px 0 3px 1px;
}

#top #menu ul li {
   float: left;
   padding-right: 1px;
   text-align: center;
}

#top #menu ul li a {
   background: none;
   color: #B5B5B5;
   display: block;
   height: 29px;
   overflow: hidden;
   width: 101px;
}

#top #menu ul li a:hover, #top #menu ul li a.hover {
   background: url(images/top-menu-hover.gif) 0 0 no-repeat;
   color: #BCDFFF;
}
.active {
      background: url(images/top-menu-hover.gif) 0 0 no-repeat;
   color: #BCDFFF;
}


/* Sidebar

------------------------------------------------------------------------- */

#sidebar {
   background: url(images/sidebar.jpg) 0 0 repeat-y;
   float: right;
   height: 464px;
   width: 223px;
}

#sidebar .inner {
   background: url(images/sidebar-top.jpg) 0 0 no-repeat;
   color: #969595;
   font-size: 14px;
   height: 110px;
   line-height: 18px;
   overflow: hidden;
   padding: 8px 0 0 55px;
}

#sidebar .inner a {color: #969595; font-size: 14px;}

#sidebar .inner a:hover {text-decoration: underline;}

#sidebar ul {padding-left: 15px;}

#sidebar ul li {height: 24px; padding-bottom: 2px;}

#sidebar ul li a {
   background: url(images/sidebar-li.png) 0 0 no-repeat;
   color: #446BA4;
   display: block;
   font-size: 13px;
   line-height: 24px;
   padding-right: 30px;
   text-align: right;
   width: 174px;
}

#sidebar ul li a:hover, #sidebar ul li a.hover {
   background: url(images/sidebar-li-hover.png);
   color: #6490D2;
}
/* Header

------------------------------------------------------------------------- */
/* Content

------------------------------------------------------------------------- */

#content {
   background: url(images/content-middle.jpg) 0 0 repeat-y;
   clear: both;
   color: #093B78;
   margin: 0 9px 0 4px;
   position: relative;
   width: 937px;
}


#content ul {
   list-style: none;
   margin-left: 50px;
}

#content .center {
   background: url(images/content-center.jpg) 0 0 repeat-x;
   height: 100%;
   width: 100%;
}

#content .left {
   background: url(images/content-left.jpg) 0 0 no-repeat;
}

#content .right {
   background: url(images/content-right.jpg) right 0 no-repeat;
}

#content .inner {
   background: url(images/content-bottom.jpg) 0 bottom no-repeat;
   min-height: 170px;
   padding: 24px 250px 20px 30px;
   position: relative;
}

#content #image {
   font-size: 0;
   height: 153px;
   overflow: hidden;
   position: absolute;
   right: 22px;
   top: 34px;
   width: 177px;
}

#content #image img {left: 0; position: absolute; top: 0;}

#content #image .border {
   background: url(images/border.gif) 0 0 no-repeat;
   height: 153px;
   left: 0;
   position: absolute;
   top: 0;
   width: 177px;
}

#content .inner span.fl {
   background: url(images/line.gif) 0 0 no-repeat;
   display: block;
   height: 56px;
   width: 7px;
}

#content h3 {font-size: 16px; padding: 0 0 0 20px;}

#content p {
   line-height: 15px;
   padding: 10px;
   text-align: justify;
}
/* Footer

------------------------------------------------------------------------- */

#footer {background: #FFFFFF; clear: both; color: #C5C5C5;}

#footer .inner {
   margin: 0 auto;
   padding: 10px 35px 10px 5px;
   width: 910px;
}

#footer .inner .fr {margin-top: 20px;}

#footer .left {
   background: url(images/footer-left.jpg) left bottom no-repeat;
   float: left;
   padding-left: 10px;
   width: 725px;
}

#footer .right {
   background: url(images/footer-right.jpg) right bottom no-repeat;
   float: left;
   padding-right: 10px;
}

#footer #logos {
   background: url(images/footer-center.jpg) left bottom repeat-x;
   color: #A2A3A3;
   font-size: 15px;
   height: 55px;
}

#footer #logos span {
   float: left;
   padding: 12px 35px 0 10px;
}

#footer #logos img {
   float: left;
   margin-right: 10px;
}
/* Other

------------------------------------------------------------------------- */

.lt-Abs {left: 0; position: absolute; top: 0;}

.rt-Abs {position: absolute; right: 0; top: 0;}

.lb-Abs {bottom: 0; left: 0; position: absolute;}

.rb-Abs {bottom: 0; position: absolute; right: 0;}

.fl {float: left;}

.fr {float: right;}

.clear{clear: both;}