@import url(global.css);

/* #[ FONT ]#################### */
.font { font-weight:normal; font-style:normal; line-height:100%; font-family:'BevanRegular', sans-serif; }
/* #[ CONSTRUCT ]#################### */
.tpl-width { width:800px; }
.pos-l #header, .pos-l #center, .pos-l #footer { margin:0 0 0 10px; }
.pos-c #header, .pos-c #center, .pos-c #footer, .pos-c #mask, .pos-c #bg { margin:0 auto; }
.pos-r #header, .pos-r #center, .pos-r #footer { margin:0 10px 0 auto; }
#tpl-header, #tpl-center, #tpl-footer, #tpl-mask { float:left; width:100%; z-index:2; }
#header, #center, #footer, #mask, #bg { position:relative; }
/* #[ BODY ]#################### */
body { font:12px/140% arial, verdana, tahoma; color:#fff; background:#000; }
a:hover { color:#000; }
/* #[ HEADER ]#################### */
#tpl-header { }
#header { }
#header ul.menu { }
#header ul.menu li { float:left; margin:0; }
#header ul.menu li a { width:auto; padding:20px 20px; display:block; color:#fff; font-weight:bold; text-decoration:none!important; }
#header ul.menu li a:hover, #header ul.menu li.current a { color:#000; }
#header ul.menu li.first { }

#header ul.menu ul { border:solid 1px #ccc; border-width:0 1px 1px 1px; top:100%; left:0; width:auto; }  
#header ul.menu ul ul { border-top-width:1px; top:0; left:100%;}
#header ul.menu li li {  margin:0; padding:0; border-top:solid 1px #ccc; border-bottom:0px;  background:none; width:100%; float:none; background:none;  }
#header ul.menu li li:first-child { border-top:0px;}
#header ul.menu li li a, #header ul.menu li.current li a{ display:block; float:none; line-height:20px; padding:4px 18px; margin:0; font-size:12px; font-weight:normal; height:auto; white-space:nowrap;  text-transform:none; -khtml-border-radius:0px; width:auto; font-family:Arial, Helvetica, sans-serif; background:none; }

#header ul.menu li:hover li:hover a, #header ul.menu li:hover li.current a,
#header ul.menu li:hover li:hover li:hover a, #header ul.menu li:hover li:hover li.current a,
#header ul.menu li:hover li:hover li:hover li:hover a, #header ul.menu li:hover li:hover li:hover li.current a,
#header ul.menu li:hover li:hover li:hover li:hover li:hover a, #header ul.menu li:hover li:hover li:hover li:hover li.current a  { background-color:#000; color:#FFF;   background-position:8px 12px;   }

#tpl-mask { border-bottom:10px solid #fff; }
#mask { position:relative;  min-height:400px; padding-bottom:16px; display:block; z-index:12; }
#bg { position:relative; z-index:11; }
.image { position:absolute; top:60px; right:30px; height:228px; width:392px; overflow:hidden }
.image img {max-width: 400px; min-height:228px;}
.noimg .image { display:none; }
a.name:link, a.name:visited { position:relative; top:0px; left:0px; width:360px; color:#000; font-size:40px; padding:60px 0 30px; display:block; text-align:left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

#mask ul.menu { width:320px;  }
#mask ul.menu li { margin:0 0 0 0px; }
#mask ul.menu li a { width:auto; padding:10px 10px;  display:block; background:#fff; background:rgba(255, 255, 255, 0.3); margin-top:1px; color:#000; font-weight:normal; text-decoration:none!important; }

#mask ul.menu li.first { }

#mask ul.menu ul { position:absolute; left:100%; top:0; background:none;}
#mask ul.menu ul li { border:solid 1px #59553a; border-width:0px 1px 1px 1px;}
#mask ul.menu ul li:first-child { border-top-width:1px;}
#mask ul.menu ul li a { width:auto; font-size:12px; border:0; margin:0; padding:4px 16px;  font-family:Arial, Helvetica, sans-serif;}

#mask ul.menu li:hover a, #mask ul.menu li.current a,
#mask ul.menu li li a,
#mask ul.menu li:hover li a, #mask ul.menu li.current li a, 
#mask ul.menu li:hover li:hover li a, #mask ul.menu li:hover li.current li a,
#mask ul.menu li:hover li:hover li:hover li a, #mask ul.menu li:hover li:hover li.current li a,
#mask ul.menu li:hover li:hover li:hover li:hover li a, #mask ul.menu li:hover li:hover li:hover li.current li a { color:#FFF; background-color:#000; background-color:rgba(0, 0, 0, 0.3); background-position:6px 10px;}

.noimg #mask ul.menu { width:auto; height:auto; }
/* #[ CENTER ]#################### */
#center { padding:40px 0; }
#col { color:#fff; }
#col #extra { }
.title { font-size:24px; padding:0 0 15px 0; margin-bottom:0px; }
.article { }
body.extra #col { float:right; width:200px; }
body.extra #content { margin-right:220px; width:auto }
/* #[ FOOTER ]#################### */
#footer { padding-top:5px; }
span.cr { color:#999; display:block; width:100%; text-align:center; }

#header ul.menu li li a.dropMenuArrow, #mask ul.menu ul li a.dropMenuArrow {  background-position:8px -33px; background-repeat:no-repeat; background-image:url(../img/subarrow.png);}
#mask ul.menu ul li a.dropMenuArrow { background-position:6px 10px;}
a.name:link, a.name:visited{ font-family : "BevanRegular",sans-serif; font-size : 40px;}span.cr { font-family : arial,verdana,tahoma; font-size : 12px;}
#MainNavigation { font-family : arial,verdana,tahoma; font-size : 12px;}
#SubNavigation { font-family : arial,verdana,tahoma; font-size : 12px;}