/*

 * ------------------------------------------------------------------------

 * 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 ************************************/
.course_bg { background-color:yellow;}



.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: #F4F400;*/
	color: #F4F400;

}



#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: 35px;

    margin-bottom: 65px;

}



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



#ja-header h1.logo {

    width: 470px;

    height: 92px;

    margin-left: 45px;

}



#ja-header h1.logo a {

    background: url("../images/corpora/logo.png") no-repeat scroll left center transparent;

    display: block;

    width: 470px;

    height: 92px;

}



#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: #F4F400;

}



.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: #FFFF00;

}

.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: 25px;

    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 #F4F400;

    border: 1px solid #F4F400;

    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: #F4F400;

    

    

}



#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 #DFDF00;

    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: #F4F400;

    outline: medium none;

    

    -webkit-box-shadow: 0 0 5px #F4F400;

    -moz-box-shadow: 0 0 5px #F4F400;

    -o-box-shadow: 0 0 5px #F4F400;

    box-shadow: 0 0 5px #F4F400;

}



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: 60px;

    bottom: 42%;

}



#ja-search .button{

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

}



#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 #F4F400;

    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;

}