/*
 * ------------------------------------------------------------------------
 * Corpora Premium Template for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2012 Sasu Themes. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: dmsumon (Sasu Themes)
 * Websites: http://www.dmsumon.com
  * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/



/************************ general ************************************/

.ja-box {
    min-height: 0 !important;
}

.ja-box-right{
    position: static;
}

div.main {
    background: #f1f1f1;
}

body.bd #ja-wrapper{
    min-width: 100% !important;
}

body#bd {
    background: url("../images/corpora/bamboo.jpg"); 
    
    -webkit-text-shadow: 1px 1px #FFFFFF;
    -moz-text-shadow: 1px 1px #FFFFFF;
    -o-text-shadow: 1px 1px #FFFFFF;
    text-shadow: 1px 1px #FFFFFF;
    
}

div.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

div.ja-box-left div.ja-moduletable{
    margin-left: 40px;
}

div.ja-box-right div.ja-moduletable {
    margin-right: 40px;
}

h1, h2, h3, h4{
    border-bottom: none !important;
}

#ja-topsl2 h1, #ja-topsl2 h2, #ja-topsl2 h3, #ja-topsl2 h4,
#ja-projects h1, #ja-projects h2, #ja-projects h3,
#ja-clients h1, #ja-clients h2, #ja-clients h3{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 45px;
    font-weight: 400;
    color: #555;
    text-transform: none;
    
    -moz-text-shadow: 1px 1px #fff;
    -webkit-text-shadow: 1px 1px #fff;
    -o-text-shadow: 1px 1px #fff;
    text-shadow: 1px 1px #fff;
}

#ja-topsl2 h1 a, #ja-topsl2 h2 a, #ja-topsl2 h3 a, #ja-topsl2 h4 a,
#ja-projects h1 a, #ja-projects h2 a, #ja-projects h3 a,
#ja-clients h1 a, #ja-clients h2 a, #ja-clients h3 a{
    color: #555;
}

#ja-topsl2 h1 span.first-word, #ja-topsl2 h2 span.first-word, #ja-topsl2 h3 span.first-word, #ja-topsl2 h4 span.first-word,
#ja-projects h1 span.first-word, #ja-projects h2 span.first-word, #ja-projects h3 span.first-word,
#ja-clients h1 span.first-word, #ja-clients h2 span.first-word, #ja-clients h3 span.first-word{
    font-weight: 700;
    color: #D62831;
}

#ja-mainbody #ja-main div.inner{
    padding-left: 40px;
}

#ja-right div.ja-moduletable{
    margin-right: 40px;
}

span.catItemImage img,
div.popular-posts h4.nspHeader a,
div.recent-posts p.nspText a,
div.k2TagCloudBlock a,
#comment-form textarea,
#comment-form input,
span.tagItemImage img,
span.itemImage img,
div.foxcontainer input[type="text"],
div.foxcontainer textarea,
#ja-menu-button,
.rjd-active #ja-menu-button,
span.userItemImage img,
input#mod-search-searchword,
input.foxtext,
div.blog div.contentpaneopen p > img,
div.item-page p > img,
input[type="password"],
input[type="text"],
input[type="email"],
textarea#description,
div.our-services strong a,
div.who-are-we img.nspImage,
#ja-topsl div.main div.custom p img,
div.catItemHeader h3.catItemTitle a,
div.userItemHeader h3.userItemTitle a{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#ja-botsl div.main,
#ja-footer,
div.childcontent,
#ja-topsl,
div.recent-posts p.nspInfo,
div.k2TagCloudBlock a,
span.over span,
#ja-menu-button,
table.category{
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}

#ja-slider div.ja-moduletable .ja-box-ct, 
#ja-sliderd div.moduletable .ja-box-ct{
	padding: 0 !important
}


#ja-botsl div.main{
	width: 
}

div.portfolio-3-columns span.over{
	display: none;
}


div.portfolio-3-colum span.triangle{
	display: none;
}

.nspArtPage{
	overflow: hidden;
}

/************************ ja-wrapper ************************************/

#ja-wrapper {
    margin-top: 65px;
    margin-bottom: 65px;
}

/************************ logo ************************************/

#ja-header h1.logo {
    width: 436px;
    height: 92px;
    margin-left: 60px;
}

#ja-header h1.logo a {
    background: url("../images/corpora/logo.png") no-repeat scroll left center transparent;
    display: block;
    width: 436px;
    height: 150px;
	margin-top: -15px;
}

#ja-header .main {
    padding: 0;
    background: url("../images/corpora/top-full-width-bg.png") repeat-x scroll center top #f1f1f1;
}

#ja-header .main div.main-inner1 {
    padding: 35px 0 51px 0;
    /*background: url("../images/corpora/top-abstract-bg.png") no-repeat scroll -15% top transparent;*/
}


/************************ navigation ************************************/

#ja-megamenu {
    background: #e1e1e1;
    height: 52px;
    
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}

.ja-megamenu ul.level0 > li.mega > a.mega {
    line-height: 52px;
    padding: 0 28px;
    color: #777;
    text-transform: uppercase;
    font-family: "open_sansregular","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    
    -webkit-text-shadow: 1px 1px 0 #F1F1F1;
    -moz-text-shadow: 1px 1px 0 #F1F1F1;
    -o-text-shadow: 1px 1px 0 #F1F1F1;
    text-shadow: 1px 1px 0 #F1F1F1;    
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title, 
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
    background: none;
}

.ja-megamenu ul.level0 li.active {
    
    background: #d62831;
}

.ja-megamenu ul.level0 li.active a.active {
    color: #fff !important;
    
    -webkit-text-shadow: 0 1px 1px  #131313;
    -moz-text-shadow: 0 1px 1px  #131313;
    -o-text-shadow: 0 1px 1px  #131313;
    text-shadow: 0 1px 1px  #131313;
}

.ja-megamenu ul li a {
    color: #fff;
    text-transform: uppercase;
}

ul.megamenu,
.ja-megamenu .group-content .ja-moduletable, .ja-megamenu .group-content ul.megamenu{
    margin: 0;
}

.ja-megamenu ul.level1 li.over {
    background: #bf1922;
}
.ja-megamenu ul.level1 li.over a.over{
    color: #fff !important;
}

.ja-megamenu ul.level1 .childcontent {
    margin: -42px 0 0 7px !important;
}

.ja-megamenu ul.level0 li.haschild a.mega span.menu-title, 
.ja-megamenu ul.level0 li.haschild-over a.mega span.menu-title {
    padding-left: 0;
}

.ja-megamenu ul.level1 li.active {
    background: #111;
    border-bottom: none !important;
}


span.menu-desc{
	padding: 7px 0;
	border-bottom: 1px dashed #fff;
}

.ja-megamenu ul.level1 li.mega:last-child{
	border-bottom: none;
}

/* hide menu button by default */
#ja-menu-button { 
    display: none; 
    position: relative; 
}

/************************ slider  ************************************/

#ja-slider div.moduletable {
    margin: 0;
    padding-bottom: 0;
}

#ja-slider .gkIsWrapper-gk_bikestore figcaption h3 {
    font-family: 'oswaldregular',Arial,sans-serif;
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.8;
    margin: 0;
    padding: 0 24px 8px 24px;
    border-bottom: none;
    
    background: rgba(214,40,49,0.8);
    

    -moz-text-shadow: 2px 2px 2px #ba4147;
    -webkit-text-shadow: 2px 2px 2px #ba4147;
    -o-text-shadow: 2px 2px 2px #ba4147;
    text-shadow: 2px 2px 2px #ba4147;
    
    -moz-transition: letter-spacing 0.225s ease-out 0s;
    -webkit-transition: letter-spacing 0.225s ease-out 0s;
    -o-transition: letter-spacing 0.225s ease-out 0s;
    transition: letter-spacing 0.225s ease-out 0s;
}

#ja-slider .gkIsWrapper-gk_bikestore figcaption h3:hover{
    letter-spacing: 2px;

}

#ja-slider .gkIsWrapper-gk_bikestore figcaption h3 a:hover {
    
       text-decoration: none; 
}

#ja-slider .gkIsButtons {
    background: rgba(214,40,49,0.8);
    
    top: 0;
}


/************************ ja-topsl ************************************/

#ja-topsl div.main {
    background: url("../images/corpora/shadow-services2.png") no-repeat center bottom #F1F1F1;  
    border-top: 10px solid #626262;
    color: #fff;
    padding-bottom: 14px;
}

#ja-topsl div.main div.main-inner1 {
   padding: 30px 0 45px 0;
   background: url("../images/corpora/abstract.png") no-repeat #282724;
}

#ja-topsl div.main div.custom p,
#ja-topsl div.main div.custom h4{
    text-align: center;
}


#ja-topsl div.main div.custom:hover p img{
	-webkit-transform: rotate(360deg) scale(1.2);
	-moz-transform: rotate(360deg) scale(1.2);
	-o-transform: rotate(360deg) scale(1.2);
	transform: rotate(360deg) scale(1.2);
}

#ja-topsl div.main div.ja-moduletable {
    margin-left: 40px;
    margin-right: 40px;
}

#ja-topsl div.main div.custom h4 {
    font-size: 24px;
    font-weight: normal;
    margin: 20px 0;
}

#ja-topsl div.main div.custom p {
    font-family: "droid_serifregular",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
}

#ja-topsl div.main div.custom a {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    font-style: italic;
}


/************************ ja-tops2 ************************************/

#ja-topsl2 div.main {
    padding-top: 45px;
    background: url("../images/corpora/light-bg.png") no-repeat scroll center 50% #F1F1F1;
}


/************************ ja-upper ************************************/

#ja-upper div.main {
    background: url("../images/corpora/noise.png") repeat scroll 0 0 #e8e7e7;
    
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 5px 0 rgba(0, 0, 0, 0.02) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 5px 0 rgba(0, 0, 0, 0.02) inset;
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 5px 0 rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 5px 0 rgba(0, 0, 0, 0.02) inset;
}

#ja-upper div.main-inner1 {
    padding: 40px 0 0 0;
    background: url("../images/corpora/shadow-upper.png") no-repeat 0 107%;
}

#ja-upper h3 {
    color: #555;
    font-size: 30px;
    font-weight: normal;
    text-transform: none;
}

#ja-upper input.foxtext {
    border: 1px solid #E7E7E7;
    box-shadow: 0 6px 6px 0 rgba(227, 227, 227, 0.5) inset;
    color: #B4B3B3;
    padding: 5px 12px 5px 15px !important;
    margin: 0 !important;
}


#ja-upper button.foxbutton {
    background: url("../images/corpora/light-overlay.png") repeat-x scroll 0 -3px #D62831;
    border: 1px solid #AD0505;
    cursor: pointer;
    padding: 0 20px !important;
    height: 34px !important;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    
    
    -moz-transition: margin-top 0.3s ease-out;
    
    -webkit-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFFFFF, 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset, 1px 0 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFFFFF, 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset, 1px 0 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFFFFF, 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset, 1px 0 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 #FFFFFF, 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset, 1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

#ja-upper button.foxbutton span {
    color: #fff;
    font-family: "open_sansregular","Trebuchet MS",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 13px;
}

#ja-upper button.foxbutton:hover{
    margin-top: 5px;
}

#ja-upper div.foxcontainer > a {
    display: none;
}

#ja-upper .foxform {
    margin-bottom: 0;
}

/****************************** Tweeter ***************************************/


#ja-upper .TDB-tweet-container  {
    border: none;
    background: none;
    margin-bottom: 35px;
}

#ja-upper .TDB-tweet-container a {
    color: #D62831;
    
    
}

#ja-upper .TDB-tweetavatar-left .TDB-tweet-align-left:after,
#ja-upper .TDB-tweetavatar-left .TDB-tweet-align-left:before {
    border-width: 0;
}

#ja-upper p.TDB-tweet-time {
    margin: 0;
    text-align: left;
}

#ja-upper .TDB-tweetavatar-left .TDB-tweet-align-left,
#ja-upper .TDB-tweetavatar-left .TDB-tweet-align-left {
    padding-top: 0;
}

#ja-upper .TDB-tweet-align-left {
    background: url("../images/corpora/tweeter-bird.png") no-repeat 0 6px;
    padding-left: 22px;
}


/************************ ja-botsl ************************************/

#ja-botsl div.main {
    background: url("../images/corpora/abstract.png") no-repeat #D62831;
    color: #fff;
    padding-top: 20px;
    
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
}

#ja-botsl  div.main-inner1 {
    border-top: none;
}

#ja-botsl div.main li {
    background: url("../images/corpora/footer_links.png") no-repeat scroll 0 8px transparent !important;
}


#ja-botsl div.main a, #ja-botsl div.main li a{
    color: #fff;
    font-size: 13px;
    line-height: 25px;
}

#ja-botsl div.main h3 {
    font-size: 18px;
    font-weight: bold;
}


#ja-botsl div.ja-moduletable {
    margin-bottom: 40px;
}


#ja-botsl ul.menu li a:hover {
	text-decoration: none;
	padding-left: 5px;
}

#ja-botsl ul.menu li a{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

/************************ ja-footer ************************************/

#ja-footer{
    padding-top: 0;
}

#ja-footer div.main {
    padding: 20px 0;
    background: #282724;
    color: #fff;
}

#ja-footer div.main a {
    color: #fff;
}


/************************ ja-right1 ************************************/


#ja-right1{
    background: url("../images/corpora/sidebar.png") repeat-y left center;
    padding-left: 15px;
}

#ja-right h3{
    color: #555;
    font-size: 22px !important;
    line-height: 30px !important;
    font-weight: normal;
    text-transform: none !important;
    padding-bottom: 30px;
    margin-bottom: 20px;
    background: url("../images/corpora/blog-sp.png") repeat-x 0 100%;
}

#ja-right h3 span.first-word{
    font-weight: 700;
}


/************************Contact Us Page  ************************************/

div.foxcontainer h2{
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: normal;
}

div.foxcontainer h2 span.first-word{
    font-weight: bold;
}

div.foxcontainer input[type="text"]{
    
}


div.foxcontainer input[type="text"],
div.foxcontainer textarea,
input[type="password"],
input[type="text"],
input[type="email"],
textarea#description,
textarea#commentText{
    
    background: -webkit-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    background: linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
    
    -webkit-text-shadow: 0 1px 0 #FFFFFF;
    -moz-text-shadow: 0 1px 0 #FFFFFF;
    -o-text-shadow: 0 1px 0 #FFFFFF;
    text-shadow: 0 1px 0 #FFFFFF;
    
    -webkit-box-shadow: 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF inset;
    -moz-box-shadow: 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF inset;
    -o-box-shadow: 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF inset;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF inset;
    
    border: 1px solid #D8D8D9;
    color: #777777;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 5px 5px 0 !important;
    padding: 8px 10px !important;
}


div.foxcontainer input[type="text"]:focus,
div.foxcontainer textarea:focus,
div.foxcontainer input[type="text"]:hover,
div.foxcontainer textarea:hover,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
textarea#description:hover,
textarea#description:focus,
textarea#commentText:hover,
textarea#commentText:focus,
#ja-search #mod-search-searchword:hover,
#ja-search #mod-search-searchword:focus,
#ja-upper input.foxtext:hover,
#ja-upper input.foxtext:focus{
    background-color: #FFFFFF;
    background-image: none;
    border-color: #D62831;
    outline: medium none;
    
    -webkit-box-shadow: 0 0 5px #D62831;
    -moz-box-shadow: 0 0 5px #D62831;
    -o-box-shadow: 0 0 5px #D62831;
    box-shadow: 0 0 5px #D62831;
}

button.foxbutton{
    border: none;
    padding: 0 15px !important;
}


button.foxbutton span{
    color: #fff;    
}


div.login-fields input[type="password"],
div.login-fields input[type="text"]{
	margin-left: 20px !important;
}

div.login-fields label{
	padding-top: 11px;
}


/************************ Google Map ************************************/

#map{
    border: 1px solid #E5E5E5;
    margin-bottom: 15px;
    overflow: hidden;
    
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);    
    -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);    
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);    
}

div.icon-content h4{
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
}


/************************ joomla core blog layout ************************************/

div.blog div.contentpaneopen p > img,
div.item-page p > img{
    margin-right: 15px;
    margin-top: 8px;
    
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.2);    
}

div.blog div.contentpaneopen{
    padding-bottom: 65px !important;
}

.category-name, .published, .createdby, .hits{
    border-right: 1px solid #D4D4D4;
    color: #999999;
    font-size: 11px;
    font-style: italic;
    line-height: 11px;
    padding-left: 17px !important;
    padding-right: 11px !important;
    margin-left: 5px !important;
}


.category-name{
    background: url("../images/corpora/category.png") no-repeat 0 2px;
}

.published{
    background: url("../images/corpora/date.png") no-repeat 0 2px;
}

.createdby{
    background: url("../images/corpora/author.png") no-repeat 0 2px;
}


div.pagination ul li{
    padding-left: 30px;
}


/******************** user registration form *************************************/

.k2AccountPage th.k2ProfileHeading,
.k2AccountPage table.admintable td.key, 
.k2AccountPage table.admintable td.paramlist_key{
	background: none;
	border: none;
}
























/************************ search ************************************/


#ja-search {
    position: absolute;
    right: 117px;		top: 56px;
    bottom: 42%;
}

#ja-search .button{
	background: url("../images/corpora/button-search.png") no-repeat 11px 6px #D62831;
}

#ja-search #mod-search-searchword{
    border: 1px solid #e7e7e7;
    color: #b4b3b3;
    margin-right: 0 !important;
    padding: 8px 10px 7px 10px  !important;
    
    -webkit-box-shadow: 0 6px 6px 0 rgba(227, 227, 227, 0.5) inset;
    -moz-box-shadow: 0 6px 6px 0 rgba(227, 227, 227, 0.5) inset;
    -o-box-shadow: 0 6px 6px 0 rgba(227, 227, 227, 0.5) inset;
    box-shadow: 0 6px 6px 0 rgba(227, 227, 227, 0.5) inset;
    
}

#ja-search input.button {
    background: url("../images/corpora/button-search.png") no-repeat 11px 6px #D62831;
    text-indent: -999999em;
    width: 50px;
    height: 33px;
    border: none;
    border-left: none;
    cursor: pointer;
    

    
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -o-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    
    -moz-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -o-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}