/*GENERAL STYLES*/
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
body {
  min-width: 960px;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -81px;
}
.rt-container {
  margin: 0 auto;
  width: 960px;
}
#footer,
#push {
  height: 81px;
}
/*LESS Variables & mixins*/
.before_after {
  position: absolute;
  content: ".";
  text-indent: -999em;
}
/* TYPOGRAPHY */
ul, li{ margin:0 !important; padding:0 !important}
li{ list-style-type:none}
/* BUTTONS */
a.moduleItemReadMore,
a.k2ReadMore,
button.button,
input.button {
  display: inline-block; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;
  border:1px solid #efefef;box-shadow:0 2px 2px rgba(0,0,0,0.1); background:url(../images/bg_button.gif) 0 0 repeat-x;
  padding: 11px 16px 10px; line-height:14px;
  text-decoration: none; margin:0 2px 4px; border-radius:18px;
}

a.moduleItemReadMore:hover,
a.k2ReadMore:hover,
button.button:hover,
input.button:hover{ background:#8ac21e;}

p{ margin:0; padding-bottom:20px;}

h1, h2, h3{ font-size:30px; font-family: 'Voltaire', sans-serif; text-transform:uppercase; font-weight:normal; line-height:1.2em; padding:39px 0 46px 0; margin:0}
h1{ padding-bottom:0}
h3 a{ text-decoration:none;}

#rt-feature h2{ font-size:20px; line-height:1.2em; padding:31px 0 25px 0}
#rt-bottom h2{font-size:18px; line-height:1.2em; padding:33px 0 37px 0}

/*Lists*/
/*=== DRAWER POSITION ===*/
/*=== TOP POSITION ===*/
#rt-top .rt-container #rt-logo {
  position: relative; 
}
/*=== HEADER POSITION ===*/

.top{ background:url(../images/body/bg_top.jpg) center 0 repeat-x;}
.top > div{ background:url(../images/body/bg_spot.jpg) center 0 no-repeat}

#rt-logo {margin-top:37px;}

#rt-header .rt-block{ float:left;}
#rt-header .rt-container{ padding-bottom:35px;}

.slogan{ float:left; padding-top:78px; font-size:9px; color:#a7a7a2; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

/*=== MENU POSITION ===*/
/*=== SHOWCASE POSITION ===*/

.banner1, .banner2, .banner3, .banner4{ float:left; width:460px; height:300px; border-radius:34px; box-shadow:0 10px 10px rgba(0,0,0,0.5)}
.banner1 img, .banner2 img, .banner3 img, .banner4 img{ position:absolute; top:0; left:0;border-radius:34px;}

.banner1, .banner2{ margin-top:-5px;}
.banner3, .banner4{ margin-top:20px; margin-bottom:30px}
.banner1, .banner3{ margin-right:20px;}

/*=== FEATURE POSITION ===*/

.top{ margin-bottom:15px;}

#rt-feature{ background:url(../images/body/bg_feature.gif) 0 bottom repeat-x #fff; margin-top:-15px;}
.feature ul{ padding-bottom:22px !important; overflow:hidden;}
.feature li{ float:left; width:140px; margin-right:20px!important;}
.feature li.lastItem{ margin-right:0 !important}
.feature img{box-shadow:0 2px 4px rgba(0,0,0,0.5)}

/*=== UTILITY POSITION ===*/
/*=== MAINTOP POSITION ===*/

.news .moduleItemDateCreated, #blog .catItemDateCreated, #blog .itemDateCreated{ float:left; width:64px; height:59px; margin-right:16px; font-size:36px;font-family: 'Voltaire', sans-serif; color:#8ac21e; line-height:1.2em; background:url(../images/bg_date.gif) 0 0 repeat-x; text-align:center; padding-top:5px; border-radius:8px;box-shadow:0 3px 3px rgba(0,0,0,0.22)}
.news .moduleItemDateCreated span, #blog .catItemDateCreated span, #blog .itemDateCreated span{ display:block; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.2em; margin-top:-2px;}
.news li > div{ float:left; width:380px;}
#blog .news li > div{ float:left; width:220px;}
.news .moduleItemTitle{ font:12px Arial, Helvetica, sans-serif; color:#636363; font-weight:bold; text-decoration:none; text-transform:uppercase; margin-top:15px; display:inline-block; margin-bottom:2px;}
#blog .news .moduleItemTitle{ margin-top:5px}
.news .moduleItemComments{ font-size:11px; color:#a5a5a5; text-decoration:none;}
.news .moduleItemTitle:hover, .news .moduleItemComments:hover{ color:#8ac21e}
.news li{ min-height:64px; padding-bottom:16px !important;}

#blog h3.catItemTitle, #blog h2.itemTitle{ font-size:18px; line-height:20px; padding:0 0 5px 0; height:40px; margin-right:280px}
#blog h3.catItemTitle a{ color:#5c5b51}
#blog h3.catItemTitle a:hover{ color:#8ac21e}
#blog .catItemCategory, #blog .itemCategory{ float:left; margin-right:20px}
#blog .catItemCategory a, #blog .itemCategory a{ text-decoration:none;}
#blog .catItemAuthor, #blog .itemAuthor{ float:left;}
#blog .catItemAuthor a, #blog .itemAuthor a{ color:#636363; font-weight:bold; text-decoration:none;}
#blog .catItemAuthor a:hover, #blog .catItemCommentsLink a:hover, #blog .itemAuthor a:hover, #blog .itemCommentsLink a:hover{ color:#8ac21e}
#blog .catItemHeader{ overflow:hidden; padding-bottom:22px;}
#blog .itemHeader{ overflow:hidden; padding-bottom:22px; padding-top:40px;}
#blog .catItemCommentsLink, #blog .itemCommentsLink{ float:right; background:url(../images/bg_comment.gif) 0 0 no-repeat; padding:0 0 0 26px}
#blog .catItemCommentsLink a, #blog .itemCommentsLink a{color:#636363; text-decoration:none;}
#blog .catItemView{ padding-bottom:40px;}


/*=== CONTENT ===*/
.itemContainer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

  padding: 0 10px;
}
.K2ItemsRow {
  margin: 0 -10px;
}

.moduleItemImage img, .itemImageBlock img, .catItemImageBlock img{border-radius: 10px;}
.moduleItemImage, .itemImageBlock, .catItemImageBlock{ float:left; margin:0 32px 20px 0 !important}
.catItemImageBlock span, .catItemImageBlock a{ display:block}

.itemView .none{ display:none}

#rt-content-top p{ font-size:16px; line-height:24px; padding-right:10px}
#rt-content-top .moduleItemIntrotext{ overflow:hidden;}

.resources ul{ padding: 0 0 0 0 !important}
.resources li{ position:relative; padding:44px 0 0 70px !important;}
.resources img{ position:absolute; top:31px; left:-12px}
.resources .moduleItemTitle{font-family: 'Voltaire', sans-serif; font-size:26px; line-height:30px; text-transform:uppercase; text-decoration:none; color:#8ac21e; margin-right:140px; margin-bottom:12px; display:inline-block;}
.resources .moduleItemTitle:hover{ color:#5c5b51}

ul.list1{ width:300px; float:left;}
.list1 li{ font-size:11px; line-height:30px;}
.list1 a{  font-weight:bold; text-transform:uppercase; text-decoration:none; color:#636363; padding-left:17px;  background:url(../images/marker_1.gif) 0 5px no-repeat}
.list1 a:hover{ text-decoration:underline; color:#8ac21e} 

.team li{ width:140px; float:left; margin-right:20px !important;}
.team li.lastItem{ margin-right:0 !important}
.team .moduleItemTitle{ font-weight:bold; text-decoration:none; color:#636363;}
.team .moduleItemTitle:hover{ color:#8ac21e} 

.icons{ width:290px; float:left; padding-bottom:12px !important}
.icons li{ font-size:11px; line-height:40px; }
.icons a{  padding-left:37px; font-weight:bold; text-transform:uppercase; color:#636363; text-decoration:none;}
.icons a:hover{ color:#8ac21e}

.icon1{ background:url(../images/page3_icon1.jpg) 0 3px no-repeat;}
.icon2{ background:url(../images/page3_icon2.jpg) 0 3px no-repeat;}
.icon3{ background:url(../images/page3_icon3.jpg) 0 3px no-repeat;}
.icon4{ background:url(../images/page3_icon4.jpg) 0 3px no-repeat;}
.icon5{ background:url(../images/page3_icon5.jpg) 0 3px no-repeat;}
.icon6{ background:url(../images/page3_icon6.jpg) 0 3px no-repeat;}
.icon7{ background:url(../images/page3_icon7.jpg) 0 3px no-repeat;}
.icon8{ background:url(../images/page3_icon8.jpg) 0 3px no-repeat;}

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

.quot{ background:url(../images/quot.gif) 0 0 no-repeat; padding-left:40px;}
.quot p{ background: url(../images/bg_testimon.gif) 0 0 repeat-x #f1f1f1; border-radius:8px; padding:26px 20px 26px 28px; font-size:16px; line-height:24px; font-style:italic;box-shadow:0 3px 3px rgba(0,0,0,0.22);}
.signature{ background:url(../images/testimon_bg.gif) 163px 0 no-repeat; text-align:right; padding-top:34px;background:url(../images/testimon_bg_ie.gif) 163px 0 no-repeat \0/; }
.signature strong{ display:block}


/*== Portfolio Page ==*/
#port div.catItemView {
  padding: 0 0 20px 0;
}
#port div.catItemView div.catItemHeader span.catItemDateCreated,
#port div.catItemView div.catItemHeader div.catItemHitsBlock {
  display: inline-block;
  font-size: 0.8em;
  margin: 0 0.5em 0 0;
}
#port div.itemImageBlock {
  float: left;
  margin: 0 1em 1em 0;
}
a.modal {
  position: relative;
  display: block;
  overflow: hidden;
}
a.modal span.zoomIcon, a.modal span.zoom-icon {
  background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
  height: 46px;
  left: 50%;
  margin-left: -17px;
  margin-top: -23px;
  position: absolute;
  top: -50%;
  width: 34px;
}
#port div.itemExtraFields {
  border-width: 1px;
  border-style: solid;
  border-left: none;
  border-right: none;
}
#port div.itemExtraFields ul {
  list-style: none;
}
#port div.itemExtraFields ul li span.itemExtraFieldsLabel {
  font-weight: bold;
}
#port div.extraFieldsIntroText {
  overflow: hidden;
}
#port div.itemContainer.itemContainerLast {
  margin-right: 0 !important;
}
#port #isotopeOptions {
  overflow: hidden;
  margin-bottom: 1em;
  float: right;
}
#port #isotopeOptions ul#filters,
#port #isotopeOptions ul#sort,
#port #isotopeOptions ul#sort_direction{
  display: inline-block;
  margin: 0.5em 1em 0.5em 0 ;
}
#port #isotopeOptions span{ display:inline-block; margin:0.1em 0.1em 0.1em 0}
#isotopeOptions { position:absolute; top:30px; right:0}
#isotopeOptions a{ margin:0 5px; font-size:11px; font-weight:bold; text-transform:uppercase;} 
#isotopeOptions a.selected{ color:#636363}
#port #isotopeOptions ul#filters li,
#port #isotopeOptions ul#sort li,
#port #isotopeOptions ul#sort_direction li {
  display: inline-block;
  margin: 0 0 0 0.5em;
}
#port #isotopeOptions ul#filters li a:hover,
#port #isotopeOptions ul#sort li a:hover,
#port #isotopeOptions ul#sort_direction li a:hover,
#port #isotopeOptions ul#filters li a.selected,
#port #isotopeOptions ul#sort li a.selected,
#port #isotopeOptions ul#sort_direction li a.selected {
  text-decoration: none;
}
#port .itemContainer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */

  -webkit-box-sizing: border-box;
  /* Safari */

  padding: 0 10px;
}
#port .itemList > div {
  margin: 0 -10px;
}
#port .catItemTitle{ padding-bottom:20px;}
.itemExtraFields ul{ padding:10px 0 !important;}
.itemExtraFields{ margin-bottom:10px;}

/*== Blog Page ==*/
/*== History Page ==*/
#history div.catItemHeader {
  margin: 0 1em 0 0;
}
#history h3.catItemTitle, #team h3.catItemTitle, #faqs h3.catItemTitle{ padding-top:0px; padding-bottom:10px;}
#history div.catItemHeader h3.catItemTitle {
  margin: 0;
}
#history div.catItemHeader span.catItemEditLink {
  float: none;
}
#history div.catItemBody {
  overflow: hidden;
  padding: 0 2em 0 0;
}
#history div.catItemBody div.catItemIntroText p {
  margin: 0;
}
#history .K2ItemsRow .itemContainer {
  margin: 0 0 2em 0;
}
/*== FAQs Page ==*/
#faqs div.catItemHeader h3:before {
  content: "Q.";
  display: inline-block;
  float: left;
  margin: 0 0.5em 0 0;
  font: inherit;
}
#faqs .catItemIntroText{ padding-bottom:20px;}
#faqs h3.catItemTitle{ font-size:18px; line-height:20px;}
#faqs div.catItemBody:before {
  content: "A.";
  display: inline-block;
  float: left;
  margin: 0 0.5em 0 0;
  font: inherit;
}
/*== Testimonials Page ==*/
#testimonials div.catItemIntroText:before {
  background: url(../images/quotes.png) left top no-repeat;
  content: ".";
  text-indent: -999em;
  display: block;
  float: left;
  margin: 0 0.5em 0.5em 0;
  width: 66px;
  height: 45px;
}
#testimonials div.catItemIntroText p:after {
  content: '"';
}
#testimonials div.itemExtraFields > h3 {
  display: none;
}
#testimonials div.itemExtraFields ul {
  float: right;
  list-style: none;
}
#testimonials div.itemExtraFields ul li {
  font-style: italic;
}
#testimonials div.itemExtraFields ul li span.itemExtraFieldsLabel {
  font-weight: bold;
}
#testimonials div.catItemExtraFields {
  float: right;
}
#testimonials div.catItemExtraFields ul {
  list-style: none;
}
#testimonials div.catItemExtraFields ul li {
  font-style: italic;
}
#testimonials div.catItemExtraFields ul li.author {
  font-weight: bold;
}
#testimonials .catItemBody{ padding-bottom:30px;}

.k2LoginBlock ul, .k2UserBlockActions{ margin:20px 0 !important}
.k2Avatar { width:62px !important}
.k2UserBlockActions a{ display:inline-block !important}

.view-search #search-searchword{ float:left; margin:0 20px; width:300px;}
.view-search #searchForm .word label { float:left; line-height:42px;}
.view-search #searchForm .word{ overflow:hidden; padding-bottom:20px;}
.counter{ padding-bottom:0;} 


/*== Contacts Page ==*/

#contact-form-cont div.contact-form {
  margin: 0 2em 0 0;
  padding: 0 3.5em 0 0;
}
#contact-form-cont div.contact-form #contact-form textarea {
  height: 200px;
}
#contact-form-cont div.contact-form #contact-form dl {
  margin: 0;
}
#contact-form-cont div.contact-form #contact-form fieldset legend {
  display: inline-block;
  padding: 0 0 1em 0;
}
/*== Registration Page ==*/
#k2Container.k2AccountPage {
  margin: 0 0 2em 0;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
  width: 60%;
}
#k2Container.k2AccountPage textarea#description {
  resize: none;
  overflow: auto;
}
/*Reset / Remind */
#user-registration input.inputbox {
  width: 60%;
}
/*== User Profile ==*/
div.profile dl {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
ul.userLinks {
  list-style: none;
}
/*== Search Page ==*/
div.component-content > div.search {
  margin: 0 0 2em 0;
}
div.component-content > div.search #searchForm fieldset legend {
  margin: 0 0 1em 0;
  font-weight: bold;
}
div.component-content > div.search #searchForm fieldset > div {
  margin: 0 0 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter {
  margin: 1em 0;
  padding: 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter p.counter {
  line-height: 34px;
}
div.component-content > div.search #searchForm div.phrases-box label,
div.component-content > div.search #searchForm fieldset.only label {
  display: inline-block;
  margin: 0 1em 0 0;
  line-height: inherit;
}
div.component-content > div.search .componentheading {
  margin: 0 0 2em 0;
}
/*== User Lofin ==*/
.component-content div.login {
  padding: 3em 0;
}
.component-content div.login input.inputbox {
  width: 40%;
}
/*========================================================*/
/* Forms */

input[type="text"],
input[type="password"],
input.inputbox,
input.required,
div.k2AccountPage input[type="text"] { font:12px Arial, Helvetica, sans-serif;
  height: 43px;
  line-height: 15px;
  padding: 14px 10px;
  width: 100%;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  border-radius:12px;

}
textarea,
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme,
textarea#jform_contact_message { font:12px Arial, Helvetica, sans-serif;
  padding:7px 10px !important;
  line-height: 14px;
  font-family: inherit;
  resize: none;
  overflow: auto;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  width: 100%;
  border-radius:12px; height:100px;
}

#system-message li{ padding:5px 10px !important}

.rapid_contact input[type="text"], .rapid_contact textarea{ border-radius:6px; padding:5px 10px !important; width:220px; height:28px;}
.rapid_contact textarea{ height:50px;}
.rapid_contact input[type="submit"]{ width:70px !important; float:right; }
.rapid_contact td{ min-width:82px; padding:0 0 10px 0 !important; line-height:30px;}
.rapid_contact tr{ padding:0 0 0 0 !important}
.rapid_contact form{ min-height:179px;}

.k2UserBlockActions li{ overflow: hidden; height:20px;}

/* Pagination */

div.k2Pagination ul, div.pagination ul, div.itemCommentsPagination ul { text-align:left;}


div.k2Pagination li .pagenav,
div.pagination li .pagenav,
div.itemCommentsPagination li .pagenav { font-size:18px;font-family: 'Voltaire', sans-serif; color:#5c5b51; line-height:20px; margin-right:10px; text-decoration:underline; text-decoration:none;
  display: inline-block;
  text-transform: uppercase;
}
div.k2Pagination li a.pagenav,
div.pagination li a.pagenav,
div.itemCommentsPagination li a.pagenav {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* Comments */
div.itemComments ul.itemCommentsList li {
  padding:27px 30px 17px 28px !important; margin-bottom:9px !important; border-radius:12px;
}


div.itemComments ul.itemCommentsList li > img {
  margin: 0;
}
div.itemComments ul.itemCommentsList li div.commentBody div.commentToolbar span.commentLink {
  float: right;
}
div.itemComments ul.itemCommentsList li div.commentToolbar {
  margin: 0 0 0 2em;
}
div.itemComments div.userAvatar {
  float: left;
  margin: 0 20px 0 0; width:62px !important;
}
form#comment-form textarea#commentText {
  height:190px; width:550px;
}
form#comment-form input.inputbox {
  width: 390px;
}
.commentAuthorName{ display:block; font-weight:bold;}
.commentAuthorName a{ text-decoration:none; color:#636363}
.commentAuthorName a:hover{ color:#66b83a}

div.commentBody p{ margin-bottom:0 !important;}
.commentToolbar{ float:right;}
.commentToolbar a{ float:right; font:11px Arial, Helvetica, sans-serif; text-transform:uppercase;
  border:1px solid #efefef;box-shadow:0 2px 2px rgba(0,0,0,0.1); background:url(../images/bg_button.gif) 0 0 repeat-x;
  padding: 8px 16px 7px; line-height:20px;
  text-decoration: none; margin:0 2px 4px; border-radius:18px;}

.commentToolbar a:hover{ background:#8ac21e; color:#fff}
.commentDate{ display:block; padding-bottom:10px;}

#comment-form label{ width:60px; float:left; margin-right:10px; text-align:right; line-height:42px;}
#comment-form .button{ float:right}

.map-wrapper{ margin-bottom:20px;}

/*Search*/
input#mod-search-searchword {
  margin: 0 0 1em 0;
}

#rt-main{ padding-bottom:26px;}

/*=== MAINBOTTOM POSITION ===*/
/*=== BOTTOM POSITION ===*/
#rt-bottom { padding-bottom:20px;}
#rt-bottom .rt-container{ background:url(../images/line_hor1.gif) center 0 no-repeat}

.twitter .twtr-doc{ width:100% !important} 
.twitter .twtr-widget .twtr-tweet-wrap{ padding:0 !important}
.twitter .twtr-hd, .twitter .twtr-ft, .twtr-reply, .twtr-rt, .twtr-fav{ display:none;}
.twitter .twtr-widget p{ line-height:20px !important;}
.twtr-user { font-weight:bold;}
.twtr-widget .twtr-tweet { border-bottom:none !important}
.twtr-widget em{ color:#f5f5f5}
#twtr-widget-1 .twtr-tweet a.twtr-timestamp{ font-size:11px; color:#a5a5a5 !important;}

.smile{ width:170px;}
.smile a{ float:none; clear:both; line-height:32px; margin-bottom:8px !important; text-decoration:none; color:#636363}
.smile a img{ float:left; margin-right:18px;}
.smile a:hover{ color:#8ac21e}

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

#rt-footer{ background:url(../images/line_hor1.gif) center 0 no-repeat}
.copyright{ text-align:right; padding-top:26px;}
.copyright .color1{ padding:0 6px; color:#bfbfbf}

/*=== Popup ===*/
#rt-popup {
  display: none;
}
/*ToTop*/
/*Scroll to top*/
.rt-block.totop {
  bottom: 13px;
  position: fixed;
  right: 13px;
  display: none;
}
a#gantry-totop {
  z-index: 999;
  background: url(../images/to-top.png) top left no-repeat;
  display: block;
  width: 80px;
  height: 40px;
  text-indent: -9999em;
  font-size: 1px;
  line-height: 1px;
}
/* Alert boxes
---------------------------------------- */
.alert-box {
  padding: 20px 20px 20px 90px !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: inherit;
  line-height: inherit;
  border: 1px solid #dbdbdb;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}
.error-box {
  border-color: #ff9999;
  color: #c31b00;
  background: url(../images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box {
  border-color: #e6c555;
  color: #9e660d;
  background: url(../images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
  border-color: #68a2cf;
  color: #2e6093;
  background: url(../images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box {
  border-color: #a3c159;
  color: #5e6f33;
  background: url(../images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}
/* Fluid Columns */
.one_half {
  width: 48%;
}
.one_third {
  width: 30.66%;
}
.two_third {
  width: 65.33%;
}
.one_fourth {
  width: 22%;
}
.three_fourth {
  width: 74%;
}
.one_fifth {
  width: 16.8%;
}
.two_fifth {
  width: 37.6%;
}
.three_fifth {
  width: 58.4%;
}
.four_fifth {
  width: 79.2%;
}
.one_sixth {
  width: 13.33%;
}
.five_sixth {
  width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
  position: relative;
  margin-right: 2%;
  float: left;
}
.last {
  margin-right: 0 !important;
  clear: right;
}
.clr,
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* Tooltips */
#s-m-t-tooltip {
  position: absolute;
  max-width: 300px;
  padding: 4px 8px 4px 8px;
  background: #222;
  z-index: 1000;
  display: inline-block;
  /*important*/

  /*font*/

  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  /*css3 rounded corners*/

  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tip-wrap {
  background: none repeat scroll 0 0 #000;
  box-shadow: 2px 2px 2px #888888;
  padding: 7px;
  color: #fff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  max-width: 500px !important;
  width: auto !important;
}
.tip-title {
  font-weight: bold;
}
/*======= 404 page styling ============*/
div.img404 {
  width: 50%;
  float: left; margin-top:50px;
}
div.img404 img {
  width: 100%;
}
div.text404 #mod-search-searchword { float:left; width:300px; margin-right:20px;
  margin: 0 0.5em 0 0;
}
/*======= Under Construction ============*/
h1.constrSiteName {
  margin-bottom: 1em;
}
.counter_desc {
  position: relative;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em;
  padding: 5px 0 40px 0;
  margin: 0 0 0 30px;
}
.counter_desc div {
  width: 104px;
  margin-left: 18px;
  text-align: center;
  float: left;
}
.counter_desc div:first-child {
  margin-left: 0;
  margin-right: 23px;
}
.cntSeparator {
  color: #000000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 50px;
  margin: 24px 0;
}
#frame {
  width: 600px;
  margin: 150px auto 0;
  padding: 0px;
  text-align: center;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  border-radius: 15px;
}
#frame .frameInner {
  padding: 50px 36px;
}
#frame form {
  text-align: left;
}
#frame #form-login label {
  width: 10em;
  display: block;
  float: left;
  line-height: 2em;
}
#frame #form-login input.inputbox {
  height: 2em;
  line-height: 2em;
}