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

# JA Kyanite II - Version 1.0 - Licence Owner JA91878

# ------------------------------------------------------------------------

# JA Joomla! Template Framework  - Version: 1.0

# ------------------------------------------------------------------------

# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

# @license - Copyrighted Commercial Software

# Author: J.O.O.M Solutions Co., Ltd

# Websites:  http://www.joomlart.com -  http://www.joomlancers.com

# This file may not be redistributed in whole or significant part.

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

	/* COMMON STYLE

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

body {

	background: #fff;

	color: #000;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 1.6;
       

}



body#bd { /*background: #f6f6f6;*/

	background: #ffffff;

	color : #676767;

}



body.fs1 {

	font-size: 10px;

}



body.fs2 {

	font-size: 11px;

}



body.fs3 {

	font-size: 12px;

}



body.fs4 {

	font-size: 13px;

}



body.fs5 {

	font-size: 14px;

}



body.fs6 {

	font-size: 15px;

}



/* Normal links ---*/

a {

	color: #bf0000;

	text-decoration: none

}



a:hover,a:active,a:focus {

	color: #bf0000;

	text-decoration: underline;

}



/* Readon links ---*/

a.readon {

	font-weight: bold;

	padding-left: 18px;

	background: url(../images/arrow-readon.gif) no-repeat left center;

}



a.readon:hover,a.readon:active,a.readon:focus {



}



/* Content spacing ---*/

.column p,.column pre,.column blockquote,.column h1,.column h2,.column h3,.column h4,.column h5,.column h6,.column ol,.column ul

	{

	margin: 15px 0;

	padding: 0;
	text-align:justify;

}



/* Headings & Titles ---*/

h1 {

	font-size: 180%;

}



h2 {

	font-size: 150%;

	color : #D7060C;

}



h3 {

	font-size: 125%;

	color : #D7060C;

}



h4 {

	font-size: 100%;

	text-transform: UPPERCASE;

}



h5 {

	font-size: 100%;

}



.contentheading,.componentheading,h1,h2,h3,h4,h5 {

	/*font-family: 'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, Arial, sans-serif;*/

	font-weight: bold;

	line-height: 1.2;

}



h1.componentheading,.componentheading {

	margin: 0;

	padding: 0 0 7px;

}



.componentheading {

	border-bottom: 1px dashed #e6e6e6;

	font-size: 180%;

	color : #D7040B;

}



h2.contentheading,.contentheading {

	margin: 0;

	padding: 0 0 7px;

	border-bottom: dashed 1px #E7E7E5;

}



.contentheading {

	font-size: 200%;

}



.blog .contentheading {

	font-size: 150%;

}



a.contentpagetitle,a.contentpagetitle:hover,a.contentpagetitle:active,a.contentpagetitle:focus

	{

	font-weight: bold;

}



.category {

	font-size: 110%;

	font-weight: bold;

}



/* Small text ---*/

small,.small,.smalldark,.createby,.createdate,.modifydate,.img_caption,.contenttoc,p.site-slogan,.ja-navhelper,#ja-footer

	{

	font-size: 92%;

}



small,.small {

	color: #999;

}



.smalldark {

	text-align: left;

}



/* List ---*/

.column ul li {

	/*background: url(../images/bullet.gif) no-repeat 20px 7px;*/

	line-height: 160%;

	margin-bottom: 5px;

	/* yaseer overflow: hidden;*/

	/*padding-left: 30px; yaseer*/ padding-left:19px;

}



.column ol li {

	line-height: 180%;

	margin-left: 30px;

}



/* Others ---*/

th {

	font-weight: bold;

	padding: 5px;

	text-align: left;

}



td {

	font-size: 100%;

	padding: 5px;

}



fieldset {

	border: none;

	padding: 10px 5px;

}



fieldset a {

	font-weight: bold;

}



fieldset.input {

	padding: 0;

}



hr {

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	border-top: 1px solid #ccc;

	height: 1px;

}



/* FORM

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

form label {

	cursor: pointer;

}



input,select,textarea,.inputbox {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	padding: 2px 5px;

}



.inputbox {

	background: #fff;

	border: 1px solid #ccc;

}



.inputbox:hover,.inputbox:focus {

	background: #ffffcc;

}



.button {

      /*background: url(../images/send-btn.gif)  no- repeat  0 0 ;*/
background: url(../images/send-btn.gif) no-repeat left top ;

     height:43px;

     width:130px;
     border:none;

	
}



.button:hover,.button:focus {



}



.checkbox {



}



.radio {

	margin: 0 5px;

}



/* Login ---*/

.login_form fieldset {

	padding: 15px 0 0;

}



.login_form fieldset p {

	margin: 0 0 5px;

}



.login_form label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.login_form .inputbox {

	margin-left: 10px;

	width: 150px;

}



.login_form .remember .inputbox {

	width: 20px;

}



.login_form .button {

	margin-left: 140px;

}



/* Register ---*/

.form-register fieldset {

	padding: 0 0 10px;

}



.form-register p {

	margin: 0 0 5px;

}



.form-register p.form-des {

	margin: 15px 0;

}



.form-register label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.form-register .inputbox {

	margin-left: 10px;

	width: 200px;

}



.form-register .button {

	margin-left: 140px;

}



/* User ---*/

.user-details {

	padding: 10px 0;

}



.user-details p {

	margin: 0 0 5px;

}



.user-details label {

	font-weight: bold;

	text-align: right;

	display: block;

	float: left;

	width: 130px;

}



.user-details .inputbox {

	margin-left: 10px;

	width: 200px;

}



.user-details .button {

	margin-left: 140px;

}



.user-details .paramlist .paramlist_key {

	width: 130px !important;

	padding: 0 0 5px !important;

}



.user-details .paramlist .paramlist_value {

	padding: 0 0 5px !important;

}



.user-details .user_name span {

	padding-left: 10px;

	font-weight: bold;

}



/* rcSearch ---*/

form#searchForm {

	border-top: 1px solid #ccc;

	padding: 15px 0;

}



.searchintro {

	border-bottom: 1px solid #ccc;

}



.results h4 {

	text-transform: none;

	font-size: 110%;

	margin: 15px 0 0;

}



.results p {

	margin: 0 0 10px;

}



/* JOOMLA STYLE

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

	/* Layout Deco ---*/

.blog {



}



.article_separator,.leading_separator,.row_separator,.column_separator {

	display: none;

}



.leading {

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 10px;

	padding-top: 10px;

}



.article_row {

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 10px;

	padding-top: 10px;

}



.article_column {



}



.column_separator {

	padding: 0 25px;

}



/* Meta ---*/

.article-tools {

	clear: both;

	color: #999;

	display: block;

	line-height: normal;

	margin: 0 0 10px;

	padding: 5px;

	position: relative;

}



.article-meta {

	float: left;

	padding: 0;

	width: 70%;

}



.article-section,.article-category {

	color: #999;

}



.createby {

	background: url(../images/icon-user.gif) no-repeat 0 2px;

	padding: 3px 3px 3px 20px;

}



.createdate {

	background: url(../images/icon-date.gif) no-repeat 0 2px;

	padding: 3px 3px 3px 20px;

}



.modifydate {

	color: #999;

	display: block;

	margin: 10px 0;

}



.contentdescription {

	border-bottom: 1px solid #e6e6e6;

	display: block;

	margin: 0;

	padding: 10px 15px;

}



.contentdescription p {

	margin: 0;

}



.buttonheading {

	float: right;

}



.buttonheading img {

	border: 0;

	float: right;

	margin: 0 5px 0 0;

}



/*Inline images ---*/

img.caption {

	margin-top: 5px;

}



.img_caption {

	color: #999;

	margin-bottom: 10px;

}



.article-content img {

	/*margin: 5px;
	margin-left:15px;*/
	padding-bottom: 20px;
    /*padding-right: 15px;*/
}



.img_caption img {

	margin: 5px 0 0;

}



.img_caption p {

	color: #999;

	margin: 0;

	padding: 1px 0;

	text-align: center;

}



/* Tables ---*/

.sectiontableheader {

	background: #333;

	border: 1px solid #ccc;

	color: #fff;

	padding: 5px;

}



.sectiontableheader a,.sectiontableheader a:hover,.sectiontableheader a:focus,.sectiontableheader a:active

	{

	color: #fff;

}



.sectiontableentry,.sectiontableentry0,.sectiontableentry1,.sectiontableentry2

	{

	background: url(../images/dot2.gif) repeat-x bottom;

	padding: 5px 5px 6px;

}



.sectiontableentry:hover,.sectiontableentry0:hover,.sectiontableentry1:hover,.sectiontableentry2:hover

	{

	background-color: #fffff0;

}



.sectiontableentry2 {

	background-color: #f6f6f6;

}



table.contentpane,table.tablelist {

	width: 100%;

}



table.contentpaneopen {

	border: none;

	border-collapse: collapse;

	border-spacing: 0;

}



/* Content Toc */

table.contenttoc {

	border: 1px solid #ccc;

	float: right;

	margin: 0 0 10px 12px;

	padding: 0;

	width: 30%;

}



table.contenttoc a {

	color: #000;

}



table.contenttoc td {

	border-bottom: 1px dotted #ccc;

	padding: 5px 10px;

}



table.contenttoc th {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	padding: 5px 10px;

	text-transform: uppercase;

}



/* Poll */

div.poll {

	padding: 15px 0;

}



form#poll {

	border-bottom: 1px dotted #ccc;

	font-weight: bold;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



dl.poll {

	border-bottom: 1px dotted #ccc;

	font-size: 92%;

	margin-bottom: 10px;

	padding-bottom: 10px;

}



dl.poll dt,dl.poll dd {

	float: left;

}



dl.poll dt {

	clear: left;

	width: 100px;

}



dl.poll dd {

	clear: right;

}



table.pollstableborder {

	border: none;

	padding: 0;

	text-align: left;

	width: 100%;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	background: #f6f6f6;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	padding: 5px !important;

}



table.pollstableborder tr.sectiontableentry0 td,table.pollstableborder tr.sectiontableentry1 td

	{

	background: #fff;

	font-weight: normal;

}



/* Search */

table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px !important;

}



/* Misc. */

table.contentpaneopen,table.contentpane,table.blog {

	width: 100%;

}



/* Pagination ---*/

ul.pagination {

	float: left;

	margin: 10px 0;

	width: 75%;

}



ul.pagination li {

	background: none;

	display: inline;

	margin: 0;

	padding: 0;

	overflow: hidden;

}



ul.pagination li span {

	padding: 0 5px;

	line-height: 20px;

}



ul.pagination a {

	background: #f6f6f6;

	border: 1px solid #ccc;

	color: #000;

	line-height: 20px;

	padding: 0 5px;

	text-decoration: none;

}



ul.pagination a:hover,ul.pagination a:active,ul.pagination a:focus {

	background: #bf0000;

	border: 1px solid #bf0000;

	color: #fff;

	text-decoration: none;

}



.sortby {

	font-size: 92%;

	margin: 10px 0 5px;

}



.sortby .filter,.sortby .display {

	float: left;

	width: 40%;

}



.sortby .display {

	float: right;

	text-align: right;

}



.pagenavbar {

	font-weight: bold;

}



.pagenavcounter {

	margin: 15px 0 !important;

	text-align: center;

}



.counter {

	float: right;

	line-height: 1;

	margin: 15px 0 !important;

	text-align: right;

	width: 24%;

}



.counter span {

	background: #bf0000;

	border: 1px solid #bf0000;

	color: #fff;

	padding: 1px 5px;

}



.blog_more {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 15px 0 5px;

}



.blog_more h2 {

	font-size: 115%;

	margin: 0 0 5px;

	text-transform: uppercase;

}



.blog_more ul li {

	background: url(../images/bullet.gif) no-repeat 5px 6px;

	padding-left: 15px;

}



div.back_button a,div.back_button a:hover,div.back_button a:active {

	display: block;

	margin: 10px 0;

}



/* Messages ---*/

#system-message {



}



#system-message dd.message ul,#system-message dd.error ul,#system-message dd.notice ul

	{

	margin: 0;

	padding: 0;

}



#system-message dd.message ul li,#system-message dd.error ul li,#system-message dd.notice ul li

	{

	background: none;

	color: #FFFFFF;

	margin: 0;

	padding: 5px;

}



/* System Standard Messages */

#system-message dd.message ul {

	background: #bf0000;

	border: 0;

}



/* System Error Messages */

#system-message dd.error ul {

	background: #bf0000;

	border: 0;

}



/* System Notice Messages */

#system-message dd.notice ul {

	background: #333;

	border: 0;

}



/* Tooltips --- */

.tool-tip {

	background: #ffffcc;

	border: 1px solid #D4D5AA;

	float: left;

	max-width: 300px;

	padding: 5px;

	z-index: 1000;

}



.tool-title {

	background: url(../../system/images/selector-arrow.png) no-repeat;

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	margin-top: -15px;

	padding: 0;

	padding-bottom: 5px;

	padding-top: 15px;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}



.hasTip img {

	border: none;

	margin: 0 5px 0 0;

}



.contentpaneopen_edit img {

	vertical-align: middle;

}



/* MODULE STYLES

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

div.ja-moduletable h3,div.moduletable h3 {

	margin: 0;

	background: none;

	text-indent: 10px;

/*	text-shadow: 0 1px 0 #e6e6e6;*/

}



div.ja-moduletable,div.moduletable {

	padding: 0 0 5px;

	position: relative;

}



div.ja-moduletable .ja-box-ct,div.moduletable .ja-box-ct {

	padding: 10px 9px 5px 9px;

}



/* Rounded Module --- */

div.ja-module h3,div.module h3 {

	font-size: 100%;

	font-weight: bold;

	margin: 0;

	/*	padding: 0 0 0 45px;*/

	padding: 5px 0px 0px 45px;

	/*height: 30px;*/

	height: 32px;

	line-height: 30px;

	/*background: url(../images/h3-bg.gif) no-repeat left #ccc;*/

	background: url(../images/head_left.gif) no-repeat top left;

	/*	text-shadow: 0 1px 1px #fff;*/

}



div.ja-module h3 span,div.module h3 span {

	height: 30px;

	line-height: 30px;

	display: block;

	/*background: url(../images/h3-bg.gif) no-repeat right;*/

	padding-right: 10px;

}



div.ja-module,div.module {

	margin-bottom: 10px;

	position: relative;

	overflow: hidden;

}



.ja-box-br {

	/*background: url(../images/box-br.gif) no-repeat bottom right #fff;*/

	background: url(../images/bottom_right.gif) no-repeat bottom right #F6F4F5;

}



.ja-box-bl {

	/*background: url(../images/box-bl.gif) no-repeat bottom left;*/

	background: url(../images/bottom_left.gif) no-repeat bottom left;

}



.ja-box-tr {

	/*background: url(../images/box-tr.gif) no-repeat top right;*/

	background: url(../images/top_right.gif) no-repeat top right;

}



.ja-box-tl {

	/*background: url(../images/box-tl.gif) no-repeat top left;*/

	background: url(../images/top_left.jpg) no-repeat top left;

}



div.ja-module .ja-box-ct,div.module .ja-box-ct {

	padding: 10px 15px;

}



/* Highlight Module --- */

div.module_hilite h3 {

	background: url(../images/h3-hilite.gif) no-repeat left;

	color: #fff;

	text-shadow: 1px 1px 0 #730900;

}



div.module_hilite h3 span {

	background: url(../images/h3-hilite.gif) no-repeat right;

}



/* Wood style Module --- */

div.module_wood h3 {

	background: url(../images/h3-wood.gif) no-repeat left;

	color: #fff;

	text-shadow: 1px 1px 0 #730900;

}



div.module_wood h3 span {

	background: url(../images/h3-wood.gif) no-repeat right;

}



/* Badge Module ---*/

.badge {

	height: 46px;

	position: absolute;

	right: 0;

	top: 0;

	width: 45px;

	background-image: url(../images/icon-badge.png);

	background-repeat: no-repeat;

}



.badge-hot 	.badge {

	background-position: 0 0;

}



.badge-new 	.badge {

	background-position: 0 -46px;

}



.badge-pick .badge {

	background-position: 0 -92px;

}



.badge-top 	.badge {

	background-position: 0 -138px;

}



.ja-module .badge {

	right: 3px;

}



.ja-box-full .badge,.ja-box-right .badge {

	right: 3px;

}



/* Menu Module ---*/

div.module_menu .ja-box-ct {

	padding: 0 3px 8px;

}



/* Search Module ---*/

#ja-search {

	position: absolute;

	bottom: 25px;

	right: 0px;

/*	background: url(../images/search-bg.gif) no-repeat #fff;*/

	/*width: 297px;*/

        width:auto;

        height:71px;

	/*height: 28px;*/

}



#ja-search label {

	display: none;

}



#ja-search .inputbox {

	width: 300px;

	float: right;

	height: 20px;

	margin-top: 6px;

	margin-right: 20px;

	border: 0;

	padding: 0;

	color: #666;

	font-size: 13px;

	background: none;

}



#ja-search .inputbox:hover,#ja-search .inputbox:focus {



}



#ja-search .button {

	display: none;

}



/* Login Module ---*/

#form-login-username .inputbox,#form-login-password .inputbox {

	background-position: 5px center;

	background-repeat: no-repeat;

	font-size: 100%;

}



#form-login-username .inputbox,#form-login-password .inputbox {

	width: 90%;

}



#form-login ul {

	margin: 0 !important;

	padding: 0;

}



#form-login p {

	margin: 0 0 5px;

}



#form-login .button {

	margin: 5px 0;

}



#form-login ul li {

	font-size: 92%;

	margin-bottom: 3px;

}



/* Poll Module ---*/

h4.poll-title {

	margin: 0;

	padding: 0;

}



a.poll-result {

	font-size: 92%;

	text-transform: uppercase;

}



form.poll .button {

	margin-right: 5px;

}



/* Advertisement ---*/

div.bannergroup_text div.banneritem_text {

	border-bottom: 1px dotted #ccc;

	padding: 5px 0;

}



div.bannergroup_text div.banneritem_text a {

	font-weight: bold;

}



div.bannergroup_text div.bannerheader,div.bannergroup_text div.bannerfooter_text a

	{

	color: #999;

	font-size: 92%;

}



div.bannergroup_text div.bannerfooter_text {

	padding: 5px 0 0;

	text-align: right;

}



div.bannergroup {

	margin-bottom: 10px;

}



/* text */

div.module_text h3 {



}



div.module_text span {



}



div.module_text {



}



div.module_text .ja-box-bl {



}



div.module_text .ja-box-tr {



}



div.module_text .ja-box-tl {



}



/* Blank */

div.module_noborder,div.module_noborder .ja-box-bl,div.module_noborder .ja-box-tr,div.module_noborder .ja-box-tl

	{

	background: none;

	padding: 0;

}



/* text color for high contrast module */

div.module_black *,div.module_green *,div.module_blue *,div.module_red *

	{

	color: #fff;

}



/* Module list ---*/

div.ja-moduletable ul,div.ja-module ul {

	margin: 15px 0 0;

}



div.ja-moduletable ul li,div.ja-module ul li {

	padding-left: 5px;

	background-position: 2px 6px;

}



/* Collapsible h3 ---*/

h3.show {

	background: url(../images/icon-show.png) no-repeat 100% 60%;

	cursor: pointer;

}



h3.hide {

	background: url(../images/icon-hide.png) no-repeat 100% 60%;

	cursor: pointer;

}



/* MAIN LAYOUT DIVS

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

.wrap {



}



.main {



}



.ja-box {

	padding-bottom: 10px;

	padding-top: 10px;

}



#ja-wrapper {



}



#ja-container {

	position: relative;

	z-index: 5;

	padding: 0px 0;

}



/* 3 Columns - Classic Layout ---*/

#ja-container .ja-l1r1 {



}



/* Full */

#ja-container {



}



/* Full left */

#ja-container .ja-r1 {



}



/* Full right */

#ja-container .ja-l1 {



}



/* Mass ---*/

.ja-mass-top {



}



.ja-mass-top .ja-moduletable,.ja-mass-top .ja-module {

	margin-left: 0;

	margin-right: 0;

}



.ja-mass-bottom {



}



.ja-mass-bottom .ja-moduletable,.ja-mass-bottom .ja-module {

	margin-left: 0;

	margin-right: 0;

}



/* MAIN COLUMN

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

#ja-mainbody {



}



#ja-main .ja-box-tl {

	padding-bottom: 10px;

}



#ja-contentwrap {



}



#ja-content {

	/*background: url(../images/border-l.gif) repeat-y left 0;*/

}



#ja-current-content {

	/*background: url(../images/border-r.gif) repeat-y right 0;*/

}



/* Content Top ---*/

.ja-content-top {



}



.ja-content-top .ja-moduletable,.ja-content-top .ja-module {

	margin-left: 0;

	margin-right: 0;

}



/* Content Main ---*/

.ja-content-main {

	padding: 10px 15px;

}



/* Content Bottom ---*/

.ja-content-bottom {



}



.ja-content-bottom .ja-moduletable,.ja-content-bottom .ja-module {

	margin-left: 0;

	margin-right: 0;

}



/* @end */ /* SIDE COLUMNS

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

.ja-colswrap {



}



.ja-col {



}



/* Left Columns ---*/

#ja-left .ja-l2 {



}



/* Right Columns ---*/

#ja-right .ja-r2 {



}



/* HEADER

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

#ja-header {

	position: relative;

	z-index: 10;

}



#ja-header .main { /* background: #f6f6f6; */

	background: #ffffff;

	height: 100px;

}



h1.logo,div.logo-text h1 {

	font-size: 250%;

	line-height: 1;

	margin: 15px 0 0;

}



h1.logo,div.logo-text {

	float: left;

}



/* Logo Image ---*/

h1.logo {

	height: 45px;

	width: 236px;

}



h1.logo a {

	background: url(../images/logo.jpg) no-repeat left;

	display: block;

	height : 75px;

	width: 262px;

}



h1.logo a span {

	position: absolute;

	top: -1000px;

}



/* Logo Text ---*/

div.logo-text h1 a {

	color: #ccc;

	font-weight: bold;

	letter-spacing: 1px;

	text-decoration: none;

}



p.site-slogan {

	background: #444;

	color: #999;

	display: block;

	font-size: 85%;

	letter-spacing: 1px;

	margin: 8px 0 0;

	padding: 0 5px;

	text-align: center;

	text-transform: uppercase;

}



/* NAVIGATION

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

	/* Main Nav ---*/

#ja-mainnav {

	position: relative;

	z-index: 9;
top:-10px; *top:0px;

	/*padding-bottom: 10px;*/

}



#ja-mainnav .main {

	height: 48px;

	font-size: 12px;

}



#ja-mainnav .inner {

	height: 48px;

	background: url(../images/mainnav-bg.gif) no-repeat top;

}



span.has-image {

	padding-left: 25px;

	padding-top: 5px;

	display: block;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: left 7px;

}



span.menu-title {

	display: block;

	font-size: 100%;

	padding-top: 5px;

}



span.has-image span.menu-title {

	padding-top: 0;

}



span.menu-desc {

	display: block;

	font-weight: normal;

	line-height: normal;

	font-size: 92%;

}



/* Sub Nav ---*/

#ja-subnav {

	position: relative;

	z-index: 9;

}



#ja-subnav .main {

	line-height: 1;

	z-index: 10;

	padding-bottom: 10px;

}



#ja-subnav span.menu-title {

	font-size: 100%;

	padding-top: 0;

}



#ja-subnav ul {

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	overflow: hidden;

	padding: 5px 0;

	margin: 0 10px;

}



#ja-subnav ul.active {



}



#ja-subnav li {

	background: none;

	border-left: 1px solid #ddd;

	display: block;

	float: left;

	padding: 0 10px 0 11px;

}



#ja-subnav li.first-item {

	border-left: 0;

}



#ja-subnav ul li a {

	color: #333;

	padding: 2px 0;

	display: block;

	text-decoration: none;

}



#ja-subnav ul li a:hover,#ja-subnav ul li.hover a {

	color: #bf0000;

}



#ja-subnav ul.active li a {

	color: #333;

}



#ja-subnav ul.active li a:hover {

	color: #bf0000;

}



#ja-subnav ul li.active a,#ja-subnav ul li.active a:hover,#ja-subnav ul li.active a:active,#ja-subnav ul li.active a:focus

	{

	color: #bf0000;

	font-weight: bold;

}



#ja-subnav ul li.empty {

	visibility: hidden

}



/* Sub Nav (lv2) ---*/

#ja-subnav ul li ul {

	background: #e6e6e6;

	border: 1px solid #ddd;

	display: block;

	height: auto;

	left: -999em;

	padding: 0;

	position: absolute;

}



#ja-subnav ul li.hover ul {

	display: block;

	height: auto;

	left: auto;

	position: absolute;

	margin-left: 5px;

}



#ja-subnav ul li.haschild a {

	background: url(../images/arrow.png) no-repeat right center;

	padding-right: 12px;

	height: auto;

}



#ja-subnav ul li.haschild a:hover {

	background: url(../images/arrow3.png) no-repeat right center;

}



#ja-subnav ul li.haschild li a,#ja-subnav ul li.hover li a {

	background: none;

	padding-right: 0;

}



#ja-subnav ul li ul li {

	border-bottom: 1px solid #ddd;

	border-left: 0;

	display: block;

	float: none;

	overflow: hidden;

	text-align: left;

	padding: 0 5px;

}



#ja-subnav ul li ul li a {

	background-image: none !important;

	border: 0 !important;

	color: #333 !important;

	font-weight: normal !important;

	text-decoration: none !important;

}



#ja-subnav ul li ul li a span.menu-title {

	padding-top: 3px;

	padding-bottom: 3px;

}



#ja-subnav ul li ul li a:hover {

	background-image: none !important;

	color: #bf0000 !important;

	text-decoration: underline !important;

}



#ja-subnav ul li ul li a.active {

	color: #bf0000; ! important;

	font-weight: bold !important;

}



/* Breadcrumbs ---*/

#ja-breadcrums {

	/*background: url(../images/h3-bg.gif) no-repeat left;*/

	height: 30px;

	line-height: 30px;

	padding: 5px 0 0 18px;

	font-size: 110%;

}



#ja-breadcrums .inner {

	/*background: url(../images/h3-bg.gif) no-repeat right;*/

	padding: 0 10px 0 0;

	margin: 0;

	height: 30px;

	line-height: 30px;

}



#ja-breadcrums strong {

	margin-right: 5px;

}



#ja-breadcrums img {

	margin: 1px 5px;

}



/* Default Joomla! Menu ---*/

#ja-container ul.menu {

	margin: 0;

	padding: 0;

}



#ja-container ul.menu li {

	background: none;

	/*border-top: 1px solid #e6e6e6;*/

	margin: 0;

	overflow: hidden;

	padding: 0;

}



#ja-container ul.menu li a {

	color: #333;

	display: block;

	outline: none;

	padding: 6px 0;

	text-decoration: none;

	text-indent: 13px;

}



#ja-container ul.menu li a:hover,#ja-container ul.menu li a:active,#ja-container ul.menu li a:focus

	{

	color: #bf0000; /* background: #f6f6f6; */

}



#ja-container ul.menu li.active a {

	color: #bf0000;

	font-weight: bold;

}



#ja-container ul.menu li#current { /* background: #f6f6f6; */



}



#ja-container ul.menu li ul {

	padding-left: 10px;

	margin: 0;

}



#ja-container ul.menu li li {

	background: url(../images/arrow.png) no-repeat left 11px;

	border-bottom: 0;

	border-top: 0;

}



#ja-container ul.menu li li a {

	color: #333 !important;

	font-weight: normal !important;

	text-indent: 10px;

}



#ja-container ul.menu li li a:hover,#ja-container ul.menu li li a:active,#ja-container ul.menu li li a:focus

	{

	color: #bf0000 !important;

	background: none;

}



#ja-container ul.menu li.active>a {

	color: #bf0000 !important;

	font-weight: bold !important;

}



#ja-container ul.menu span.separator {

	display: none;

}



#ja-container ul#mainlevel li {

	padding-left: 20px;

	background-position: 10px 5px;

}



/* SPOTLIGHT

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

#ja-topsl .ja-box,#ja-botsl .ja-box {

	padding: 0;

}



#ja-topsl .ja-box-right,#ja-botsl .ja-box-right,#ja-topsl .ja-box-full,#ja-botsl .ja-box-full

	{

	background: none !important;

}



#ja-topsl .ja-moduletable,#ja-botsl .ja-moduletable {

	border-bottom: 0;

	margin: 0;

	padding: 15px 10px;

}



#ja-topsl li,#ja-botsl li {

	background-position: 1px 7px;

	padding-left: 10px;

}



#ja-topsl ol li,#ja-botsl ol li {

	margin-left: 25px;

	padding: 0 !important;

}



#ja-topsl ul,#ja-topsl p,#ja-topsl ol,#ja-botsl ul,#ja-botsl p,#ja-botsl ol

	{

	padding: 0;

	margin: 0 !important;

}



/* Top ---*/

#ja-top {

	position: relative;

	z-index: 2;

}



#ja-top .main {

	padding: 10px 0;

	color: #fff;

}



#ja-top a {

	border-bottom: 1px dotted #fff;

	color : #676767;

}



#ja-top a:hover,#ja-top a:active,#ja-top a:focus {

	border-bottom: 1px solid #fff;

	color : #3E76D7;

	text-decoration: none;

}



#ja-top a.readon,#ja-top a.readon:hover,#ja-top a.readon:active,#ja-top a.readon:focus

{

	border-bottom: 0;

}



#ja-top ul.menu li#current a {

	color : #3E76D7;

	font-weight: bold;

}



/* Top spotlight ---*/

#ja-topsl {



}



#ja-topsl .main {

	padding: 10px 0;

}



#ja-topsl .ja-box-tl {

	padding-bottom: 3px;
	background:none;

}

#ja-topsl .ja-box-tr {

	
	background:none;

}
#ja-topsl .ja-box-br
{
background:none;
}
#ja-topsl .ja-box-bl
{
background:none;
}

#ja-topsl .ja-box {

	background: url(../images/dot1.gif) repeat-y right;

}



/* Bot spotlight ---*/

#ja-botsl {



}



#ja-botsl .main {

	padding: 10px 0;

}



#ja-botsl .ja-box-tl {

	padding-bottom: 3px;

}



.ja-box-right .ja-moduletable,.ja-box-right .moduletable,.ja-box-full .ja-moduletable,.ja-box-full .moduletable

	{

	border: 0 !important;

	background: 0 !important;

}



/* FOOTER

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

#ja-footer {

	clear: both;

}



#ja-footer .main {

	padding: 9px 0px 19px 0px;

	position: relative;

	background: url(../images/footer_bg.jpg) repeat-x #F8FAF9;
      height: 41px;

}



#ja-footer a {



}



#ja-footer a:hover,#ja-footer a:focus,#ja-footer a:active {

	color: #333;

}



#ja-footer .inner {

	padding: 0 20px;

}



#ja-footer small {

	color: #666;

	font-size: 100%;

}



/* Foot Links ---*/

#ja-footer .ja-footnav {

	font-size: 100%;

	/*margin: 0 10px 10px;*/

	/*padding: 4px 0 3px;*/

	overflow: hidden;

	position: relative;

/*	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;*/

}



.ja-footnav ul {

	line-height: normal;

}



.ja-footnav li {

	border-left: 1px solid #ddd;

	display: block;

	float: left;

}



.ja-footnav li a {

	border: none !important;

	display: block;

	font-weight: bold;

	text-decoration: none;

	color: #ffffff;

	padding: 3px 10px;

}



.ja-footnav li a:hover,.ja-footnav li a:active,.ja-footnav li a:focus {

	/*color: #333;*/

	color : #D2030D;

}



.ja-footnav li a#active_menu-nav {

	color : #D2030D;

}



.ja-footnav .ja-firstitem {

	border-left: 0;

}



/* Extras ---*/

.ja-links {

	/*float: center;*/

	/*margin-left : 145px;*/

        margin-left:2px;

	margin-top: 10px;

	margin-bottom : 10px;

}





.ja-links li {

	background: none;

	padding: 0;

	display: inline;

	/*border: 0;*/

}



.ja-links li.top a {

	background: url(../images/arrow2.png) no-repeat 5px center;

	padding: 2px 10px 2px 17px;

}



.ja-links li.layout-switcher a {

	background: #bf0000;

	color: #fff;

}



.ja-links li.layout-switcher a:hover {

	background: #666;

	color: #fff;

}



.ja-links li.user-reset a {

	background: #bf0000;

	color: #fff;

	text-decoration: none;

}



.ja-links li.user-reset a:hover {

	background: #666;

	color: #fff;

	text-decoration: none;

}



/* Copyright Info. ---*/

.ja-copyright small {



}



/* MISCELLANOUS

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

	/* Others ---*/

#ja-banner {

	border-top: 1px solid #ccc;

	margin: 0;

	overflow: hidden;

	padding-top: 15px;

	text-align: center;

	width: 100%;

}



div.ja-innerdiv {

	border-bottom: 1px dotted #ccc;

	clear: both;

	margin-bottom: 10px;

	padding-bottom: 12px;

}



div.ja-innerdiv h4 {

	font-family: Arial, sans-serif;

	font-size: 92%;

	font-weight: normal;

	margin: 5px 0;

	padding: 0;

	text-transform: uppercase;

}



.cufon-canvas {

	padding: 1px 0 3px;

}



/* Contact ---*/

#contact_us li {

	background: none !important;

	padding-left: 0;

}



#component-contact address {

	font-style: normal;

}



#component-contact #emailForm {

	border-top: 1px solid #ddd;

	padding-top: 15px;

}



.contact_email {

	margin: 0 0 10px;

}



.contact_email label {

	font-weight: bold;

	display: block;

}



.contact_email_checkbox {

	margin: 15px 0;

}



/* Code Added By Sam */

div#content-module1 div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}



div#content-module1 .ja-box-tr {

	background:url(../images/port_right.jpg) no-repeat right top ;

}



div#content-module1 .ja-box-tl {

	background:url(../images/port_left.jpg) no-repeat left top ;

}



div#content-module2 div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}



div#content-module3 div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}



div#content-module4 div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}



div#content-module41 div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}



div#content-module5 div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}



div#content-conimage div.ja-moduletable h3 {

	padding: 10px 0px 5px 5px;

}

#conimage1{

    float: left;
    left: 500px; * left: 415px;
    position: absolute;
    top: 555px;
    width: 36%;

}



h3,h3#con-head {

	text-indent: 0px;

	color:#0585A8;

}



div#ja-toparea {



}



div.main div.top-left-full {

	width : 100%;

}



div.main div.top-left-right {

	height : 362px;

}



div.ja-moduletable.moduletable_menu ul.menu li a{

	text-decoration: none;

	color : #676767;

	font-weight: bold;

	text-shadow: #ffffff;

}



div.ja-moduletable.moduletable_menu ul.menu li a:hover{

	text-decoration: none;

	color : #C8030D;

	font-weight: bold;

	text-shadow: #ffffff;

}



div.ja-moduletable.moduletable_menu ul.menu li#current a{

	text-decoration: none;

	color : #C8030D;

	font-weight: bold;

	text-shadow: #ffffff;

}



div#ja-search ul#mainlevel li {

	display : inline;

	padding : 10px;

}



div#ja-search ul#mainlevel li a {

	color : #676767;

}



div#ja-search ul#mainlevel li a:hover {

	color : #C8030D;

	text-decoration: none;

}



div#ja-search ul#mainlevel li a#active_menu {

	color : #C8030D;

	text-decoration: none;

}



div#ja-footershare {

	width : 35%;

	float : left;

}



div.ja-copyright {

	float : right;

}



div.ja-footercon {

	text-align: center;

	/*margin-top : 20px;*/

	margin-bottom : 20px;

	font-weight: bold;

	color : #ffffff;

}



div#ja-footlast {

	/*padding-top : 60px; *padding-top : 58px;*/
        padding-top: 13px;*padding-top: 11px;

}



div.ja-moduletable.moduletable_portfolio ul {

	margin-top :5px;

}







/*div#Mod66 .ja-box-bl {

	height : 1000px;

}



div#Mod66 {

	height : 1000px;

}*/



ul.menu

{

	text-align:left;

}

div#ja-sample div.ja-box1 div.ja-box-ct

{

	padding : 0;



}



div#ja-sample

{

	/*height:100px;*/

	/*padding-left : 180px;*/

        /* padding-left : 163px; pranesh*/

}



div#ja-sample ul li a

{

	color:#FFFFFF;

}

/******* modified for Hire a Dedicated Employee *****/

td.hire

{

	background:url(../images/img.png) no-repeat  ;

	width:205px;

	height:238px;

}



input.hirebutton

{

	background:url(../images/submit_but.png) no-repeat  ;

	height:30px;

	width:102px;

	color:#FFFFFF;

	font-weight:bold;

	font-size:12px;

	border:none;

	margin-bottom:15px;

}







div#Mod74

{

height:100px;

float:left;

width:100%;

}

td.leftbg

{

	background:url(../images/left.jpg) no-repeat  left top   ;

	height:46px;

	width:53px;

}



td.rightbg

{

	background:url(../images/right.jpg) no-repeat right top  ;

	height:46px;

	width:53px;

}



td.middlebg

{

	background:url(../images/middle.jpg) repeat-x ;

	height:46px;

	width:auto;



}



ul.topright li

{

	display: inline;

    list-style-type: none;

    padding-right: 20px;

}



td.seperator

{

	background:url(../images/sep.jpg) no-repeat right ;

	width:3px;

	height:9px;

	padding-left:12px;

	padding-right:12px;





}

a.hrefcolor

{

	color:#ffffff;

}

ul.disc{

list-style-type:disc;

}

}

ja-content-main.column p 
{
   font-family:Verdana;
   text-align:justify;
}
.osolCaptchaBlock
   {
   width:100%;
   
   }
td.photoframe
{
    background:url(../images/frame.png) no-repeat left;
	padding:0px;
	margin-left:10px;
	margin-bottom:22px;
}
.article-content ul li
{
 margin-left:32px;
 list-style:none;
}
.ecomerce
{
 font-size:14px;
 font-family:cambria; 
 text-align: justify;
}
.ecomerce1 
{
   font-weight:bold;
   text-transform:uppercase; 
   color:#F11406;
   font-family:cambria;
   font-size:15px;
}
.ecomerce2 ul li
{
 background:url("../images/list-im.jpg") no-repeat scroll 0 50% transparent;
}
.onlinestore ul li
{
  list-style:disc;
  padding-left:5px;
}

.advanced td, .advanced {
    border: 1px dotted #888E51;
    border-collapse: collapse;
    font-weight: normal;
    text-align: center;
}
.advanced td a {
    color: #C53406;
    font-weight: bold;
}
.plantable {
    background: none repeat scroll 0 0 #EBF4FC;
}
.reseller img{width:130px;padding:0;}
.reseller {
    background: none repeat scroll 0 0 #2FA3D9;
}
.reseller table td {
    text-align: center;padding:0;
}
tr.lb td {
    background: none repeat scroll 0 0 #E1F2F9;
    border-bottom: 1px solid #63BAE2;
    border-top: 1px solid #63BAE2;
}
td.ts {
    background: url("../images/shadow.jpg") no-repeat scroll 0 0 #FFFFFF !important;
}
tr.white td {
    background: none repeat scroll 0 0 #FFFFFF;
}
.reseller table {
    margin: 0 auto 12px;
    width: 664px;
}
.key a{color:#666; font-size:12px;}
.module_none .ja-box-bl
{
     background:none;
}
.module_none .ja-box-tr
{
     background:none;
}
.module_none .ja-box-tl
{
     background:none;
}
.module_none
{
     background:none;
}
div.module_none h3
{
     background:none;
}
.ss-choices li
{ 
    list-style:none;
}
#ja-footer .ja-footnav li
{
  padding-right: 8px;
}
#ja-footer .ja-footnav li.ja-firstitem
{
   border:none;
}
#ja-footer .ja-footnav li:first-child
{
     border:none;
}
#ja-mainnav ul.megamenu level0 li.mega haschild div.childcontent cols5 div.childcontent-inner clearfix
{
	

}
div.childcontent cols5
{
}
.megacol column4
{
	
}
#content-module4 ul{	margin-left: 15px;}#content-conimage{	clear:both;}
#content-module2 .ja-box-bl, #content-module3 .ja-box-bl, #content-module4 .ja-box-bl, #content-module5 .ja-box-bl
{ 
	background: none;
}
#content-module2 .ja-box-tr, #content-module3 .ja-box-tr, #content-module4 .ja-box-tr, #content-module5 .ja-box-tr
{ 
	background: none;
}
#content-module2 .ja-box-tl, #content-module3 .ja-box-tl, #content-module4 .ja-box-tl, #content-module5 .ja-box-tl
{ 
	background: none;
}
#content-module2 .ja-box-br, #content-module3 .ja-box-br, #content-module4 .ja-box-br, #content-module5 .ja-box-br
{ 
	background: none;
	border-bottom: 1px dotted #505050;
	padding-bottom: 8px;
}
.ja-box-br .head_area h3
{
	color: #7E7F81;
	font-size: 23px;
	padding: 0px !important;
	text-indent: 0px !important;
	text-align: left;
}
.ja-box-br .head_area h3 span
{
	color: #C80509;
}
td.head_area
{
	width: 178px;
}
.mobile_bot
{
	background: url("../images/mobile_bottom.jpg") no-repeat scroll center bottom transparent;
    padding-bottom: 15px;
    width: 334px;
}
.mobile_top
{
	background: url("../images/mobile_top.jpg") no-repeat top;
	padding-top: 9px;
}
.mobile_mid
{
	background: url("../images/mobile_middle.jpg") repeat-y;
	padding: 0px 11px;
}
h3.iphone_head
{
	background: url("../images/app1.jpg") no-repeat scroll left center transparent;
    color: #313131;
    font-size: 19px;
    margin: 0;
    padding: 30px 0 30px 48px;
}
h3.android_head
{
	background: url("../images/app2.jpg") no-repeat left;
	color: #313131;
    font-size: 19px;
    margin: 0;
    padding: 30px 0 30px 69px;
}
.we_offer_table td
{
	vertical-align: top;
	border-bottom: dotted 1px #353535;
}
.we_offer_table td.first_weoffer
{
	border-right: 1px dotted #353535;
}