/* Getting the new tags to behave */
article, 
aside, 
audio, 
canvas, 
command,
datalist, 
details, 
embed, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, 
source, 
video {
  display: block;
}
mark, 
rp,
rt, 
ruby, 
summary, 
time {
  display: inline;
}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {
  width:100%;
  overflow:hidden;
}
.half {
  width:45%;
}
/* Global properties ======================================================== */
body {
  background: #16120F;
  border:0;
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#999999;
  line-height: 1.5em;
  background-color: #0;
}
.css3 {
  border-radius:8px;
  box-shadow:0 0 4px rgba(0, 0, 0, .4);
  position:relative
}
.cufon {
  font:  'Vegur', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menu a, 
.banner,
.button2,
#footer_logo,
.tel,
.pagination a,
.nav a {
  font-family: 'Vegur';
}
.pagination a {
  text-shadow: rgba(0, 0, 0, .1) 1px 1px;
}

.main {
  margin: 0 auto;
  width: 940px;
}

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

p {padding-bottom:22px}
strong {color:#dcd9cf}
img.hoverzoom:hover {
  transform: scale(1.5);
}

/* ============================= h1-6 ====================== */
/* style global for hx */
h1, h2, h3, h4, h5 {
  line-height: 1.2em;
  letter-spacing: -1px;
}
/* font size for hx from h4, by 1.25 multiply */
h1 {
  font-size: 2.44em;
  color: #ffc11e;
}
h2 {
  font-size: 1.95em;
  color: white;
}
h3 {
  font-size: 1.56em;
  color: white;
}
h4 {
  font-size: 1.25em;
  color: white;
}
h5 {
  font-size: 1.0em;
  color: white;
}

h2 strong, 
.box1 h2 strong {
  font-weight:700;
  display:inline-block;
  width:36px;
  color:#fff;
  text-align:center;
  background: #ffb919;
  margin-right:3px;
}
#page4 h4 {
  padding:25px 0 16px 0;
  margin-left:-3px;
}

/* ====== special hx colors ===== */
h2.color2 strong { background: #95c932; }
h2.color3 strong { background: #64D2A8; }
h4.color2 span { color: #9ecf39; }
h4.color3 span { color: #6cd6af; }
h4.color4 span { color: #9966FF; }

/* ============================= header ====================== */
div#top_logo a {
  display: block;
  float: left;
  background: url(/images/logo-pfs.png) 0 0 no-repeat;
  width: 146px;
  height: 83px;
  margin: 44px 0 0 35px;
}

.con_head {
  color: #dad6cc;
  font-weight: 300;
  font-size: 2.5em;
  line-height: 1.2em;
  letter-spacing: -1px;
  padding: 25px 0 16px 0;
  margin-left: -3px;
}
.con_head span {
  color:#ffc11e;
  font-weight: 400;
}

.img_head {
  color: #575652;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: -1px;
  padding-bottom: 12px;
}
.img_head strong {
  font-weight: 700;
  display: inline-block;
  width: 36px;
  text-align: center;
  margin-right: 3px;
}
.img_head strong.n1 { background: #ffb919; color: #ffffff; }
.img_head strong.n2 { background: #95c932; color: #ffffff; }
.img_head strong.n3 { background: #64d2a8; color: #ffffff; }

/* ================================ .dropmenu class ======================== */

.dropmenu {
  z-index: 10;
  padding: 80px 12px 20px 220px;
  text-align: center;
}
.dropmenu li {
  pointer-events: none;
  position: relative;
  display: block;
  float: left;
  vertical-align: middle;
  list-style: none;
  line-height: 100%;
  width: 8em;
}
.dropmenu span {
  pointer-events: auto;
  position: relative;
  display: block;
  padding: .4em;
  transition: background 0.1s;
  color: #dcd9cf;
}
.dropmenu span a {
  line-height: 100%;
  text-decoration: none;
  color: #dcd9cf;
}
.dropmenu span.pointer {
  cursor: pointer;
}
.dropmenu li ul {
  display: none;
}
.dropmenu li:hover ul {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  background: #5733FF;
}
.dropmenu li:hover ul li {
  position: relative;
  display: block;
  float: none;
}
.dropmenu > li:hover {
  z-index: 100;
}
.dropmenu > li:hover span {
  background: #5733FF;
}
.dropmenu li.submenu_active span {
  background: #5733FF;
}
.dropmenu li.menu_active span {
  background: #AA56FF;
}
.dropmenu > li span:hover {
  background: #8751FF;
}
.dropmenu li div {
  position: absolute;
}
.dropmenu span:active, .dropmenu span:focus {
  background: #FFB819;
}

/* ================================ #top_nav for icons ==================== */

#top_nav {
  float:right;
  padding:35px 50px 0 250px;
}
#top_nav li {
  float:left;
  padding: 0 8px 0 8px;
  margin: 4px 0 5px 0;
  border-right: 1px solid #2d2a28;
}
#top_nav .end {
  padding-right:0;
  margin-right:0;
  background:none;
  border: none;
}
#top_nav img{
  vertical-align:bottom;
}
.slider {
  position:relative;
  z-index:1;
  width:100%;
  height:465px;
  overflow:hidden;
  margin-bottom:10px
}

/* ================================ misc for MAIN PART ==================== */
.slider .items {display:none}
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:720px !important}
.pagination {position:absolute;left:0;top:0;z-index:3}
.pagination li {width:250px;height:155px}
.pagination a {
  display:block;
  position:relative;
  cursor:pointer;
  padding:25px 48px 0 20px;
  font-size:50px;
  line-height:55px;
  font-weight:400;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:-1px;
  height:130px;
}
.pagination a span {
  display:block;
  font-weight:300;
  font-size:24px;
  line-height:29px;
  letter-spacing:0;
}
#banner1 {background:url(/images/banner1.png) 0 0 no-repeat}
#banner1 a {background:url(/images/banner1_active.png) -250px 0 no-repeat}
#banner2 {background:url(/images/banner2.png) 0 0 no-repeat}
#banner2 a {background:url(/images/banner2_active.png) -250px 0 no-repeat}
#banner3 {background:url(/images/banner3.png) 0 0 no-repeat}
#banner3 a {background:url(/images/banner3_active.png) -250px 0 no-repeat}
.pagination #banner1:hover,
.pagination #banner1.current,
.pagination #banner2:hover,
.pagination #banner2.current,
.pagination #banner3:hover,
.pagination #banner3.current {
}
.banner {
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  margin:0 10px 10px 0;
}
.banner span {
  float:right;
  padding:0 32px;
  margin-bottom:5px;
  background:#000;
  font-size:40px;
  line-height:56px;
  height:56px;
  font-weight:400;
  color:#dad6cc;
  line-height:1.2em;
}
.banner em {font-style:normal;text-transform:uppercase}
.banner strong {
  float:right;
  padding:0 32px;
  background:#000;
  font-size:40px;
  line-height:56px;
  font-weight:300;
  color:#dad6cc;
}
/* ============================= content ====================== */
article#content {
  padding-top: 2px;
}
#content {
  clear: both;
  width:100%;
  overflow:hidden;
}
article.movie960 {
  width: 960px;
  margin-left: -10px;
}
.pad_left1 {padding-left:26px}
.pad_both1 {padding-left: 26px; padding-right: 26px; }
.pad_left2 {padding-left:36px}
.pad_both2 {padding-left: 36px; padding-right: 36px; }
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:4px}
.marg_right1 {margin-right:37px}
.box1 {
  background:url(/images/bg_box1.jpg) top center no-repeat #dad6cc;
  border-top:5px solid #cdc8bc;
  padding:15px 30px 29px;
}
.box1 strong {color:#3f3f3f}
.box1 figure {
  box-shadow:0 0 3px #a4a19a;
  position:relative;
}
.box2 {background:#0e0c0a;padding:25px 30px 32px}
.box2 .line1,
.box2 .line2 {background-image:url(/images/line_vert2.gif)}
#page4 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(/images/line_vert1.gif) 289px 0 repeat-y}
.line2 {background:url(/images/line_vert1.gif) 591px 0 repeat-y}
#page3 .line1 {background-position:282px 0}
.relative {position:relative}
.button1 {
  float:right;
  color:#dddad1;
  text-decoration:none;
  background:#16120F;
  line-height:18px;
  padding:0 9px;
  margin-top:2px;
}
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1}
.button1:hover {background:#ffb919;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#94c932;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#63d1a7;color:#fff}
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}
.quot {
  margin-top:17px;
  float:left;
  margin-left:94px;
  padding:12px 0 17px 41px;
  font-style:italic;
  background:url(/images/quot1.png) 0 0 no-repeat;
  width:570px;
}
.quot img {display:inline-block;margin:4px 0 0 9px}
#page2 .quot {padding-bottom:7px}
.list1 {margin-top:-2px;margin-bottom:-2px}
.list1 li {line-height:26px}
.list1 li a {
  color:#dcd8cf;
  padding-left:22px;
  background:url(/images/marker_1.gif) 0 3px no-repeat;
}
.list1 .color2 a {background-position:0 -23px}
.list1 .color3 a {background-position:0 -49px}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {padding:27px 0 27px 2px;overflow:hidden}
.tabs ul.nav li {float:left;padding-left:31px}
.tabs ul.nav li a {
  font-size:35px;
  color:#ddd9cf;
  font-weight:400;
  text-decoration:none;
  line-height:1.2em;
  letter-spacing:-1px;
}
.tabs ul.nav .selected a,
.tabs ul.nav a:hover {
  color:#ffc11e;
}
.tabs .tab-content {}
/*--- tabs end ---*/
.address {float:left;width:80px}
.img1 {
  position:absolute;
  right:0;
  top:-30px;
  width: 182px;
  height: 211px;
}
img.inst {
  margin-left: 10px;
}
/* ============================= footer ====================== */
footer {
  background: #16120F;
  padding: 40px 36px 44px
}
#footer_logo {
  float:left;
  font-size:46px;
  font-weight:300;
  text-transform:uppercase;
  color:#dedbd2;
  line-height:1.2em;
  text-decoration:none;
  letter-spacing:-3px;
  margin-left:-4px;
  width: 100%;
  text-align: center;
}
#footer_logo span {color:#ffc11e}
#icons {float:right;padding:20px 0 0 0}
#icons li {float:left;padding-left:4px}
footer nav,
footer a.footer_logo {
  float: center;
}
#footer_menu {
  float:left;
  padding:15px 0 18px 0;
  margin-left:-1px;
  width: 100%;
  text-align: center;
}
#footer_menu li {/* float:left; */
  display: inline-block;
  padding-right:29px;
  background: #16120f;
  margin-right:29px}
#footer_menu li a {
  display:block;
  color:#fff;
  text-decoration:none;
  line-height:20px;
}
#footer_menu li a:hover, #footer_menu .active a {color:#575652}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
#footer_text {
  /* padding-top:18px; */
  border-top:1px solid #0d0d0d;
  text-align:center
}
#footer_text a {color:#fff;text-decoration:none}
#footer_text a:hover {text-decoration:underline}

/* ========== IMAGE OVERRAY ========= */
div.cmpimg {position: relative; }
div.cmpimg img.overlay {position: absolute; }
table.fwtable td img {display: block; }

svg.fimg {
  background-color:#dad6cc;
  border-style: solid;
  border-color: #dad6cc;
  /* top right bottom left */
  border-width: 10px 20px 15px 20px;
}

.centerbox {
  text-align: center;
}
.longtext {
  padding-left: 5%;
  padding-right: 5%;
  color: white;
}
div.subhead {
  clear: both;
  padding-bottom: 1rem;
  padding-top: 0.4rem;
}
div.subhead h5 {
  color: #dcd9cf;
  display: inline;
  font-size: large;
  padding-bottom: 0.4rem;
}
h5 a {
  text-decoration: none;
  color: #dcd9cf;
}

/* ================================ .markdown class ====================== */

.markdown {
  clear: both;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 5%;
  margin-right: 5%;
  color: white;
}
.markdown h1, .markdown h2, .markdown h3,
.markdown h4, .markdown h5, .markdown h6 {
  float: none;
  margin-top: 1em;
}

.markdown h2.title{
  font-size: 2.0em;
  margin-left: -30px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.markdown a, .markdown strong {
  color: white;
}
.markdown ul, .markdown ol, .markdown li {
  margin: initial;
  padding: initial;
  list-style-position: inside;
}

.markdown ul {
  list-style-type: disc;
  padding-left: 40px;
}
.markdown ol {
  list-style-type: decimal;
}

.markdown li p {
  display: inline;
}

.markdown div p {
  margin: initial;
  padding: initial;
}

.markdown table {
  border: 1px solid;
  margin-left: auto;
  margin-right: auto;
}
.markdown table th, .markdown table td {
  border: 1px solid;
  vertical-align: middle;
  padding: .1em .5em;
}
.markdown table th{
  background-color: #e5ffcc;
  color: #808080;
}

.markdown .center {
  margin-right: auto;
  margin-left: auto;
}
.markdown sub {
 vertical-align: -1%;
 font-size: smaller;
}
.markdown sup {
 vertical-align: +30%;
 font-size: smaller;
}

.markdown blockquote {
  background: #404040;
  margin-left: 1.5em;
  border-left: 1em solid #606060;
}

.markdown code {
  white-space: pre-wrap;
}

.markdown table.noborder,
.markdown table.noborder th, .markdown table.noborder td {
  border: none;
}

.markdown .orange{color:#ffc11e}
.markdown .green {color:#9ecf39}
.markdown .blue {color:#6cd6af}
.markdown .purple {color:#9966FF}

.markdown span.empyellow {
  color: yellow;
  font-style: italic;
  font-weight: bold;
}
.markdown p.justify {
  text-align: justify;
}

.markdown td span.highlight {
  color: red;
  background-color: white;
  font-weight: bold;
}