//--- RESET | YUI
html{color:#000;background:#28323B;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
#custom-doc { width:81.15em;*width:79.2em;min-width:1055px; margin:0 0 0 20px; text-align:left; }
strong,b {font-weight: bold; }
label {width: 100%; display: block; }
input.text {background: transparent; border: 1px solid #c1c0b3; padding: 5px 3px 5px 3px; color: #666; width: 225px;margin-top: 3px; margin-bottom: 10px; }
textarea {background: transparent;border: 1px solid #c1c0b3; padding: 5px 3px 5px 3px; color: #666; width: 265px;height: 100px; margin-top: 3px; margin-bottom: 10px; }
input.submit {margin: 0 0 10px 3px; }
a {color: #6A49A0}
a:hover {color: #EC2A8C; text-decoration: none; }
td {vertical-align: top; }
//--- VARIABLES
//--- LAYOUT
.loading {display: none; }
.header {
padding-top: 48px;
.menu {
width: 915px; height: 98px;
}
}
.main {
height: 650px;
.col1 {
margin-left: 65px;
}
.col2 {
margin-left: 76px;
width: 320px;
h1 {display: block; text-indent: -3000px;margin-top: 15px;margin-bottom: 14px; }
p {margin: 0 0 7px 0; }
ul {display: block; width: 160px; float: left;margin-top: 12px; }
}
}
.footer {
height: 100px;
}
//--- STYLE
body {background: #28323B url(images/bg.gif) top left repeat-x;}
#wrapper {font-family: verdana; background: transparent url(images/bg.jpg) top left no-repeat;}
.header{
.menu {
a {position: absolute; display: none; text-indent: -3000px; display: block;}
li#menu-1 {
a{left: 38px; top: 60px; background: url(images/menu/1.png) top left no-repeat;
width: 90px; height: 83px;}
a:hover {background-image: url(images/menu/1-hover.png)}a.selected {background-image: url(images/menu/1-selected.png)}}
li#menu-2 {a{left: 118px; top: 69px; background: url(images/menu/2.png) top left no-repeat;
width: 84px; height: 83px;}a:hover {background-image: url(images/menu/2-hover.png)}a.selected {background-image: url(images/menu/2-selected.png)}}
li#menu-3 {a{left: 195px; top: 75px; background: url(images/menu/3.png) top left no-repeat;
width: 85px; height: 83px;}a:hover {background-image: url(images/menu/3-hover.png)}a.selected {background-image: url(images/menu/3-selected.png)}}
li#menu-4 {a{left: 270px; top: 67px; background: url(images/menu/4.png) top left no-repeat;
width: 83px; height: 83px;}a:hover {background-image: url(images/menu/4-hover.png)}a.selected {background-image: url(images/menu/4-selected.png)}}
li#menu-5 {a{left: 350px; top: 78px; background: url(images/menu/5.png) top left no-repeat;
width: 82px; height: 83px;}a:hover {background-image: url(images/menu/5-hover.png)}a.selected {background-image: url(images/menu/5-selected.png)}}
li#menu-6 {a{left: 541px; top: 68px; background: url(images/menu/6.png) top left no-repeat;
width: 85px; height: 83px;}a:hover {background-image: url(images/menu/6-hover.png)}a.selected {background-image: url(images/menu/6-selected.png)}}
li#menu-7 {a{left: 617px; top: 68px; background: url(images/menu/7.png) top left no-repeat;
width: 84px; height: 83px;}a:hover {background-image: url(images/menu/7-hover.png)}a.selected {background-image: url(images/menu/7-selected.png)}}
li#menu-8 {a{left: 694px; top: 74px; background: url(images/menu/8.png) top left no-repeat;
width: 84px; height: 83px;}a:hover {background-image: url(images/menu/8-hover.png)}a.selected {background-image: url(images/menu/8-selected.png)}}
li#menu-9 {a{left: 770px; top: 67px; background: url(images/menu/9.png) top left no-repeat;
width: 82px; height: 83px;}a:hover {background-image: url(images/menu/9-hover.png)}a.selected {background-image: url(images/menu/9-selected.png)}}
li#menu-10 {a{left: 847px; top: 72px; background: url(images/menu/10.png) top left no-repeat;
width: 84px; height: 83px;}a:hover {background-image: url(images/menu/10-hover.png)}a.selected {background-image: url(images/menu/10-selected.png)}}
}
.submenu {
a {position: absolute; display: none; text-indent: -3000px; display: block;}
li#menu-11 {
a{left: 1015px; top: 127px; background: url(images/menu/11.png) top left no-repeat;
width: 40px; height: 97px;}
a:hover {background-image: url(images/menu/11-hover.png)}a.selected {background-image: url(images/menu/11-selected.png); width: 85px;left: 965px }}
li#menu-12 {
a{left: 1015px; top: 218px; background: url(images/menu/12.png) top left no-repeat;
width: 35px; height: 115px;}
a:hover {background-image: url(images/menu/12-hover.png)}a.selected {background-image: url(images/menu/12-selected.png); width: 85px;left: 965px }}
li#menu-13 {
a{left: 1015px; top: 325px; background: url(images/menu/13.png) top left no-repeat;
width: 34px; height: 98px;}
a:hover {background-image: url(images/menu/13-hover.png)}a.selected {background-image: url(images/menu/13-selected.png); width: 85px; left: 965px}}
}
}
.main {
.name {
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #c3c2ad;
font-style: italic;
font-size: 11px;
}
.gallery {
.item {font-size: 11px; width: 134px;float: left; display: inline;margin-right: 12px; margin-bottom: 24px; }
h1 {text-indent: -3000px; background:url(images/titles/gallery.png) top left no-repeat; width: 291px; height: 75px;margin-bottom: 15px; margin-left: 65px}
h2 {text-indent: -3000px; background:url(images/titles/gallery.png) top left no-repeat; width: 291px; height: 75px;position: absolute; top: 144px; }
.next,.previous{width: 100%; display: block; margin-bottom: 8px; margin-top: 55px; }
.next {text-align: right;width: 426px; margin-bottom: 10px; }
.link img {width: 134px; height: 121px;}
}
.col1{
.testimonials {
width: 340px;
margin: 0 0 0 46px;
h1 {text-indent: -3000px; background:url(images/titles/testimonials.png) top left no-repeat; width: 314px; height: 48px;padding-bottom: 10px; margin-bottom: 10px; border-bottom: 8px solid #c3c2ad}
}
}
.col2 {
.testimonials {
border-top: 8px solid #c3c2ad;
width: 320px;
margin: 58px 0 0 0px;
padding: 10px 0 0 0;
position: absolute;
}
height: 632px;
background: url("images/call.gif") no-repeat scroll -21px 551px transparent;
h1 {background:url(images/titles/home.png) top left no-repeat; width: 291px; height: 240px; }
ul {list-style:none }
li {background: url(images/bullet.png) 0 5px no-repeat;padding: 0 0 0 15px; }
img {margin-bottom: 10px; }
}
.col2.page-2{
h1 {background:url(images/titles/about.png) top left no-repeat; width: 292px; height: 66px; }
}
.col2.page-3{
h1 {background:url(images/titles/who.png) top left no-repeat; width: 290px; height: 138px; }
}
.col2.page-4{
h1 {background:url(images/titles/how.png) top left no-repeat; width: 322px; height: 50px; }
}
.col2.page-5{
h1 {background:url(images/titles/sustainability.png) top left no-repeat; width: 307px; height: 42px; }
}
.col2.page-6{
h1 {background:url(images/titles/conference.png) top left no-repeat; width: 381px; height: 36px; }
}
.col2.page-7{
h1 {background:url(images/titles/video.png) top left no-repeat; width: 291px; height: 118px; }
}
.col2.page-8{
h1 {background:url(images/titles/exhibitions.png) top left no-repeat; width: 303px; height: 55px; }
}
.col2.page-9{
h1 {background:url(images/titles/incentives.png) top left no-repeat; width: 303px; height: 58px; }
}
.col2.page-10{
h1 {background:url(images/titles/boutiq.png) top left no-repeat; width: 301px; height: 107px; }
}
.col2.page-11{
h1 {background:url(images/titles/contact.png) top left no-repeat; width: 292px; height: 66px; }
}
.col2.page-12{
h1 {background:url(images/titles/about.png) top left no-repeat; width: 292px; height: 66px; }
}
.col2.page-13{
h1 {background:url(images/titles/about.png) top left no-repeat; width: 292px; height: 66px; }
}
}
.footer {
a {display: block; float: left;}
.linkedin { margin: 0 0 0 10px; margin: 17px 65px 0 15px; }
.psa {padding: 25px 0 0 0}
.contact{
position: absolute;
top: 11px;
margin-left: 3px;
a {text-indent: -3000px}
.email{
background: url(images/email.png) top left no-repeat; width: 197px; height: 55px;
}
.email:hover{
background: url(images/email-hover.png) top left no-repeat;
}
.blog{
background: url(images/blog.png) top left no-repeat; width: 32px; height: 25px;
}
}
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}