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

 twin pics
 http://www.twin-pics.com

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



/* Basic Selectors
--------------------------------------------------------------------------------------- */

.wrapper{ width:932px; margin: 0 auto 40px; position:relative; overflow: hidden; }
* { margin:0; padding:0; }

body { background:url(../img/body-bg.jpg) top center repeat-x #FBFBFB; position:relative; }



/* Header
--------------------------------------------------------------------------------------- */

#header{ height: 70px}
#header .right{}

#subHeader{width: 910px; height: 160px; margin-left: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left;}
#subHeader-in{width: 910px;float: left; display: block; height: 160px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: url(../img/layout/header-gradient.png) no-repeat; text-align: right; position: relative; overflow: hidden}
#subHeader h1{ line-height: 15px; font-size:50px; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; color: #fff; padding: 70px 40px 0 0;}
#subHeader h2{ line-height: 35px; font-size:16px; font-weight: normal; text-transform: uppercase; color: #FFF; position: absolute; bottom: -20px; background: url(../img/layout/op50-b.png) repeat; width: 900px; text-align: left; left: 0; padding-left: 10px; display: none;}


/* Branding
--------------------------------------------------------------------------------------- */

#logo{margin: 20px 0 0 10px}


/* Navis
--------------------------------------------------------------------------------------- */

#nav-main{width: 920px; z-index: 10000; position: absolute; top:100px; left: 10px;}
#nav-main li{float: left; display: inline;}
#nav-main li a{font-family:Trebuchet, Arial; float: left; line-height: 25px; font-size: 1em; text-transform: uppercase; background:url(../img/nav-bg.jpg); padding: 0 10px; margin-right: 1px; color: #1c708a; border: 1px solid #daccb2; -moz-border-radius: 2px; -webkit-border-radius:2px}
#nav-main li a span{display:block;}
#nav-main li.current a span{color: #006E93}
#nav-main li a:hover{color: #000; text-decoration: none}

#nav-main li.current li a span{color: #fff; font-weight: normal}
#nav-main li li a:hover{color:#fff;text-decoration: none}

#nav-main li ul li{background-position: center; background-repeat: no-repeat; position: relative; display: block;}
#nav-main li ul li a{border:none; color: #ffffff; height: 80px;background:url(../img/layout/op50-b.png) repeat; bottom:0;display: block;width: 100%;padding: 0; position: relative;}
#nav-main li ul li a img{float: left; position: absolute; z-index: 10;}
#nav-main li ul li a span{position: absolute; bottom: 0; display: block; float: left; width: 100%; height:22px;z-index: 20;}
#nav-main li ul li a span{background: url(../img/layout/nav-label-bg.png) repeat; padding: 0 5px}

#nav-top{ background: #fff; height: 30px; position: absolute; top: 0; right: 0; z-index: 2000; padding: 0 0 0 10px; text-align: right; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-right-radius:6px; -webkit-border-bottom-left-radius: 6px}
#nav-top li{float: left; line-height: 28px; margin: 0 10px 0 0}
#nav-top li.last{border-right: none;}
#nav-top li a{float: left; font-size: 11px; margin-right: 5px; color: #b1a387; text-transform: uppercase;}
#nav-top #clang{float:right; margin-right:10px;}
#nav-top #clang a{margin: 5px 2px 0 0; border: 1px solid #000; padding: 1px; float: left}
#nav-top #clang a:hover, #nav-top #clang a.active{border: 1px solid #ccc;}


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

#content{ padding-top: 46px; -moz-border-radius: 8px; -webkit-border-radius:8px; background: #fff; border: 1px solid #ccc; min-height:344px; width: 930px; overflow: hidden;margin: 0; position: relative;}


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

#main-content{width: 910px; margin: 10px 0 10px 10px; clear: both; overflow: hidden}

.bg50{overflow: hidden}

.subbanner .col1{ width: 200px;}
.subbanner{ clear: both; background: #000; -moz-border-radius:0 0 6px 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius:6px; display: block;width: 910px; clear: both; margin: 10px 0 10px 10px; overflow: hidden; padding: 10px 0 5px}
.op50 img{opacity:0.5;filter:alpha(opacity=0.5);}
.container{ margin: 0 0 0 10px; position: relative}

#homeTeaser{position:absolute; top:0; width: 918px; height: 345px; display: block; position: relative}
#homeTeaser-bg{width: 910px; z-index:20; position:absolute; top:0; height: 335px; display: block; background: url(../img/layout/op50-b.png) repeat;display:none;}

#bar-bottom{position: absolute; bottom: 199px; left: 10px; z-index: 1000; width:910px}
#bar-bottom ul{margin-left: 20px;}
#bar-bottom .ui-tabs-panel{height: 72px;}

#bb-activator{display:none; position: absolute; left:0; height: 30px; bottom: 0; z-index: 1001; background: #fff; opacity:0.5; width: 100%;}


/* Sidebar
--------------------------------------------------------------------------------------- */

#sidebar{display: block;}
#main-content #sidebar li{display: block; border-bottom: 1px solid #ccc; margin: 0; padding: 0}
#sidebar ul{border-top: 1px solid #ccc;}
#sidebar li a{display: block; padding:8px 5px; color: #333}
#sidebar li.current a{ color:#000; font-weight: bold}
#sidebar li a:hover{text-decoration: none; background: #EDEDEF}

.inner{padding: 10px;}

.video{display: block; margin-bottom: 10px}



/* Buttons
--------------------------------------------------------------------------------------- */

.info-btns{}
.info-btns li{float: left;}
.info-btns a{background: #FFF; display:block; width: 184px; line-height: 22px; margin: 0 1px 1px 0; text-align: center; font-size: 11px; color: #282828}
.info-btns a:hover{background: #b2b2b2; color: #FFF; text-decoration: none}

.btn-ext{background: url(../img/btn-ext.png) right top no-repeat; height: 84px; width: 20px; display: block; text-indent: -9999px;}
.btn-ext:hover{background: url(../img/btn-ext.png) left top no-repeat;}

.btn-s{background: url(../img/btn-s.jpg) no-repeat left top; height: 20px; line-height: 20px; padding-left: 8px; float: left; }
.btn-s span{background: url(../img/btn-s.jpg) no-repeat right top; height: 20px; line-height: 20px; padding-right: 8px; float: left; }
.btn-s:hover{ text-decoration: none; background-position:left bottom;}
.btn-s:hover span{ text-decoration: none; background-position:right bottom;}



/* Images
--------------------------------------------------------------------------------------- */

.thumb{ display: block; margin: 0 9px 6px 0; padding: 1px; }
.thumb img{border: none;}

.getnews,
.getnews-fr,
.getnews-sp{background-repeat: no-repeat; width: 300px; height: 19px; margin: 1px 0 0; background-image: url(../img/layout/get_latest_news_en.png);}
.getnews-fr{ background-image: url(../img/layout/get_latest_news_fr.png);}
.getnews-sp{ background-image: url(../img/layout/get_latest_news_sp.png);}

#welcometext{float: left;width: 900px;height: 67px; text-indent: -9999px; background-repeat: no-repeat; background-position: center}

.sf-menu li ul li a{float: left; height: 80px; margin: 0 9px 9px 0; overflow: hidden; position: relative; width: 123px;}
.sf-menu ul li a{display: block;position: relative; color: #fff}
.sf-menu li ul li a img {height: 148px;left: -20px;position: relative;top: 0;width: 220px;float: left}
.sf-menu li ul li a.slide img {height: 106px;left: -35px;top: -10px;width: 160px;}
.sf-menu li ul li a.zoom-out img {height: 80px;left: 1px;top: 0;width: 123px;}
        
#gallery a{margin:0 7px 0 0;}  
#gallery a img{border:1px solid transparent;}
#gallery a:hover img{border:1px solid #EB6E08;} 



/* Forms
--------------------------------------------------------------------------------------- */

form{}
form.form-def{}
input{}
textarea{}

form.form-def label{float: left; text-align:right; line-height: 24px; width:130px; font-size:11px; text-transform: uppercase; display:none;}
form.form-def p{float:left; margin-bottom:5px}
form.form-def .btn{margin-left: 100px !important}
form.form-def span.formreq{float:left;margin-left:3px;}

.form-error{text-transform: none; color:#ff0000;}
.form-success{float:left; text-transform:none; width:100% !important; color: #eb6e08 !important;}

input.txt,
textarea.formtextfield,
.formselect{background:none; font-size:11px; padding:2px 3px 2px 3px; margin:0px; color:#7F796F; border:1px solid #4E4E4E;}
input.txt{height: 14px; width:259px}
textarea.formtextfield{width:375px;}
#doform43 .hasDatepicker{width:77px;}

.formselect{width:85px; margin-top:4px; padding:0;}
.formselect option{border-bottom:1px dotted #4e4e4e; padding:0 3px; height:14px;}


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

#footer{text-transform: uppercase; width:920px; overflow: hidden; position: relative; padding: 10px}
#footer p{float:left; margin: 0; font-size: .9em; color: #000;}
#footer ul{float:right;overflow: hidden;}
#footer ul li{float: left;}
#footer ul li a{color: #000; font-size: .9em;  margin-right: 10px; float:left}


/* Plugins
--------------------------------------------------------------------------------------- */



/*Slidepaner*/
#panel {display: none;position: absolute; top:0; left:100px; width: 750px; height: 440px; z-index: 2000000; background: #000; padding: 20px; }
#btn-close {display: block;position: absolute; top:0; right:-5px; width:20px; height: 20px; z-index: 2000000; background: #000; }
#noscript_msg{text-align:center;background-color:#FFFFCC;border:1px solid #FFCC35;color:#000;display:block;font-size:13px;font-weight:bold;padding:3px 15px 3px 10px;}

/* TAB PANEL */
.tab-panel{background:url(../img/layout/op75-b.png);display:block;padding: 10px 20px 0 20px}
#tabcontent {clear:left;height:100px;overflow:hidden}
.tab{position: relative; float: left; border-bottom-width: 0 !important; margin: 0 2px 0 0; padding: 0 10px; line-height: 25px; text-transform: uppercase; cursor:pointer; border: 1px solid #daccb2; -moz-border-radius: 2px 2px 0 0; -webkit-border-top-right-radius: 2px; -webkit-border-top-left-radius:2px; background:url(../img/nav-bg.jpg); color: #1c708a;}
.tab:hover{ text-decoration: underline; background: #fff}
.tab-panel {display:none;height:100px;overflow:hidden;padding:15px 10px 0;}

#tabButton1{margin-left: 10px}
.videothumb{width:90px;height:50px;background-position: center;background-repeat: no-repeat;display: block;float: left; text-align: center; padding-top: 10px}
.videothumb img{margin-top: 13px}

#bar-bottom ul.slider{width: 900px; margin-left: 5px; overflow: hidden}
#bar-bottom ul.slider li{float: left; margin: 0 5px 0 0}
#bar-bottom ul.slider li a{border: 1px solid #000; padding: 1px; height: 60px; display: block}
#bar-bottom ul.slider li a:hover{border: 1px solid #006E93; }



/* News
--------------------------------------------------------------------------------------- */

.three-col{display: block; overflow: hidden; height: 200px}
.three-col .col2{background: url(../img/layout/news-col-bg.jpg) repeat-y; height: 180px}
.three-col .col2 ul{margin: 0; padding: 0; list-style: none}
.three-col .col2 .inner{padding: 10px}
.three-col .col2 h2 a{color: #777}
.three-col .col2 h2{text-transform: uppercase; font-size: 11px; margin: 0 0 10px}
.three-col .col2 h4{font-size: 11px; text-transform: uppercase; color: #777; margin: 0; padding: 0; line-height: 1;}
.three-col .col2 .info{font-size: 10px; color: #777; margin: 0 0 6px; display: block}