body {
	background: 	#182129;
	font-size: 		13px;
	line-height: 	18px;
	color: 			#808c97;
	min-width:		1000px;
	font-family: Arial;
}
.epages { margin:15px auto 10px; text-align:center; }
.epages a {border:1px solid #12191e;padding:2px 4px;text-align:center;text-decoration:none; font:12px/14px Tahoma; }
.epages a:hover {  text-decoration:none; }
.epages b {border:1px solid #12191e;padding:2px 4px;text-align:center;text-decoration:none; font:12px/14px Tahoma; }
.epages a b { border:0 none; padding:2px 4px;line-height:14px;}
/*---------------------------------------------------------------------------*/

.main {
	margin: 0px auto;
	width: 940px;
	position: relative;
	z-index: 2;
}

/*---------------------------------------------------------------------------*/
h1{
    font-size: 20px;
	line-height: 1.2307em;
	color: #fff;
	padding:20px 0 7px;
	/*padding: 54px 0 7px;*/
	 text-transform: uppercase; 
}
 h2, h3 {
    font-size: 20px;
	line-height: 1.2307em;
	color: #fff;
	padding: 62px 0 7px;
	/*padding: 54px 0 7px;*/
	 text-transform: uppercase; 
}
	.blog h2 {padding-bottom: 28px;}
	.first h2, .first h3 {padding-top: 54px;}
h4 {}

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

p span {color: white;}

span.color {
	/* text-transform: uppercase; */
	color: #a8d9a7;
}
span.ccttl{
	/* text-transform: uppercase; */
	color: #a8d9a7;
	font-size:18px;
}
/*---------------------------------------------------------------------------*/

.wrapper {width: 100%; overflow: hidden;}
.wrap {
	border-left:solid 1px #2d343a;width: 100%;}
.clear {clear: both;}

p {padding-top: 18px;}

.top {padding-top: 18px;}

.top2 {padding-top: 15px;}
.bot {padding-bottom: 30px;}
.bot1 {padding-bottom: 8px;}

li {list-style: none;}

a {color: #5c6771; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

/*input, textarea {
	outline: none;
	background: #12191e;
	border: 1px solid #2d343a;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	padding: 8px 8px;
	margin: 0 2px;
	font-family: Arial;
}*/
textarea {overflow: auto;}

img {
	border: none; 
	line-height: 0; 
	font-size: 0;
	display: block;
}
.img-indent {
	float: left;
	margin-right: 13px;
}

.img-bot {margin: 4px 20px 23px 0;}

.blue {color: #58c0e5;}

.moduletablewhy {overflow: hidden;}

.overflow {overflow: hidden;}

.aligncenter {text-align: center;}



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

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

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

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

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

#login-form .inputbox {
    width: 200px;
}
#login-form #modlgn-remember {
	width: auto;
	position: relative;
	top: 2px;
	*top: 0px;
	border: none;
	background: none;
	padding: 0;
	line-height: 0;
	border-radius: 0px;
}
#form-login-remember label {width:auto;}
#login-form .button {margin-top: 20px;}
.login-greeting {padding: 0px 0 0;}

#login-form ul {padding: 20px 0px 0 0;}
#login-form ul li {
	font-size: 12px;
	line-height: 33px;
	border-bottom: 1px solid #2d343a;
}
#login-form ul li a {color: #808C97; text-decoration: none;}
#login-form ul li a:hover {color: #a8d9a7;}

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

.contact .inputbox,
.registration input,
.profile-edit input,
.login-fields input,
.remind input,
.reset input {
    width: 200px;
}
#user-registration #jform_email-lbl {line-height: 28px;}
#user-registration .validate {margin: 0;}

#member-registration > div .validate {
	float: left; 
	margin: 5px 10px 0 0;
	width: 95px;
}


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

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

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

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

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

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

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

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

input.button, button.button, button.validate {
	background: #A8D9A7;
    color: #182129;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
    margin: 32px 0 0;
    padding: 7px 18px 6px;
    /* text-transform: uppercase; */
	font-weight: normal;
	border: none;
	font-family: Arial;
}
input.button:hover, button.button:hover, button.validate:hover {background: #59888c; color: white; text-decoration: none;}

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

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

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


#header {
	position:	relative;
	z-index: 	2;
	background: #182129;
}
.header-top {
	background: #12191e;
	border-bottom: 1px solid #282d31;
	height: 27px;
}

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

.logoheader {
	margin: 0 0 0px;
	padding: 40px 0px 36px 0px;
	overflow: hidden;
	float: left;
}

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

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

.navigation {
	height: 134px;
	position: relative;
	z-index: 2;
	float: right;
	width: auto;
	margin-top: -1px;
}

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

form .search {
    margin: 0;
    padding: 0;
    position: relative;
    width: 220px;
}

form .search .inputbox {width: 200px;}

form .search .button {
	border: none;	
    cursor: pointer;
	margin: 12px 2px 0;
	width: 84px;
}

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

.customslider {padding-bottom: 19px;}

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

/*================================================= CONTENT ===============================================*/

#content {
	position: 	relative;
	z-index: 	1;
	padding: 	0 0 37px 0;
	background: #172431;
}

#sidebar {
	float: left;
	width: 210px;
	padding: 0 0 0 0;
	margin: 0 20px 0px 0px;
}
#sidebar2 {
	float: left;
	width: 280px;
	padding: 0 0 0 0;
	margin: 0 39px 0px 0px;
}
#sidebar-1 {
	float: left;
	width: 200px;
	padding: 0 19px 0 0;
	margin: 0 0 0px 20px;
}
#sidebar-2 {
	float: right;
	width: 570px;
	padding: 0 0 0 0;
	margin: 0 0 0px 0px;
}

.blog {overflow: hidden;}


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

#footer {
	border-top: 1px solid #2c3641;
	padding: 34px 0 34px;
	font-size: 12px;
	color: #5c6771;
	line-height: 16px;
}
#footer span {float: left;}
#footer em {
	float: right;
	font-style: normal;
}


/*================================================= Subpages ================================================*/

/*------------------------------------- home --------------------------------------*/

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

.content-top {padding-top: 30px;}
.moduletableblog1, .moduletableblog2, .moduletableblog3, .moduletableblog4 {
	float: left;
	width: 234px;
	padding-bottom: 46px;
}
.moduletableblog1 {background: url(blog1.gif) no-repeat 100% 100% #223f59; color: #a7b2bd;}
.moduletableblog2 {background: url(blog2.gif) no-repeat 100% 100% #59888c; color: #bdcfd1;}
.moduletableblog3 {background: url(blog3.gif) no-repeat 100% 100% #a8d9a7; color: white;}
.moduletableblog4 {background: url(blog4.gif) no-repeat 100% 100% #2a2a2a; color: white;}
.moduletableblog1 h2, .moduletableblog2 h2, .moduletableblog3 h2, .moduletableblog4 h2 {
	font-size: 24px;
	line-height: 46px;
	background: url(blog-h.png) no-repeat right 0px;
	padding: 35px 0 20px 18px;
	height: 38px;
}


.moduletableblog1 p, .moduletableblog2 p, .moduletableblog3 p, .moduletableblog4 p {
	padding: 25px 21px 0px;
	font-size: 14px;
	line-height: 20px;
}
.moduletableblog1 a, .moduletableblog2 a, .moduletableblog3 a, .moduletableblog4 a {
	color: #FFF;
}
.readonblog1 ,.readonblog2 ,.readonblog3 ,.readonblog4{
	display: inline-block;
	font-size: 12px;
	font-style: italic;
	text-decoration: underline;
	margin: 22px 0 0 21px;
	color: white;
	}
.moduletableblog1 a:hover, .moduletableblog2 a:hover, .moduletableblog3 a:hover ,.moduletableblog4 a:hover{text-decoration: none;}

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

span.news {display: block;}
span.news .item {
	background: url(item.png) no-repeat 0px 14px;
	border-top: 1px solid #2b3743;
	padding: 11px 0 0 27px;
	margin: 11px 0px 0px 0px;
}
span.news .item:first-child {border: none; margin-top: 8px;}

span.news .item .date {
	font-size: 15px;
	line-height: 18px;
	color: #a8d9a7;
	/* text-transform: uppercase; */
	padding-bottom: 3px;
}
span.news .item a {color: #808c97;}
	

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

ul.dev {
	float: left;
	margin-right: 20px;
}
ul.dev li {
	float: left;
	width: 135px;
	padding: 0 0 18px 12px;
}
ul.dev li:first-child {padding-left: 0;}
ul.dev li p {padding-top: 15px;}

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

.footer-pad {padding-bottom: 59px;}

#footer p {padding-top: 16px;}

.moduletablefooter {
	float: left;
	width: 210px;
	margin-right: 30px;
}
.moduletablefooter h3, #footer .moduletable h3, #footer .moduletable1 h3 {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	padding: 21px 0px 10px 0px;
	font-family: Arial;
}

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

#footer .testimonials span {
	display: block;
	background: url(/testimonials.png) no-repeat 8px 19px;
	margin-top: 16px;
	padding: 0 0 0 90px;
	float: none;
}

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

#footer .moduletable {
	float: left;
	width: 220px;
	margin-right: 20px;
}
#footer .moduletable1 {
	float: left;
	width: 220px;
}


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

ul.menufooter {padding-top: 9px;}
ul.menufooter li {
	font-size: 12px;
	line-height: 29px;
	border-bottom: 1px solid #20282f;
}
ul.menufooter li a {
	background: url(/footerlist.gif) no-repeat 0px 6px;
	padding-left: 10px;
}
ul.menufooter li a:hover {text-decoration: none; color: white;}

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

/*------------------------------------- about -------------------------------------*/

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

ul.menulist {padding: 16px 1px 0 1px;}
ul.menulist li {
	padding: 5px 0 0 0;
}
ul.menulist li a {
	display: block;
	background: #12191e;
	font-size: 16px;
	line-height: 45px;
	color: #fff;
	text-transform: uppercase; 
	font-weight: bold;
	font-family:Arial;
	height: 45px;
	padding-left: 15px;
}
ul.menulist li a:hover {
	background: #a8d9a7;
	color: #182129;
	text-decoration: none;
}

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

.col-left {
	float: left;
	width: 46%;
}
.col-right {
	float: right;
	width: 45.5%;
}
/*---------------------------------------------------------------------------*/

ul.list {padding: 4px 0 0;}
ul.list li {
	font-size: 12px;
	line-height: 30px;
}
ul.list li a {color: #a8d9a7;}

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

ul.team li {
	float: left;
	width: 148px;
	padding: 20px 0 19px 30px;
}
ul.team li:first-child {padding-left: 0;}
ul.team li span {
	display: block;
	/* text-transform: uppercase; */
	color: #a8d9a7;
	padding-top: 16px;
}
/*---------------------------------------------------------------------------*/

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

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

span.projects {
	display: block;
	width: 963px;
	overflow: hidden;
	padding: 3px 0 0px;
}
span.projects .item {
	float: left;
	width: 278px;
	padding: 10px 10px 20px 10px;
	background: #12191e;
	margin: 18px 23px 0 0;
}
span.projects .item:hover {background: #182129;}
span.projects .item img {float: none;}
span.projects .item h2 {
	color: #a8d9a7;
    font-family:Arial;
    font-size: 13px;
    line-height: 18px;
    padding: 20px 0 0px;
    /* text-transform: uppercase; */
	font-weight: normal;
}

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

.item-pageprojects h2 {padding-bottom: 25px;}
.item-page{
	width: 700px;
	float: left;
	}

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

/*----------------------------------- services ------------------------------------*/

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

span.lh {
	display: block;
	border-bottom: 1px solid #2b3743;
	padding-bottom: 26px;
	margin-bottom: 5px;
}

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

ul.sr {padding: 25px 0 0 0;}
ul.sr li {
	background: #12191e;
	padding: 14px 0px 17px 58px;
	margin-top: 5px;
	font-size: 12px;
	line-height: 19px;
	color: #808c97;
}
ul.sr li.s1 {background: url(/s1.png) no-repeat 20px 21px #12191e;}
ul.sr li.s2 {background: url(/s2.png) no-repeat 20px 21px #12191e;}
ul.sr li.s3 {background: url(/s3.png) no-repeat 20px 21px #12191e;}
ul.sr li.s4 {background: url(/s4.png) no-repeat 20px 21px #12191e;}
ul.sr li span, ul.sr li a {color: white;}

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

ul.so {width: 678px;}
ul.so li {
	float: left;
	width: 195px;
	padding: 0 0 0 86px;
	margin: 26px 58px 0 0px;
}
ul.so li.o1, ul.so li.o3 {}
ul.so li.o1 {background: url(/o1.png) no-repeat 0px 0px;}
ul.so li.o2 {background: url(/o2.png) no-repeat 0px 0px;}
ul.so li.o3 {background: url(/o3.png) no-repeat 0px 0px;}
ul.so li.o4 {background: url(/o4.png) no-repeat 0px 0px;}
ul.so li span {display: block;}

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

/*================================================= Subpages ================================================*/

.policy {width: 700px;}
.policy span {color: #A8D9A7; /* text-transform: uppercase; */}

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

.FAQs {padding: 0 29px;}

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

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

img.map {float: left; margin-right: 20px;}
em.color {
	/* text-transform: uppercase; */
	display: block;
	color: #a8d9a7;
	font-style: normal;
}
.contacts span {
	display: inline-block;
	width: 80px;
	color: white;
}

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

.contact {margin:0 5px; overflow: hidden;}
.contact form {}
#contact-form fieldset {padding: 0px 0px 0px 0px;}
#contact-form fieldset legend {display: none;}
#contact-form fieldset dt {
    clear: left;
    float: left;
    padding: 3px 0 0;
    width: 100%;
	display: block;
}
#contact-form fieldset dd.contact-input {
    float: left;
    padding: 0px 0px 0px;
	height: 34px;
	width: 100%;
	display: block;
}
.contact input {
	width: 219px;
	position: relative;
}
.contact textarea {
	width: 300px;
	max-width: 300px;
	min-width: 220px;
	height: 194px;
	max-height: 300px;
	min-height: 150px;
	position: relative;
	overflow: auto;
}

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

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

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

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


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

.readon, .readmore a {
	display: inline-block;
	font-size: 10px;
	line-height: 16px;
	color: #182129;
	/* text-transform: uppercase; */
	background: #a8d9a7;
	padding: 7px 18px 6px;
	margin: 8px 0 0 0;
}
.readon:hover, .readmore a:hover {background: #59888c; color: white; text-decoration: none;}

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

#member-registration > div a, #member-profile > div a, #member-profile .validate, .profile a {
	background: none repeat scroll 0 0 #A8D9A7;
    color: #182129;
    display: inline-block;
    font-family: Arial;
    font-size: 10px;
    line-height: 16px;
    margin: 5px 0 0 8px;
    padding: 8px 18px 7px;
    /* text-transform: uppercase; */
}
#member-registration > div a:hover, #member-profile > div a:hover, #member-profile .validate, .profile a:hover {background: #59888c; color: white; text-decoration: none;}
#member-registration > div {
	line-height: 37px;
}

.edit-icon {display: inline-block;}
.indexnn a{
	color: #FFF;
	text-decoration: none;	
	}
.indexnn  a:hover{
	color: #FFF;
	text-decoration: none;	
	}
.ccll{
	padding-top: 10px;
	padding-left: 1px;
}
.search_text {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	LINE-HEIGHT: 21px;
	WIDTH: 150px;
	font-size:16px;
	BACKGROUND: url(search_mid.jpg);
	HEIGHT: 45px;
	VERTICAL-ALIGN: middle;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	color: #a8d9a7;
}
.search_button {
	WIDTH: 47px; HEIGHT: 45px; VERTICAL-ALIGN: middle
}



.hul2 {
	display: block;
	float: left;
	width: 224px;
	padding-bottom: 5px;
}
.hul2 li {
	display: block;
	float: left;
	height: 20px;
	width: 224px;
	padding-bottom: 5px;
}
.nobor {
	padding-bottom: 0px!important;
}
.hul2 li a {
	background-image: url(leftli.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	width: 220px;
	color: #444444;
	line-height: 21px;
	text-decoration: none;
	padding-left: 24px;
}
.hul2 li a:hover {
	background-image: url(leftlihover.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 20px;
	width: 220px;
	color: #FFFFFF;
	line-height: 21px;
	text-decoration: none;
	padding-left: 24px;
}