html{margin:0;padding:0;height:100%;overflow-y:scroll;}
body{margin:0;padding:0;height:100%;font-size:14px;line-height:1.4;font-family:'Century Gothic',sans-serif;color:#fff;background:#231F20;}
#body-bg{display:none;position:fixed;top:0px;left:0px;width:100%;height:350px;background:url('../images/layout/body.png') no-repeat top center;z-index:-100000;}
#main{width:100%;min-height:100%;}
.udg-container {margin-left:1%;margin-right:1%;width:98%;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}
a{color:#FBA91D;text-decoration:none;}
a:hover{color:#FB661D;}
a img{border:none;}
a {outline:none;}
ul, ol{margin-left:20px;}
hr{display:block;clear:both;height:20px;border:none;background:url('../images/layout/hr.png') repeat-x center;}
.full-width{width:100%;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.small{font-size:11px;}
.very-small{font-size:9px;line-height:12px;}
.gray{color:#9C9C9C;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
h1,h2,h3{margin-bottom:20px;font-weight:normal;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}

/********************************************************************************************************************************** TOP BAR */
#top-bar{height:45px;background:url('../images/layout/top_bar.png');}
#top-bar-left{color:#9C9C9C;padding-top:7px;}
#top-bar-right{color:#9C9C9C;padding-top:6px;text-align:right;}
.social{display:inline-block;width:24px;height:24px;margin-left:5px;}
#fb{background-image:url('../images/layout/s_fb.png');}
#tw{background-image:url('../images/layout/s_tw.png');}
#in{background-image:url('../images/layout/s_in.png');}
#pi{background-image:url('../images/layout/s_pi.png');}

/********************************************************************************************************************************** HEADER */
#header{padding:30px 0;}

/********************************************************************************************************************************** LOGO */
.logo-wrap{position:relative;width:100%;}
.logo, .logo-hover{position:absolute;top:0px;left:0px;}
.logo-hover{display:none;}
.motto{position:absolute;top:160px;left:100px;font-size:16px;color:#D9D9D9;font-style:italic}
#logo-wrap-home{display:none;margin-top:30px;}

/********************************************************************************************************************************** MENU */
#menu{padding-top:30px;}
#menu a{display:inline-block;padding:5px 8px;margin-right:8px;font-size:16px;color:#fff;border-radius:8px;}
#menu a:hover, #menu a.selected{background-color:#FBA91D;}

/********************************************************************************************************************************** CONTENT */
#content{display:none;padding-bottom:40px;}
.uc{color:#484647;font-size:16px;}
.uc-big{color:#888888;font-size:26px;padding:30px 0 0 30px;}

/********************************************************************************************************************************** HUB */
#top-bar .udg-8{position:relative;}
#hub-wrap{position:absolute;top:45px;left:0px;display:block;z-index:1000;background:url('../images/layout/body.png') no-repeat center -45px #231F20;}
#hub-tab{display:none;position:absolute;top:0px;right:2%;height:20px;padding:20px 40px 10px 20px;text-align:left;border-radius:0 0 8px 8px;background-color:#333;background-position:right;background-repeat:no-repeat;color:#fff;cursor:pointer;}
#hub-tab.closed{background-image:url(../images/layout/hub_tab_closed.png);}
#hub-tab.open{background-image:url(../images/layout/hub_tab_open.png);}
#hub-wrap .color{font-weight:bold;color:#FBA91D;}
#hub-tab:hover{background-color:#FBA91D;}
#hub-tab:hover .color{color:#000;}
#hub-content{height:0px;min-width:941px;overflow:hidden;color:#fff;padding:0 1%;text-align:justify;}
#hub-wrap .color-a{color:#f1cc8d;}
#hub-wrap .color-b{color:#a6a6a6;font-style:italic;}
#hub-close{display:inline-block;width:50px;font-size:18px;color:#FBA91D;cursor:pointer;padding:10px 40px 0 0;background:url(../images/layout/hub_tab_open.png) no-repeat right;}
#hub-close:hover{color:#FB661D;}

/********************************************************************************************************************************** BIG ICONS */
#home-table{margin-top:40px;}
#home-table td{padding:4px 20px;text-align:center;}
.big-icon{height:150px;}
.big-icon img{opacity:0.3;}
.big-icon .subtitle{display:none;opacity:0;margin-top:-30px;font-size:18px;font-weight:bold;color:#888888;}

/********************************************************************************************************************************** FOOTER */
#clear-footer{height:210px;}
#footer{height:210px;margin-top:-210px;background:url('../images/layout/back.png') #484647 no-repeat top right;}
#footer-top{height:120px;padding:20px 0;}
#footer-bottom{height:9px;padding:20px 0;font-size:12px;color:#9B9B9B;/*background:url('../images/layout/top_bar.png');*/}
.padding td{padding:3px 5px;}
#footer-menu a{display:inline-block;margin:1px 0;padding:4px 12px;border-radius:8px 0 0 8px;border-right:3px solid #231F20;}
#footer-menu a:hover{/*background-color:#2D2D2D;*/color:#fff;}
#footer-menu a.selected{/*background-color:#2D2D2D;*/color:#fff;border-right:3px solid #fff;}

/********************************************************************************************************************************** TOOLTIP */
#tooltip h3{font-size:11px;}
#tooltip {border:none;padding:5px 12px;background:#FBA91D;color:#1E1C1D;border-radius:8px;}