body {
  background:   #f1f1f3;
  font-family:   "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:     13px;
  line-height:   18px;
  color:       #323232;
}

/*---------------------------------------------------------------------------*/

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

/*---------------------------------------------------------------------------*/

h1, h2, h3 {
  font-size: 28px;
  line-height: 30px;
  color: #040813;
  padding: 45px 0 3px;
  //text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif;
}

.item-page h2 {padding-bottom: 20px;}

h4 {}

h5 {
  font-size: 20px;
  line-height: 24px;
  color: #1a1d2c;
  font-weight: normal;
}

strong {color: #040813;}
/*---------------------------------------------------------------------------*/

.wrapper {width: 100%; overflow: hidden;}

p {padding-top: 18px;}

li {list-style: none;}

a {color: #fd1851; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
a:link, a:visited {}
a:hover, a:active, a:focus {}

input, textarea {
  outline: none;
  border: 1px solid #11151f;
  background: #040813;
  color: white;
  padding: 10px 9px;
  margin: 0 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

img {border: none; display: block;}
.img-indent {
  float: left;
  margin-right: 19px;
  padding-top: 6px;
}

.img-bot {margin-bottom: 21px;}

.moduletablewhy {overflow: hidden;}

.overflow {overflow: hidden;}

/* ##########################  blog   ########################### */

.item-page {
  padding: 0px 0px 0px 0px;
  display:  block;
  overflow:  hidden
}


/* ##########################  search   ########################### */

.searchintro img {border:0px;}
/*.inputbox:focus {border:solid 1px #000;}*/
.word {}

fieldset.word {width: 100%; overflow: hidden;}
fieldset.word label {font-weight:bold; float: left; line-height: 28px;}
fieldset.word input {
  background: #fff;
    border: 1px solid #C0BEB9;
    color: #6F6F6F;
    font-size: 12px;
    line-height: 14px;
    padding: 6px 7px 5px;
    width: 160px;
  margin: 0px 5px;
   float: left;
}
fieldset.word .button {float: left;}

.searchintro {
  font-weight:normal;
  margin:20px 0 20px;
}

#searchForm {padding: 20px 0 0;}

#searchForm .button {margin: 0}

.form-limit {
  margin: 20px 0;
  text-align: right;
  padding: 0 10px 0 20px;
}

.highlight {font-weight:bold;}

.ordering-box {
  /*width:40%;*/
  float:right;
}

.phrases-box {
  width:60%;
  float:left;
  padding-top: 4px;
}
.phrases-box input, .only input {position: relative; top: 1px; border: none; background: none;}
.only, .phrases {
  margin:10px 0px 15px 0px;
  padding:15px ;
  line-height:1.3em;
  border:solid 1px #333230;
}

label.ordering {
  display:block;
  margin:10px 0 10px 0
}
fieldset.only label,
fieldset.phrases label {margin:0 10px 0 0px;}
.ordering-box label.ordering {
  margin:0 10px 0px 0;
  float:left;
  line-height: 25px;
}
form .search label {display:none;}
.search legend {font-weight:bold}

.form-limit {
  float: right;
}
p.counter {float: left;}

/* ++++++++++++++  login  ++++++++++++++ */
.login {padding: 30px 0;}

#login-form {}
#login-form fieldset {padding:0px;}

#form-login-username {padding: 0;}

#login-form label {
  margin-right:10px;
  display:block;
  float:left;
}

#form-login-username label, #form-login-password label {
  margin:0px;
  display:block;
  float:none;
}

#login-form .inputbox {  
  background: #fff;
    border: 1px solid #C0BEB9;
    color: #6F6F6F;
    line-height: px;
    padding: 6px 7px 5px;
    width: 160px;
}
#login-form #modlgn-remember {
  width: auto;
  position: relative;
  top: 2px;
  *top: 0px;
  border: none;
  background: none;
  padding: 0;
  line-height: 0;
  border-radius: 0px;
}
#form-login-remember label {width:auto;}
#login-form .button {margin-top: 20px;}
.login-greeting {padding: 10px 0 0;}

#login-form ul {padding: 20px 0px 36px;}
#login-form ul li:first-child {border: none;}
#login-form ul li {
  font-size: 12px;
  line-height: 24px;
  border-top: 0px solid #c6c6c6;
}
#login-form ul li a {color: #3f3f3f; text-decoration: none;}

#login-form ul li a:hover {color: #FD003F;}

#user-registration {padding-bottom: 30px; min-height: 280px;}
#user-registration fieldset {padding: 20px 0;}

.contact .inputbox,
.registration input,
.profile-edit input,
.login-fields input,
.remind input,
.reset input {
  background: #fff;
    border: 1px solid #C0BEB9;
    color: #6F6F6F;
    line-height: 14px;
    padding: 6px 7px 5px;
    width: 188px;
}
#user-registration #jform_email-lbl {line-height: 28px;}
#user-registration .validate {margin: 0;}

#member-registration > div {
  line-height: 28px;
}
#member-registration > div .validate {float: left; margin: 5px 10px 0 0;}
#member-registration > div a, #member-profile > div a, .profile a {  
    font-size:     18px;
  line-height:   1.2307em;
  color:       #000;
  background:   url(../images/template/button.png) no-repeat left center;
  display:     inline-block;
  text-decoration:none;
  font-family:  'Ubuntu', sans-serif;
  padding:     0px 0px 5px 23px;
  margin:     6px 0 0 8px;
}
#member-registration > div a:hover, #member-profile > div a:hover, #member-profile .validate:hover, .profile a:hover {text-decoration: underline;}

/* ++++++++++++++  who`s online  ++++++++++++++ */

.moduletableonline p {padding: 0px 0px 36px 0px;}
ul.whosonlineonline {margin: 0 0 36px 40px;}
ul.whosonlineonline li {
  list-style: decimal; 
  font-weight: bold;
}

/* ++++++++++++++   search results  ++++++++++++++++++ */

dl.search-results dd {padding:2px 15px 2px 5px;}
dl.search-results dd.result-text {
  padding:10px 15px 10px 5px; 
  line-height:1.7em;
}
dl.search-results dt.result-title {
  padding:15px 15px 0px 5px;
  border-top: solid 1px #333230;
}
dl.search-results dt.result-title a {
  font-size: 18px;
  color: #777676;
  text-transform:capitalize;
}
dl.search-results dt.result-title a:hover {}
dl.search-results dd.result-created {
  padding:2px 15px 15px 5px; 
  font-style: italic;
}
dl.search-results dd.result-category {padding:10px 15px 5px 5px;}

.pagination ul {
  width: 100%;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
}
.pagination ul li {float: left; padding: 0 8px;}
.pagination ul li a {text-decoration: underline; color: #3f3f3f;}
.pagination ul li a:hover {text-decoration: none;}

/* ++++++++++++++  readmore  ++++++++++++++ */

.login .button, #login-form .button {margin-left: 0;}

.logout .button {margin: 0px 0 40px 0px;}

input.button, button.button, button.validate {
    margin:     0px 0 0;  
  padding:     0px 0px 5px 23px;
  font-size:     18px;
  line-height:   1.2307em;
  color:       #000;
  background:   url(../images/template/button.png) no-repeat left center;
  border:     none;
  display:     inline-block;
  text-align:    center;
  text-decoration:none;
  font-family:  'Ubuntu', sans-serif;
  text-align:   left;
}

input.button:hover, button.button:hover, button.validate:hover {text-decoration: underline;}

p.readmore {padding: 15px 0px 0px;}

.readmore a:link, .readmore a:visited, a.readmore:link, a.readmore:visited {
  font-size:     18px;
  line-height:   1.2307em;
  color:       #000;
  background:   url(../images/template/button.png) no-repeat left center;
  display:     inline-block;
  text-decoration:none;
  font-family:  'Ubuntu', sans-serif;
  padding:     0px 0px 5px 23px;
  text-shadow: 1px 0 #535353;
    
}
.readmore a:hover, .readmore a:active, .readmore a:focus, a.readmore a:hover, a.readmore a:active, a.readmore a:focus {text-decoration: underline;}
a.readmore:hover, a.readmore:active, a.readmore:focus {text-decoration: underline;}

.logout-button {padding-bottom: 36px;}

/*===============================================================*/

ul.actions {padding: 10px 0;}
#content ul.actions li a img {background: none; padding: 0; box-shadow: 0 0 0px #B1AEA5;}

/*================================================= Container ================================================*/

.top-a {background: #6b6b6b;}
.top-a div {
  background: #191919;
  height: 18px;
  margin: 0 auto;
  width: 976px;
  position: relative;
  z-index: 999;
}

.extra {
  margin: 0 auto;
  width: 976px;
  background: #dadadc;
  box-shadow: 0 0 4px #dadadc;
  -moz-box-shadow: 0 0 4px #dadadc;
  -webkit-box-shadow: 0 0 4px #dadadc;
}

.container {
  background: #fff;
  margin: 0 auto;
  width: 940px;
  padding: 0 18px;
  border-bottom: 12px solid #f9f9fa;
}

/*================================================= HEADER ================================================*/

#header {
  position:  relative;
  z-index:   2;  
}

#content {
  position:     relative;
  z-index:     1;
  padding:     0 0 43px 0;  
}

#sidebar {
  float: left;
  width: 310px;
  padding: 0 0px 0px 0;
  margin: 0 37px 0px 0px;
}
#sidebar-1 {
  float: right;
  width: 270px;
  padding: 0 0 0px 24px;
  margin: 0 0 0px 20px;
}
#sidebar-2 {
  float: right;
  width: 379px;
  padding: 0 0 0px 24px;
  margin: 0 0 0px 20px;
}

.blog {overflow: hidden; padding-bottom: 12px;}
/*---------------------------------------------------------------------------*/

.logoheader {
  color: #fff;
  padding: 50px 0px 22px 0px;
  overflow: hidden;
}

#logo {
  float: left;
  padding: 0px 0px 0px 1px;
}
#logo img {
  display: block; 
  border: none;
}

.customtwitter {
  float: right;
  padding: 3px 13px 0 0;
}

/*---------------------------------------------------------------------------*/

#header .navigation {
  height: 65px;
  position: relative;
  z-index: 2;
  border: 1px solid #f2f2f2;
  margin-bottom: 7px;
}

/*---------------------------------------------------------------------------*/

form .search {
    position: absolute;
  top: 37px;
  right: 0px;
  height: 28px;
    margin: 0;
    padding: 0;
    width: 230px;
  overflow: hidden;
}
form .search label {}
form .search .inputbox {
  background: #fdfdfd;
    border: 1px solid #cecece;
    color: #6F6F6F;
    font-size: 12px;
    line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
    padding: 3px 7px 3px;
    width: 161px;
  height: 20px;
  float: left;
}

form .search .button {
  height: 28px;
    width: 56px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0px solid #62605b;
  padding: 0;
}
form .search .button:hover {}

/*---------------------------------------------------------------------------*/

.customslider {padding-bottom: 19px;}

/*---------------------------------------------------------------------------*/

ul.menuheader {
  float: right;
  width: auto;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  padding: 29px 1px 0 0;
}
ul.menuheader li {
  float: left;
  margin-left: 16px;
  line-height: 32px;
}
ul.menuheader li a {
  color: #040813;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
ul.menuheader li a:hover {
  text-decoration: underline;
  color: #fd003f;
}
ul.menuheader li.item-594 {
}
ul.menuheader li.item-594 a {
  text-indent: -9999px;
  background: url(../images/template/rss.png) no-repeat 0px 0px;
  width: 36px;
  height: 36px;
  display: block;
}

/*---------------------------------------------------------------------------*/

.box-list {
  width: 100%; 
  overflow: hidden; 
  padding-bottom: 7px;
}
.box-list li:first-child {
  margin-left: 0; 
  width: 212px;
}
.box-list li {
  color: #c4c4c4;
  border-top: 1px solid #37393b;
  border-bottom: 1px solid #37393b;
  padding: 0 10px 56px;
  float: left;
  width: 213px;
  margin-left: 3px;
  background: url(../images/template/bg-box.jpg) repeat 0px 0px;
}
.box-list li h3 {
  color: white;
  padding: 21px 0 4px;
  font-size: 30px;
  line-height: 1.2307em;
}
.box-list li:hover {
  background: #fd003f;
  border-top: 1px solid #fd003f;
  border-bottom: 1px solid #fd003f;
  color: white;
}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

div.policy {width: 860px;}
div.policy strong {color: #323232;}
div.policy a {display: inline-block; margin-top: 18px;}

/*================================================= FOOTER ================================================*/

#footer div.maximenuCKH ul.maximenuCK li div.floatCK {display: none;}
#footer div.maximenuCKH {padding: 0px 0 0px 0px;}
#footer div.maximenuCKH ul.maximenuCK {width: 100%; overflow: hidden;}
#footer div.maximenuCKH ul.maximenuCK li.maximenuCK:first-child {
  background: none; padding-left: 0;
}
#footer div.maximenuCKH ul.maximenuCK li.maximenuCK {
  padding: 0 0 0 8px;
  background: url(../images/template/separator.gif) no-repeat 0px 6px;
}
#footer div.maximenuCKH ul.maximenuCK li.maximenuCK a {  
  font-size: 13px;
  line-height: 20px;
  color: #414141;
  text-decoration: none;
  margin-right: 7px;
}
#footer div.maximenuCKH ul.maximenuCK li.maximenuCK a:hover span, #footer div.maximenuCKH ul.maximenuCK li.maximenuCK.active a span {text-decoration: underline;}

#footer {
  padding: 0px 0 0px;
  font-size: 13px;
  line-height: 20px;
  color: #414141;
  min-height: 250px;
}

#footer .col-left {
  float: left;
  width: 510px;
  padding: 0px 0 0px 0px;
}
  #footer .col-left .moduletable:first-child {margin-right: 86px;}
  #footer .col-left .moduletable {
    float: left;
    margin-right: 80px;
  }
#footer .col-right {
  float: right;
  width: 420px;
  padding: 36px 0 27px 0px;
}

#footer h3 {
  color: #040813;
    font-family: 'Ubuntu',sans-serif;
    font-size: 21px;
    line-height: 24px;
    padding: 36px 0 14px;
    text-transform: none;
  font-weight: normal;
}

ul.menufooter {padding-left: 1px;}
ul.menufooter li {
  font-size: 13px;
  line-height: 28px;
  background: url(../images/template/marker.gif) no-repeat 0px 11px;
  padding-left: 12px;
}
ul.menufooter li a {color: #6e6e6e;}
ul.menufooter li a:hover {}

span.policy {
  display: block;
  padding-top: 0px;
}
span.policy a {color: #414141; text-decoration: underline;}
span.policy a:hover {text-decoration: none;}

.contact-phone {
  text-align: right;
  background: url(../images/template/phone.png) no-repeat right 9px;
  padding-right: 48px;
  margin: 12px 0 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 30px;
  line-height: 1.2307em;
  color: #040813;
}
  .contact-phone span {
    display: block;
    font-size: 21px;
    line-height: 1.2037em;
    color: #424242;
    padding-right: 7px;
    margin-bottom: -7px;
  }

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/*================================================= LISTS ================================================*/
/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/*================================================= Subpages ================================================*/
/*------------------------------------------- home ----------------------------------------*/

.moduletableservices {
  float: right;
  width: 220px;
  margin-left: 20px;
}

/*---------------------------------------------------------------------------*/

ul.menuservices {padding: 13px 0 0;}
ul.menuservices li {
  font-size: 14px;
  line-height: 30px;
  background: url(../images/template/marker1.png) no-repeat 0px 6px;
  padding-left: 31px;
}
ul.menuservices li a {
  color: #040813;
  font-style: italic;
}
ul.menuservices li a:hover {}

/*---------------------------------------------------------------------------*/

.blog .img-indent {float: none;}
.blog img {padding: 23px 0 24px 0;}

/*---------------------------------------------------------------------------*/

.moduletablenews {
  float: right;
  width: 220px;
  margin-left: 100px;
}
.moduletablenews span.news .item {
  width: 100%; 
  overflow: hidden;
  padding: 22px 0 0;
}
.moduletablenews span.news .item .date {
  float: left;
  background: url(../images/template/date.png) no-repeat 0px 0px;
  width: 52px;
  height: 52px;
  margin-right: 15px;
  color: white;
  text-align: center;
  font-size: 24px;
  line-height: 59px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.moduletablenews span.news .item h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    text-transform: none;
  padding: 0;
  font-weight: normal;
}
.moduletablenews span.news .item h2 a {color: #323232; text-decoration: underline;}
  .moduletablenews span.news .item h2 a:hover {text-decoration: none;}

/*----------------------------------------- Company ---------------------------------------*/

.company .col-l {width: 47%; float: left;}
.company .col-r {width: 49%; float: right;}

ul.team {padding: 7px 0 0 3px;}
ul.team li {width: 100%; overflow: hidden; padding: 17px 0 0;}
ul.team li img {float: left; margin-right: 24px;}
ul.team li a {
  font-weight: bold;
  color: #323232;
  text-decoration: underline;
}
ul.team li a:hover {text-decoration: none;}

/*--- kwicks begin ---*/

.kwicks {
  /* recommended styles for kwicks ul container */
  list-style: none;
  position: relative;
  margin: 0;
  padding: 40px 0 0;
  overflow:hidden;
  width:940px;
  height:265px;
}
.kwicks li{
  /* these are required, but the values are up to you (must be pixel) */
  width: 155px;
  height: 265px;
  font-size: 13px;
  line-height:18px;
  color:#fff;
  background:#000;
  /*do not change these */
  display: block;
  overflow: hidden;
  padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
  cursor:pointer;
  position:relative;

}
.kwicks li span {
  position:absolute; 
  bottom:0px;
  right:3px; 
  font-size:70px; 
  line-height: 1.2em; 
  color:#040813; 
  font-weight:bold; 
  z-index:500;
  opacity: 0.48;
  *color:#87898e; 
}


.kwicks .padding {padding: 3px 3px;}
*+html .kwicks .padding {padding:3px 5px 3px 0px; }
.kwicks .col-1 {width:307px; padding: 22px 2px 10px 26px;}


.kwicks li.active {
  background:#fd003f;  
}

.kwicks li.active span {
  top:14px; 
  left:29px; 
  font-size:66px; 
  color:#fff;
  opacity: 0.8;
}


.kwicks.horizontal li {
  /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
  margin-right: 0px; /*Set to same as spacing option. */
  float: left;
}


.kwicks .img-indent-right {float:right; margin:0 0px 0px 5px; z-index:400;}
.kwicks .col-1 {float:left;}
.kwicks .extra-box {overflow:hidden;}

.kwicks .indent-bot {margin-bottom:20px;}
.kwicks .color-2 {color:#040813;}
.kwicks .img-indent-r {float:left; margin:0 0px 0px 53px;}
.kwicks .p2 {margin-bottom:15px;}

/*---------------------------------------------------------------------------*/

/* -- gallery  begin --*/
 div.content {
  /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
  background: #1e0711;
  display: none;
  width: 596px;
  height: 623px;
  margin:  24px 45px 0 0px;
  padding: 0px;
  float: left;
  overflow: hidden;
}
 div.content img {
  position: relative;
  z-index: 2;
}
 div.content a, div.navigation a {
  text-decoration: none;
  color: #777;
}
 div.content a:focus, div.content a:hover, div.content a:active {
  text-decoration: underline;
}
 div.controls {
}
 div.controls a {
  padding: 0px;
}
 div.ss-controls {
  float: left;
  display:none;
}
 div.nav-controls {
  position:absolute;
  left:0px;
  width:596px;
  bottom:0px;
  z-index: 1;
}
 div.nav-controls a.prev {
  background:url(../images/prev.gif) no-repeat 0 0;
  width:39px;
  height:39px;
  text-indent:-5000px;
  position:absolute;
  bottom:2px;
  left:0;
  z-index:11;
}
 div.nav-controls a.prev:hover {
  background:url(../images/prev-h.gif) no-repeat 0 0;
}
 div.nav-controls a.next {
  background:url(../images/next.gif) no-repeat 0 0;
  width:39px;
  height:39px;
  text-indent:-5000px;
  position:absolute;
  bottom:2px;
  right:0;
  z-index:11;
}
 div.nav-controls a.next:hover {
  background:url(../images/next-h.gif) no-repeat 0 0;
}
 div.slideshow-container {
  position: relative;
  height: 623px; /* This should be set to be at least the height of the largest image in the slideshow */
  z-index:1;
  
}
 div.loader {
  position: absolute;
  top: 0;
  left: 0;
  background-image:url(images/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  width: 592px;
  height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
}
 div.slideshow {
}
 div.slideshow span.image-wrapper {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: 592px;
  height: 470px;
}
 div.slideshow a.advance-link {
  display: block;
  width: 592px;
  height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
  padding: 0;
  margin: 0;
}
 div.slideshow a.advance-link img {
  padding:0;
  margin:0;
  display:block;
  position:absolute;
  bottom:1px;
  left:1px;
}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
  text-decoration: none;
}
 div.slideshow img {
}
 div.download {
  float: right;
}
 div.caption-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 596px;
  height: 151px;
}
 span.image-caption {
  display: block;
  position: absolute;
  width: 596px;
  height: 151px;
  top: 0;
  left: 0;
  z-index:10;
}
 div.caption {
  width: 536px;
  height: 130px;
  padding: 24px 30px 0 30px;
  line-height: 18px;
  font-size: 13px;
  color: #fff;
}
 div.caption h5{
  line-height: 18px;
  font-size: 13px;
  color: #fd003f;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}
 div.caption h6 {
  line-height: 18px;
  font-size: 13px;
  color: #fff;
  font-weight:normal;
  margin: 0 0 18px 0
}
h6 strong {color: white;}
 div#thumbs {
  width: 290px;
  float: right;
  overflow: hidden;
  padding: 25px 9px 0 0;
}
 ul.thumbs {
  width: 290px !important;
  float: right;
  margin-left:0;
  padding: 0;
}
 ul.thumbs li {
  height: 99px;
  float:left;
  margin: 0 15px 20px 0;
  overflow: hidden;
  padding: 0 0 0px 0;
  vertical-align:top;
}
 ul.thumbs li img {
  border: none;
}
 a.thumb:focus {
  outline: none;
}
 div.pagination {
  clear: both;
  text-align:center;
  position:relative;
  z-index:10;
}
 div.top.pagination {
  display:none;
}
 div.navigation div.bottom {
}
 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
  padding:0 4px;
  font-weight:bold;
  color:#fff;
}
 div.pagination a:hover {
  text-decoration: none;
  color:#ffeaa8;
}
 div.pagination span.current {
  color:#ffeaa8;
}
 div.pagination span.ellipsis {
  border: none;
  padding: 5px 0 3px 2px;
}
/* -- gallery end --*/


.scroll-pane {
    height: 622px;
    overflow: auto;
    width: 290px;
}
.jScrollPaneContainer {
    overflow: hidden;
    position: relative;
    z-index: 1;
  width: 290px;
}
.jScrollPaneTrack {
    background: url(../images/template/scroll.gif) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.jScrollPaneDrag {
    background: none repeat scroll 0 0 #fd003f;
    cursor: pointer;
    height: 51px;
    overflow: hidden;
    position: absolute;
  right:3px;
  top:5px;
    width: 9px;
}
.jScrollPaneDragTop {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
  height:5px;
}
.jScrollPaneDragBottom {
    bottom: 0px;
    left: 0;
    overflow: hidden;
    position: absolute;
}
a.jScrollArrowUp {
    display: block;
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    top: 0px;
    z-index: 1;
}
a.jScrollArrowDown {
    bottom: 0px;
    display: block;
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    z-index: 1;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

.box-1 {background:#1e0711; width: 596px; color:#fff;}
.box-1 .padding2 {padding:24px 2px 2px 2px;}
.box-1 h5 {font-size:13px; line-height:18px; color:#fd003f; text-transform:uppercase; text-decoration:none; font-weight:bold;}
.box-1 h6 {font-size:13px; line-height:18px; color:#fff; margin:0px 0 17px; text-decoration:none; font-weight:normal;}

.hide { visibility:hidden;}

/*---------------------------------------------------------------------------*/
/*----------------------------------------- Services --------------------------------------*/

ul.m-ser {padding: 25px 0 5px;}
ul.m-ser li:first-child {padding-left: 0;}
ul.m-ser li:first-child a {width: 200px;}
ul.m-ser li {
  padding-left: 3px;
  float: left;
}
ul.m-ser li a {
  border-top: 1px solid #414345;
  border-bottom: 1px solid #414345;
  display: block;
  width: 201px;
  height: 262px;
  padding: 0 12px 0 20px;
  
  background: url(../images/template/bg-box.jpg) repeat 0px 0px;
  color: white;
}
  ul.m-ser li a:hover {
    text-decoration: none; 
    background: #fd003f;
    border-top: 1px solid #fd3365;
    border-bottom: 1px solid #fd3365;
  }
ul.m-ser li a img {padding: 21px 0px 10px 33px;}
ul.m-ser li a strong {color: #fd003f;}
  ul.m-ser li a:hover strong {color: #323232;}

/*---------------------------------------------------------------------------*/

.moduletableplan {
  float: left;
  width: 302px;
  margin-right: 56px;
}
span.plan {
  display: block;
  padding: 19px 0 0;
}
.contentpaneopenplan .img-indent {padding-bottom: 22px;}

a.readonplan {
  background: url("../images/template/button.png") no-repeat scroll left center transparent;
    color: #000000;
    display: inline-block;
    font-family: 'Ubuntu',sans-serif;
    font-size: 18px;
    line-height: 1.2307em;
    padding: 0 0 5px 23px;
  margin: 9px 0 0 2px;
    text-decoration: none;
    text-shadow: 1px 0 #535353;
}
a.readonplan:hover {text-decoration: underline;}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
.moduletableanalysis {
  overflow: hidden;
  width: 260px;
}
ul.na li {
  background: url(../images/template/na.gif) repeat-x 0px 0px;
  color: #595959;
  padding: 20px 0 18px;
}
ul.na li:first-child {background: none;}

/*---------------------------------------------------------------------------*/

.moduletableaccordion {
  float: right;
  width: 259px;
  margin-left: 63px;
}

/*--- accordion begin ---*/
.accordion {padding: 16px 0 0 0;}    
  .accordion dt  {
    cursor:pointer;
    overflow:hidden;
    font-size:13px;
    line-height:31px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#323232;
    background:url(../images/template/marker-7.gif) 0 6px no-repeat;
    padding: 0px 0 0px 26px;
    margin-bottom:0px;
  }
  
  .accordion dt.active, .accordion dt:hover {background:url(../images/template/marker-7-h.gif) 0 6px no-repeat;}
  .accordion dt a {
    color:#323232;
  }
  .accordion dt a:hover {
    color:#fd1851;
    text-decoration: none;
  }
  
    .accordion dd {
    font-size:13px;
    line-height:31px;
    display:none;
    overflow:hidden; /*important for accordeon*/
    text-transform:none;
    padding: 0px 0 0px 40px;

  }
    .accordion dd a {
      color:#323232;
      text-decoration:none;
      padding-bottom:2px;
    }
    .accordion dd a:hover {
      
    }
    
.list-2 li {font-size:13px; line-height: 15px;}
.list-2 li a {display: inline-block; color:#323232; padding-left:11px; background:url(../images/marker-5.gif) 0 12px no-repeat;}
.list-2 li a:hover {text-decoration: underline;}    


  
/*--- accordion end ---*/


/*---------------------------------------------------------------------------*/
/*----------------------------------------- Clients ---------------------------------------*/

.clients .col-l {
  float: left;
  width: 49%;
}
.clients .col-r {  
  float: right;
  width: 49%;
}

/*---------------------------------------------------------------------------*/

ul.cl {width: 100%; overflow: hidden;}
ul.cl li {
  float: left;
  width: 292px;
  padding: 59px 0 4px 28px;
  min-height: 224px;
}
ul.cl li.first {padding-left: 0;}
ul.cl li strong {display: block; padding-top: 12px;}
ul.cl li p.readmore {padding-top: 10px;}
p.readmore a:hover {text-decoration: underline;}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/*----------------------------------------- projects --------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*----------------------------------------- quality -------------------------------------*/

ul.afx {}
ul.afx li {width: 100%; overflow: hidden; padding-top: 25px;}
ul.afx li:first-child {padding-top: 3px;}
ul.afx li div {padding-right: 76px;}
ul.afx li img {
  float: left;
  margin-right: 25px;
  padding-top: 5px;
}
ul.afx li strong {display: block; color: #fd003f;}
ul.afx li p.readmore {padding-top: 10px;}
ul.afx li a {}

/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/

/*----------------------------------------- contacts --------------------------------------*/

.address {
  font-size: 15px;
  line-height: 21px;
  color: #323232;
  padding-bottom: 8px;
}
.address img {padding: 22px 0 4px;}
.address span {
   display: inline-block;
   color: #fd003f;
   padding-bottom: 3px;
}
.address b {
  display: inline-block;
  width: 84px;
  font-weight: normal;
}
.address a {}

/*---------------------------------------------------------------------------*/
a.buttom {
  margin: 9px 0 8px; 
  display: block;
  font-size: 0;
  line-height: 0;
}

div.button {
  position: relative;
  background: url(../images/template/button.jpg) no-repeat 0 0;
  width: 300px;
  height: 179px;
}
div.button a {
  position:       absolute;
  left:        18px;
  bottom:       36px;
  font-size:       12px;
  line-height:     24px;
  color:         #fff;
  background:     #342e2e;
  border:       1px solid #2c2727;
  display:       inline-block;
  height:       26px;
  width:         74px;
  text-align:     center;
  text-decoration:  none;
}
div.button a:hover {background: #fd9701; border: 1px solid #eb8c00; color: #2c2727;}

/*---------------------------------------------------------------------------*/

.FAQs {padding: 0 29px;}

.pad1 {padding-top: 10px;}
.pad2 {padding-top: 18px;}
.dropcap_1_1 {
    color: #46403B;
    display: block;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1em;
    width: 32px;
}
.answer {
    color: #565350;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
}

/*---------------------------------------------------------------------------*/

.contact {margin:0 0px; overflow: hidden; width: 472px;}
.contact form .button {}
#contact-form fieldset {padding: 0px 0px 0px 0px;}
#contact-form fieldset legend {display: none;}
#contact-form fieldset dt {
    clear: left;
    float: left;
    padding: 10px 0 0;
    width: 100%;
  display: block;
}
#contact-form fieldset dd.contact-input {
    float: left;
    padding: 0px 0px 0px;
  /*background: url(../images/contact-form-input.png) no-repeat 0 0;*/
  width: 100%;
  display: block;
}
.contact input {width: 321px;}
.contact textarea {
  width: 433px;
  height: 194px;
  max-width: 433px;
  max-height: 400px;
  min-width: 321px;
  min-height: 120px;
}

.contact input.invalid, .contact textarea.invalid {border:solid 1px red;}
.contact label.invalid {color: red;}

/*---------------------------------------------------------------------------*/
.error {overflow: hidden;}
.profile {padding-bottom: 30px;}
#member-profile {padding-bottom: 30px;}
#system-message {margin: 0 0 20px 0;}

/* ++++++++++++++  form validation  ++++++++++++++ */

.invalid {border-color: red !important;}
label.invalid {color: red;}