@import url("reset.css");

/* -------- Arrowhive Movable Walls   ---------- **/
/* ----------------- by AW ---------------- */

/* ----------------- General Styles ---------------- */
* { font-family: Georgia, Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 140%; color: #222020;}



body {background: #efedf0 url(../img/bg/body-bg.gif) 50% 0% repeat-y; }

hr { text-align: right; width: 100%;  height: 1px; color: #b7c0c9; border: none; margin-bottom: 15px; clear: both;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #b7c0c9; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #b7c0c9; border: 0px solid #b7c0c9; } /* For Opera and Gecko-based browsers */

#wrapper {width: 940px; margin-left: auto; margin-right:auto; overflow: hidden; padding-left: 0px; padding-right: 0px; font-size: 80%; background-color: #ffffff; }
/* ----------------- General Styles End ---------------- */

/* ----------------- Header ---------------- */
#header {height:396px; width: 940px; overflow:hidden; position: relative; background: url(../img/bg/header2.jpg) left top no-repeat;}


#header ul.nav { margin-top: 17px; height: 44px; padding-right: 20px; float:right; }
#header ul.nav li {float: left; height: 44px; display: block;   }
#header ul.nav li a {height: 44px; margin: 0px; text-indent: -9999px; background-position: left top; background-repeat: no-repeat; display: block; }

#header ul.nav li.home {width: 59px;}
#header ul.nav li.home a {background-image: url(../img/nav/home.gif);}
#header ul.nav li.aboutus {width: 104px;}
#header ul.nav li.aboutus a {background: url(../img/nav/aboutus.gif);}
#header ul.nav li.products {width: 108px;}
#header ul.nav li.products a {background: url(../img/nav/products.gif); }
#header ul.nav li.casestudies {width: 135px;}
#header ul.nav li.casestudies a {background: url(../img/nav/casestudies.gif); }
#header ul.nav li.contact {width: 82px;}
#header ul.nav li.contact a {background: url(../img/nav/contact.gif);}

#header ul.nav li a:hover {border-bottom: 1px solid #777777; }

#header a.logo {float:left; position: relative; width: 322px; height: 48px; top: 16px; left: 16px; display: block; text-indent: -9999px;}
/* ----------------- Header End ---------------- */


/* ----------------- Main Content---------------- */
#main {margin-top: 1px; width: 868px; padding: 36px 34px 35px 38px; position:relative; background: #ffffff url(../img/bg/main-bg-2.gif) left top repeat-x; overflow: hidden; height: 1%; min-height: 300px; }
#main p { margin-bottom: 20px;}
#main h1 {color: #181819; margin-bottom: 26px; font-size: 191%; font-weight: bold; text-transform: uppercase;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 100%;}
#main h1 span {color: #7f8887; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}
#main a {color: #66501a; text-decoration: underline; font-weight: normal; }
#main a:hover {text-decoration: none; }
#main ul {margin-left: 15px;  margin-bottom: 20px;}
#main ul li {background: url(../img/icons/bullet2.gif) 0px 3px no-repeat; padding-left: 18px; margin-bottom: 4px;}
#main h2.old {color: #7f8887; margin-bottom: 10px; font-size: 125%; font-weight: bold;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 100%;}
#main h2 {color: #ffffff; background-color: #313031; margin-bottom: 10px; font-size: 125%; font-weight: bold;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 100%; padding: 3px 10px 3px 10px;}
#main h2.home {background-color: Transparent; color: #181819; margin-bottom: 26px; font-size: 120%; font-weight: bold; text-transform: uppercase;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 100%; padding: 0px; }
#main blockquote {font-style: italic; font-size: 90%;}

#main ul.form {margin-left: 0px;}
#main ul.form li {padding: 0px; background-image: none; margin-bottom: 8px;}
#main ul.form li label {display: block; width: 100px; float: left; margin-right: 10px; font-weight: bold;}
#main ul.form li label span {color: #fd6f03; padding-left: 3px;}
#main ul.form li input {width: 200px; border: 1px solid #2d2d2d; padding: 3px;}
#main ul.form li select {border: 1px solid #2d2d2d; padding: 3px;}
#main ul.form li textarea {width: 200px; height: 150px; border: 1px solid #464141; padding: 3px;}
#main ul.form li.button a {width: 74px; height: 28px; margin-left: 110px; display: block; text-indent: -9999px; background: url(../img/bg/send.gif) top left no-repeat;}
#main ul.form li.button a:hover {background-image: url(../img/bg/send-active.gif);}




#main div.left {float: left; width: 408px; padding-right: 8px;   }
#main div.right {float: right; width: 415px; }
#main div.right div.gallery {width: 415px; height: 259px; background: #2d2d2d url(../img/gallery/1.jpg) left top no-repeat; margin-bottom: 20px;}
#main div.right div.gallery a { display: block; position: absolute; top: 247px; right: 34px; width: 177px; height: 27px; margin: 0px 9px 24px 0px; text-indent: -9999px; background: url(../img/bg/view-cs.gif) left top no-repeat;}
#main div.right div.gallery a:hover {background-image: url(../img/bg/view-cs-active.gif)}
#main div.right div.g1 {background-image: url(../img/gallery/1.jpg);}
#main div.right div.g2 {background-image: url(../img/gallery/2.jpg);}
#main div.right div.g3 {background-image: url(../img/gallery/3.jpg);}
#main div.right div.g4 {background-image: url(../img/gallery/4.jpg);}
#main div.right div.g5 {background-image: url(../img/gallery/5.jpg);}
#main div.right div.g6 {background-image: url(../img/gallery/6.jpg);}
#main div.right div.g7 {background-image: url(../img/gallery/7.jpg);}

#main div.picturelist img {margin-bottom: 20px; border: 5px solid #313031; width: 315px; padding: 45px; background-color: #efedf0;}

#main div.validationsummary {border: 2px solid #fd6f03; padding: 5px; margin-bottom: 20px; background-color: #eeeeee;}
#main div.validationsummary ul {margin-bottom: 0px; }
#main div.validationsummary ul li {color: #4c2203;}

#main div.error {border: 2px solid #fd6f03; padding: 5px; margin-bottom: 20px; background-color: #eeeeee; color: #4c2203;}
#main div.error span {color: #864730;}

#main div.casestudies {overflow: hidden; height: 1%; margin-left: -35px; background: url(../img/bg/casestudylist.gif) 35px 0px repeat-y; margin-bottom: 20px; width: 900px;}
#main div.casestudies div { width: 415px; margin-left: 35px; float: left; color: #ffffff; }
#main div.casestudies div img {margin-bottom: 20px;}
#main div.casestudies div h2 {text-transform: uppercase;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 100%; color: #ffffff; margin: 0px 20px 5px 20px; clear: both; padding: 0px; background-color: transparent; font-size: 100%;}
#main div.casestudies div p {color: #ffffff;  margin: 0px 20px 15px 20px; clear: both;}
#main div.casestudies div a {float: right; display: block;  background: url(../img/icons/pdf2.gif) top right no-repeat; text-indent: -9999px; margin-right: 20px; margin-bottom: 10px; height: 34px; width: 131px;} 
#main div.casestudies div a:hover {background-image: url(../img/icons/pdf2-active.gif);}
#main div.small {width: 450px;}



#main div.products {overflow: hidden; height: 1%; margin-left: -33px; background: url(../img/bg/casestudylist.gif) 35px 0px repeat-y; margin-bottom: 20px; width: 900px; clear: both;}
#main div.products div {width: 415px; margin-left: 35px; float: left; color: #ffffff; }
#main div.products div img {margin-bottom: 20px;}
#main div.products div h2 {text-transform: uppercase;  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: 100%; color: #ffffff; margin: 0px 20px 5px 20px; clear: both; padding: 0px; background-color: transparent; font-size: 100%;}
#main div.products div p {color: #ffffff;  margin: 0px 20px 15px 20px; clear: both;}
#main div.products div a {float: right; display: block;  background: url(../img/bg/more-details.gif) top right no-repeat; text-indent: -9999px; margin-right: 20px; margin-bottom: 0px; height: 27px; width: 114px;} 
#main div.products div a:hover {background-image: url(../img/bg/more-details-active.gif);}

#main a.download {background: #2d2d2d url(../img/icons/download-brochure.gif) 90% 50% no-repeat; display: block; padding: 10px; text-indent: -9999px; height: 32px; margin-bottom: 20px;}
#main a.download:hover {background-image: url(../img/icons/download-brochure-active.gif);}

#main address { margin-bottom: 20px;}
/* ----------------- Main Content End---------------- */


/* ------------------ Footer ------------- */
#footer { padding-top: 22px; width: 910px; height: 73px; border-top: solid 1px #b9b8b8; margin-left: 15px; background-color: #ffffff; overflow: hidden; height: 1%; padding-bottom: 55px; }
#footer div.left {float: left; padding: 0px; width: auto;}
#footer div.right {float: right; padding: 0px; width: auto;}
#footer p {margin-bottom: 5px; font-size: 85%; color: #535556; padding: 0px 3px 0px 23px;}
#footer p.connexion a {color: #616363; text-decoration: none; font-weight: bold;}
#footer p.connexion a:hover {text-decoration: underline; }
#footer div.right ul.logos {margin-top: -8px;}
#footer div.right ul.logos li {float: left; height: 50px; width: auto; }
#footer div.right ul.logos li a.duvale {width: 110px; height: 50px; margin: 0px; text-indent: -9999px; background: url(../img/bg/duvale.gif) left top no-repeat; display: block;}
#footer div.right ul.logos li a.ais {width: 71px; height: 50px; margin: 0px; text-indent: -9999px; background: url(../img/bg/ais.gif) left top no-repeat; display: block;}

/* ------------------ Footer End ------------- */