/* CSS Document */
body {margin:0px; background:#000; font-family:open_sansregular; font-size:14px;}

h1,h2,h3,h4,h5,h6,p,ul,li,form,input,select {margin:0px; padding:0px;}

img {border: none;}

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

.clear {clear:both;}

#header {background:url(../images/top-bg.png) repeat-x; height:151px; width:100%; z-index:999999999; position:absolute;}
#header .left {float:left; width:320px; padding-top:30px;}
#header .right {float:right; width:auto; padding-top:30px;}
#header .logo {float:left; width:355px;}
#header ul li {list-style-type:none; float:left; color:#FFF; font-size:16px; font-family:Calibri, Arial, Verdana, Tahoma; text-transform:uppercase; padding:0px 22px 0px 0px}
#header a {color:#FFF; text-decoration:none;}
#header a:hover {color:#FBF801;}
#header ul li.none {padding-right:0px;}

#header p {text-align:right; font-size:17px; padding:0px; font-family:Calibri, Arial, Verdana, Tahoma; color:#FFF;}
#header p a.select {color:#FBF801;}

 

#background-slider {
  width: 100%;
  position: fixed;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  /* Flex Navigation
  /*********************************************************/

  /* Text to Slides
  /***********************************************************/

}
#background-slider.loaded {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
#background-slider .flex-direction-nav a {
  width: 35px;
  height: 90px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin: -20px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#background-slider .flex-direction-nav a.flex-prev {
  left: 0px;
  background: rgba(0, 0, 0, 0.2) url("../images/left.png") no-repeat center;
}
#background-slider .flex-direction-nav a.flex-next {
  right: 0px;
  background: rgba(0, 0, 0, 0.2) url("../images/right.png") no-repeat center;
}
#background-slider .slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
#background-slider section {
  visibility: hidden;
  width: 440px;
  height: auto;
  position: relative;
  left: 50%;
  margin-left: -225px;
  bottom: -45%;
  padding: 5px;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#background-slider section .section-content {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
}
#background-slider section .section-content .category {
  padding-top: 20px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-size: 19px;
  letter-spacing: 0.05em;
  margin-bottom: 5px; font-family:Calibri, Arial, Verdana, Tahoma;
}
#background-slider section .section-content .caption {
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Raleway';
  font-size: 28px;
  font-weight:bold; font-family:Calibri, Arial, Verdana, Tahoma;
}
#background-slider section .section-content .text {
  text-align: center;
  margin: 12px 20px 15px 20px;
  color: #333; font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
#background-slider section .section-content .href {
  padding-bottom: 20px;
  display: block;
  text-transform: uppercase;
  color: #222;
}
#background-slider section .section-content .href a {
  padding: 2px;
  color: #111111;
}
#background-slider section .section-content .href a:hover {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}


#footer {background-color:#000; padding:10px 0px 0px 0px; font-family:Calibri, Arial, Verdana, Tahoma; font-size:16px; font-weight:bold; color:#fff;  position: fixed;   bottom: 0; z-index:999999999; width:100%;}
#footer .left {float:left;}
#footer img {margin-right:10px;}
#footer .right {float:right;}
#footer ul li {list-style-type:none; float:left; color:#fff; font-size:16px; font-family:Calibri, Arial, Verdana, Tahoma; text-transform:uppercase; padding:0px 22px 0px 0px; font-weight:normal;}
#footer ul li a {color:#000; text-decoration:none;}
#footer ul li a:hover {color:#e0e0e0;}
#footer ul li.none {padding-right:0px;}
#footer .top {height:100px;}

#footer .copy {background:#000; text-align:center; font-size:14px; padding:10px; color:#333; width:100%; font-family:Calibri, Arial, Verdana, Tahoma;}



#footer-inner {padding:10px 0px 0px 0px; font-family:Calibri, Arial, Verdana, Tahoma; font-size:16px; font-weight:bold; color:#fff;  }
#footer-inner .left {float:left;}
#footer-inner img {margin-right:10px;}
#footer-inner .right {float:right;}
#footer-inner ul li {list-style-type:none; float:left; color:#fff; font-size:16px; font-family:Calibri, Arial, Verdana, Tahoma; text-transform:uppercase; padding:0px 22px 0px 0px; font-weight:normal;}
#footer-inner ul li a {color:#fff; text-decoration:none;}
#footer-inner ul li a:hover {color:#e0e0e0;}
#footer-inner ul li.none {padding-right:0px;}
#footer-inner .top {height:100px;}

#footer-inner .copy {background:#000; text-align:center; font-size:14px; padding:10px; color:#333; width:100%; font-family:Calibri, Arial, Verdana, Tahoma;}


#inner {background:url(../images/inner-bg.jpg) repeat-x top;}

#inner-header {width:1000px; margin:0px auto; font-family:Calibri, Arial, Verdana, Tahoma; font-size:16px; height:168px;}
#inner-header .logo {float:left;}
#inner-header .tab {width:260px;; text-transform:uppercase; color:#FFF; padding:30px 0px 0px 80px; float:left;}
#inner-header .tab a {color:#FFF; text-decoration:none;}
#inner-header a:hover {color:#FBF801!important;}
#inner-header .notifyContainer {background-color:#000;}
#inner-header .message {display: inline; width:auto; padding:0px 0px 20px 32px; float:left; margin-top:10px; color:#FFF;}
#inner-header .message a {color:#FFF; text-decoration:none;}
#inner-header .name {float:right; background:url(../images/arrow.gif) no-repeat bottom right; padding-top:29px; font-size:17px;}
#inner-header .name img {float:left; margin-right:5px; border:1px solid #d5d5d5; width:23px; height:20px;}
#inner-header .name a {color:#74c2fd; text-decoration:none; display:block; padding-right:20px;}

 


#search {float:right; width:335px; background:#000; border-radius:5px 0px 5px 5px; margin-top:-2px; z-index:9999999999;}
#search input {width:250px; padding:1px; margin-left:5px; margin-top:5px; float:left; border:none; background:#fff; font-family:Calibri, Arial, Verdana, Tahoma;  font-size:15px; text-transform:uppercase; color:#959595; z-index:99999999999;}
#search input.search {background:url(../images/search.jpg) no-repeat; width:71px; height:30px; cursor:pointer; float:right; text-indent:-9999px; z-index:99999999999;}

.profile-left {width:298px; float:left;}

.profile-left .img {background:url(../images/img-bg.gif) no-repeat; padding:14px 15px;}
.profile-left .img .online {position:absolute; background:url(../images/online.png) no-repeat; z-index:9999; width:51px; height:22px; text-align:center; color:#FFF; line-height:22px;}
.profile-left .img .change {position:absolute; background:url(../images/change.png) repeat-x; text-align:center; color:#FFF; width:268px; margin-top:205px; z-index:999; font-size:14px; line-height:30px;}
.profile-left .img .change a {display:block; height:33px; color:#FFF; text-decoration:none;}

.profile-right {width:475px; float:left; padding-left:20px;}

.profile-banner {float:right; width:160px; padding-top:10px;}
.left-banner {float:left; width:160px; padding-top:10px;}

.box-left {background:#f1f9ff; margin:10px 10px 0px 10px; padding:10px; font-weight:bold; font-size:13px; color:#6e6e6e;}
.box-left h2 {font-size:20px; color:#232323; font-weight:normal; padding-bottom:5px;}
.box-left strong {display:block; color:#111;}
.box-left p {padding-bottom:10px;}
.box-left img {float:left; margin:5px 3px; padding:1px; border:1px solid #d1d1d1; background:#FFF;}
.box-left img:hover {border:1px solid #178ce5; cursor:pointer;}

#post {background:#1d8be0; padding:10px; margin-top:12px;}
#post textarea {width:98.4%; height:50px; border:none; overflow:hidden; padding:5px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#post .select {float:left; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:4px 2px; float:left;}
#post .post {float:right; background:#000; font-family:Calibri, Arial, Verdana, Tahoma; font-size:16px; text-transform:uppercase; color:#FFF; border:none; cursor:pointer; padding:3px 15px;}


#post-comment {padding-top:10px; width: 470px;}
#post-comment .panel {border-bottom:1px solid #ebebeb; padding:3px 3px 10px 0px;}
#post-comment .panel2 {border-bottom:1px solid #ebebeb; padding:3px; background:#f8f8f8; margin-bottom:10px;}
#post-comment .img {float:left; width:54px;}
#post-comment .left {float:left; padding:0px 10px; width:470px;}
#post-comment .del {width:13px; float:right;}
#post-comment a {color:#1d418d; text-decoration:none;}
#post-comment a:hover {color:#FBF801;}


#menu-drop {padding:0px; margin-left:0px; width:665px; list-style:none; z-index:99999999; position:absolute; background-color: #000;}
#menu-drop li { list-style-type:none; float:left;}
#menu-drop li a {text-decoration:none; font-weight: bold; display:block; padding:5px 18px; color:#fff;}
#menu-drop li a:hover {color:#1d8be4!important;}

#menu-drop table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

#menu-drop li a:hover {z-index:200; position:relative; color:#1d8be4; z-index:99999999;}
#menu-drop li:hover {position:relative; z-index:200;}
#menu-drop li:hover > a {color:#1d8be4;}
#menu-drop :hover ul {left:-8px; top:25px; width:100px;}

/* keep the 'next' level invisible by placing it off screen. */
#menu-drop ul, 
#menu-drop :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0px 0px 0px 20px; padding:0; list-style:none;}
#menu-drop :hover ul li {margin:0; border-bottom:1px solid #a6d0f2; text-align:left; background:none!important; padding:0px!important;}
#menu-drop :hover ul li a {width:150px; padding:5px; background:#000; color:#fff;  line-height:25px; text-align:left; border:none;}
#menu-drop :hover ul :hover {color:#1d8be4!important;}

 
.arrowlistmenu .menuheader {cursor: pointer;}
 
 
#content {width:640px; padding:0px 20px; float:left;}
#content h2 {font-size:24px; padding-bottom:10px;}
#content h3 {font-size:20px; padding-bottom:10px;}
#content p {padding-bottom:12px; line-height:22px; text-align:justify;}



/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:right;
    background:; padding-top:29px; font-size:17px; 
    position:relative;
    z-index:30;
    cursor:pointer;
}

#loginButton img {float:left; margin-right:5px; border:1px solid #d5d5d5; width:23px; height:20px;}
#loginButton a {color:#74c2fd; text-decoration:none; display:block; padding-right:20px;}

/* Login Button Text */
#loginButton span {
    color:#fff; 
    font-size:14px; 
    font-weight:bold; 
   padding:7px 29px 9px 10px;
    background:url(../images/arrow.gif) no-repeat bottom 3px right;
    display:block
}

 

/* Login Box */
#loginBox {position:absolute;  top:55px; display:none;  z-index:29; color:#FFF; font-size:14px; padding:5px 0px 0px 10px;}
#loginBox ul li {list-style-type:none; background:#141414; line-height:22px; display:block; width:100%; width:130px;  border-bottom:1px solid #333;}
#loginBox ul li a {color:#FFF; text-decoration:none; display:block; padding:1px 10px;}
#loginBox ul li a:hover {background:#1b1b1b;}