@import "reset.css";

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

a { color:#ea9200; text-decoration:none; }
a:hover { text-decoration:underline; }

h1,h2,h3,h4,h5,h6 { font-size:15px; font-weight:bold; margin-bottom:25px; }
p { font-size:13px; line-height:19px; margin-bottom:1em; }
p small { font-size:0.750em; }

b,strong { font-weight:bold; }
i,em { font-style:italic; }

nav li { float:left; }

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background:#fff; }

#page { position:relative; margin:0 auto; width:960px; height:720px; overflow:hidden; }

#intro { position:absolute; top:0; left:0; z-index:101; width:960px; height:720px; overflow:hidden; }

#header { position:relative; height:140px; }
#logo { float:left; display:block; width:213px; height:76px; margin:15px 30px; background:url(../img/background/logo.png) no-repeat; text-indent:-9999px; }

#langnav, #topnav, #socialnav { float:right; }
#langnav, #topnav { margin:30px 18px; }
#langnav li:before, #topnav li:before { content:'\2022'; display:block; float:left; margin:0 5px; color:#000; }
#langnav li.first:before, #topnav li.first:before { content:''; display:none; }
#langnav li { font-weight:bold; color:#999; }
#langnav a, #topnav a { font-weight:bold; color:#000; }
#langnav li.active, #langnav a:hover, #langnav a.active, #topnav a:hover, #topnav a.active { color:#ea9200; text-decoration:none; }

#socialnav { margin:20px 35px 18px 18px; }
#socialnav .facebook, #socialnav .twitter { display:block; height:24px; background-repeat:no-repeat; text-indent:-9999px; }
#socialnav .facebook { background:url(../img/background/facebook.png); width:11px; margin-right:10px; }
#socialnav .twitter { background:url(../img/background/twitter.png); width:19px; }

#main { position:relative; height:580px; background-repeat:no-repeat; }


#nav { position:absolute; z-index:100; top:-38px; right:11px; }
#nav li { margin-right:17px; }
#nav a { display:block; width:80px; height:80px; font-weight:bold; line-height:80px; text-align:center; background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
#nav a:hover, #nav a.active { color:#fff; background:#ea9200; text-decoration:none; }
.ie8 #nav a { background:transparent url(../img/background/nav-a.png) no-repeat; border-radius:0; }
.ie8 #nav a:hover, .ie8 #nav a.active { background:transparent url(../img/background/nav-a-hover.png) no-repeat; border-radius:0; }

#content { position:relative; float:right; width:387px; height:304px; padding:80px 0 40px 20px; background:transparent url(../img/background/content-60.png) repeat; background:rgba(255,255,255,0.6) none; }
.style-1 #content { margin:180px 28px 0 0; padding:20px 0 20px 20px; width:447px; height:310px; background:transparent url(../img/background/content-75.png) repeat; background:rgba(255,255,255,0.75) none; }
.style-2 #content { height:192px; }
.style-3 #content { height:460px; }
#content ul { margin-bottom:1em; }
#content li { position:relative; margin-left:20px; font-size:14px; line-height:22px; margin-bottom:5px; }
#content li:before { content:''; position:absolute; top:6px; left:-20px; width:9px; height:9px; background:#b2000f; }
#content .csc-textpic li:before { display:none; }

/* Scrollbar */
.nano { height:300px; }
.style-1 #content .nano { height:310px; }
.style-2 #content .nano { height:192px; }
.style-3 #content .nano { height:460px; }
.nano .content { padding-right:20px; }
.nano .pane   { background: #fff; }
.nano .slider { background: #ea9200; }

/* Forms */
legend { display: none; }
input, textarea { font-family:Arial, Helvetica, sans-serif; border:0; outline:0; width:98%; padding:5px; font-size:13px; background:transparent url(../img/background/content-75.png) repeat; background:rgba(255,255,255,0.75) none; }
textarea { height:59px; }
label { display:block; font-size:13px; margin-bottom:5px; }
.powermail_mandatory { color:#ea9200; }
span.powermail_mandatory { margin-left:3px; }
input[type=submit], .powermail_submit { border:0; background:#ea9200; width:auto; color:#fff; padding:5px 15px 7px; }
.tx_powermail_pi1_fieldwrap_html { margin-bottom:10px; }
.tx_powermail_pi1_fieldwrap_html:last-child { margin-bottom:0; }
.tx_powermail_pi1_fieldwrap_html .csc-default p { line-height:17px; }
.error {
  background-color:#ea9200; border:1px solid #ea9200; font-size:1em; color:#fff;
  padding:0 5px 1px; margin:2px 0 0 -110px; z-index:10; text-align:left; height:auto;
  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
  -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; box-shadow:0 0 6px #ddd;
}
.error p { margin:0; padding:0; }
html:root .error em {
  display:block; width:0; height:0; border:6px solid; border-color:#ea9200 transparent transparent;
  position:absolute; bottom:-6px; left:5px; border-bottom:0 none;
}
.powermail_mandatory_js { color:#f00; margin:5px 0; }

/* EXT:CSS Styled Content */
.csc-textpic-imagewrap img { border:8px solid #fff; line-height:0; -moz-box-shadow:0px 0px 5px 0px #ccc; -webkit-box-shadow:0px 0px 5px 0px #ccc; box-shadow:0px 0px 5px 0px #ccc; }
.csc-textpic-caption { font-size:12px; line-height:16px; color:#999; margin:10px 0; }
.csc-textpic-above .csc-textpic-text { margin-top:30px; }

/* Individual Styling */
#c11 { background:#fff; padding:10px 0; }
#c11 .csc-textpic-center .csc-textpic-imagewrap { width:300px; }
#c11 li { margin-bottom:20px; }
#c11 .csc-textpic-imagewrap img { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

#c12 { padding:10px 0; }
#c12 .csc-textpic-center .csc-textpic-imagewrap { width:300px; }
#c12 li { margin-bottom:20px; }