html, body {
height: 100%;
}

body
{
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#bbe36f;
	background: url("../images/main-wrapper.jpg") repeat scroll left top transparent;
}

#wrapper{
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	background: url(../images/main-bg.jpg) top left repeat-x;	
	}

a, a:visited{color:#bbe36f;}
a:hover{color:#fff;}
p {text-align:justify;}

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

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

h1{
	color:#fff;
	margin:0 0 15px 0;
	font-weight:normal;
	}
h2{
	color:#fff;
	margin:0 0 15px 0;
	font-weight:normal;
	}
h3{
	color:#fff;
	margin:0 0 15px 0;
	font-weight:normal;
	}
h4{
	color:#fff;
	margin:0 0 15px 0;
	font-weight:normal;
	}
h5{
	color:#fff;
	font-size:16px;
	margin:0 0 15px 0;
	font-weight:normal;
	}
h6{
	color:#fff;
	font-size:12px;
	margin:0 0 15px 0;
	font-weight:normal;
	}
	
.grid_16 
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px; 
}

.grid_15 
{
	display:inline;
	overflow:hidden;
	width:500px;
	float: right;
	position: relative;
	margin: 0px 5px 0 0;
}
.grid_15 img { float:left; margin:0 18px 0px 0;	}
.grid_15 .support { font-family: 'Allan', arial, serif; font-size:18px; font-weight:700; color:#FFFFFF; line-height:1.2em; padding-top:10px; }
.grid_15 .support span { font-size:14px; font-weight:600; color:#FFFF33; line-height:1.2em; }		

			
#top_wrapper
{
	width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

#header_wrapper
{
	height:530px;
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:10; 
	background:url(../images/slider-bg.png) bottom center no-repeat;
}
#header_wrapper2
{
	height:410px;
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:10; 
}


#logo {
	width:300px;
	display:inline;
	float: left;
	position: relative;
	margin:0 5px 15px 0px;
}

#logo a img{
    margin: 5px 0 0 0px;
	border:none;
}

#logo #tag{
	width:auto;
	margin:0 0 5px 30px;
	color:#FFFFFF;
	font-weight:700;
}
		
#top{ float:right; margin:5px 0 0 0; width:670px; }
			
/*=======SLIDER ROW=======*/

/* --------------- Nivo Slider Start ------------------ */

#slider-wrapper {
    width:950px;
    height:320px;
	margin:0px auto;
	padding:13px 13px 10px 12px;
	position:relative; 
	z-index:1;
	background:url(../images/slider.png) 0 0 no-repeat;
}
#slider-wrapper2 {
    width:950px;
    height:262px;
	margin:0px auto;
	padding:11px 13px 0px 12px;
	position:relative;
	z-index:1;
	background:url(../images/slider_s.png) 0 0 no-repeat;
}

#slider {
	float:left;
	width:950px;
    height:315px !important;
	margin:0px auto;
	padding:0px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav { position:absolute; left:330px; bottom:-60px;}
.nivo-controlNav a {
	display:block;
	width:42px;
	height:44px; 
	background:url(../images/slider-nav.png) left 0 no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:2px;
	float:left;
}

.nivo-controlNav a.active { background:url(../images/slider-nav-cur.png) left 0 no-repeat;} 

.nivo-controlNav a:hover { background:url(../images/slider-nav-act.png) left 0 no-repeat; }

.nivo-directionNav a { display:block; width:45px; height:45px; text-indent:-9999px; border:0; border:1px solid #FF0000; }
a.nivo-nextNav { background:url(../images/right.png) 0 0 no-repeat; position:absolute; top:333px !important; left:685px;}
a.nivo-prevNav { background:url(../images/left.png) 0 0 no-repeat; position:absolute; top:333px !important; left:285px}

/* --------------- Nivo Slider Ends ------------------ */
	
	
	
/*==========CIRCLES ROW=============*/
#circles_wrapper
{
	width: 100%;
	height: 348px;
	background:url(../images/circles.png) top center no-repeat;
}


#circles
{
	width:960px;
	margin:0 auto;
	position:relative;
}	
	
#circles .newsflash{
	position:relative;
	top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#fff;
	text-align:center;	
	}
#circles .newsflash{
	position:relative;
	top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#fff;
	text-align:center;	
	}
	
#circles .newsflash ul li{
	background:url(../images/circle-item-bg.png) left 10px no-repeat;
	display:block;
	height:297px;
	width:240px;
	float:left;
	position:absolute;
}
	
#circles .ui-draggable.second{
	left:240px;}
#circles .ui-draggable.third{
	left:480px;}
#circles .ui-draggable.fourth{
	left:720px;}

	
#circles .newsflash ul li h3{
	font-size:24px;
	height:25px;
	letter-spacing:0px;}
	
#circles .newsflash ul li div.newsflash-item{
	padding:35px 30px 50px 30px;  }

#circles .newsflash ul li div.newsflash-item .abt{
	margin:0px; }
	
#circles div.drag{
	background:url(../images/drag.png) top left no-repeat;
	width:132px;
	height:76px;
	position:absolute;
	top:220px;
	left:115px;
	z-index:20; 
	}
	
#circles .readmore{
    margin: auto;
    position: relative;
    top: 4px;
    width: 100px;
	}
	
#circles ul li.hover div.readmore, #circles ul li.active div.readmore, #circles ul li.permanent div.readmore{
	background:url(../images/readmore-l.png) bottom left no-repeat;
	}
	
#circles ul li.hover div.readmore a, #circles ul li.active div.readmore a, #circles ul li.permanent div.readmore a{
	background:url(../images/readmore-span-l.png) repeat-x;
	background-position:left -45px;
}

#circles ul li.hover div.readmore span.readmore-outer, #circles ul li.active div.readmore span.readmore-outer, #circles ul li.permanent div.readmore span.readmore-outer{
	background:url(../images/readmore-r.png) bottom right no-repeat;
}

#circles ul li div.readmore .readmore-glow{
    background: url("../images/readmore-glow.png") no-repeat scroll center bottom transparent;
    height: 112px;
    left: -5px;
    opacity: 0.6;
    position: absolute;
    top: -53px;
    width: 128px;
}

#circles ul li.hover div.readmore .readmore-glow, #circles ul li.active div.readmore .readmore-glow, #circles ul li.permanent div.readmore .readmore-glow{
	background:url(../images/readmore-m.png) bottom center no-repeat;
	left: -5px;
    position: absolute;
    top: -59px;
    width: 128px;
	height:112px;
	}

#circles ul li.hover, #circles ul li.active{
	z-index:20;
	cursor:pointer;}

#circles ul li.first.active, #circles ul li.first.permanent{
	background:url(../images/circle-first-hover.png) top center no-repeat;
	}
	
#circles ul li.first.hover{
	background:url(../images/circle-1.png) top left no-repeat;
}

#circles ul li.second.hover, #circles ul li.second.active{
	background:url(../images/circle-2.png) top left no-repeat;
}

#circles ul li.third.hover, #circles ul li.third.active{
	background:url(../images/circle-3.png) top left no-repeat;
}

#circles ul li.fourth.hover, #circles ul li.fourth.active{
	background:url(../images/circle-4.png) top left no-repeat;
}
	
/*========CONTENT=============*/

#content-wrapper{
	overflow:hidden;
	}
		
#content{
}

#content_left
{
	width:640px;
	background:url(../images/line-ver.png) top right repeat-y;
	display:inline;
	padding-right:20px;
	float: left;
	position: relative;
	margin: 25px 10px 5px 5px;
}

#content_right
{
	width:275px;
	display:inline;
	float: left;
	position: relative;
	margin: 25px 0px 5px 5px;
}
.text1
{
	color:#F0F0F0;
	margin:20px 0;
	text-align:justify;
	font-size:15px;
	
}
#content_left p
{
	margin: 10px 0px;
	font-size:14px;
	
	clear:both;
	line-height:18px;
}
#content_left ul
{
	width:630px; float:left;
	margin:0px 0 10px 30px;
}
#content_left ul li{
	width:600px;
	background:url(../images/li-icon.png) no-repeat;
	background-position:left -7px;
	padding-left:20px;
	color:#FFCC00;
	font-size:13px;
	line-height:16px;
	padding:0px 0 0 20px;
	margin:4px 0;
}

#intern_right
{
	width:275px; color:#006633
	height:400px;
	background:url(../images/intern_bg.png) no-repeat; border:1px solid #000000;
}	
	
/*Readmore Button Style*/

div.readmore{
	background:url(../images/readmore-l.png) top left no-repeat;
	padding:0 0 0 21px;
	height:45px;
	display:inline-block;
	}
	
div.readmore.hover{
	background:url(../images/readmore-l.png) bottom left no-repeat;
	}

div.readmore a, div.readmore button, div.readmore input{
	float:left;
	background:url(../images/readmore-span-l.png) top left repeat-x;
	height:40px;
	text-transform:uppercase;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	border:none;
	}
	
div.readmore.hover a{
	background:url(../images/readmore-span-l.png) bottom left repeat-x;
}

#bottom-panel-row div.readmore.hover a, div.readmore.hover button, div.readmore.hover input, .item-content div.readmore.hover a{
	background:url(../images/readmore-span-l.png) left -45px repeat-x;
}


div.readmore span.readmore-inner{
	float:left;
	background:url(../images/readmore-m.png) top center no-repeat;
	display:block;
	padding-top:13px;
	letter-spacing: -1px;
	}
	
div.readmore span.readmore-outer{
	float:left;
	background:url(../images/readmore-r.png) top right no-repeat;
	width:21px;
	display:block;
	height:45px;
	}
	
div.readmore.hover span.readmore-outer{
	background:url(../images/readmore-r.png) bottom right no-repeat;
}


.search div.readmore{
	margin-top:10px;
	    float: right;}
		
.search #searchForm fieldset.word{
	margin:0;
	padding:0;}
		
.search #searchForm fieldset.word input,
.search #searchForm fieldset.word label{
	float:left;}


.search #searchForm fieldset.word div.readmore{
    display: inline;
    float: left;
    left: 10px;
    position: relative;
    top: -20px;
}

/*======Articles Formatting==========*/

.item-page{
	padding-bottom:60px;
	}

.item-page h2, .item-page h2 a{
	color:#fff;
	}
	
.item-page img{
	float:left;
	margin:0 1em 1em 0;
	}
	
.item-page span.content_rating img{
	float:none;
	margin:0;}
	
.item-page ul.actions{
	float:right;
	padding:5px 0;}
	
.item-page .actions img{
	float:none;
	margin:0;
	}
	
.item-page h2.page-title{
	font-size:30px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 30px 0;
	float:left;}
	
.item-page ul.images-left li{
	overflow:hidden;
	margin-bottom:2em;}

.item-page ul.images-left img{
	float:left;
	padding-right:1em;
	}

	
.item-page ul.images-left li p strong{
	color:#fff;}
	
.item-page ul.works li img{
	padding-bottom:1em;
	margin-bottom:0;}
	
.item-page ul.works li div{
	width:295px;
	text-align:center;}
	
.item-page ul.works li{
	float: left;
    padding: 20px;
    width:295px;}
	
.item-page ul.works li strong{
	color:#fff;
	}
	
.item-page ul.works li{
	padding-top:1em;}
	
.item-page ul.works li a{
	color:#fff;
	}
	
.item-page ul.works li a:hover{
	text-decoration:underline;}
	
	
/*===========Sample pages============*/

.sample-page{
	padding-right:20px;
	}
	
.sample-page img{
	float:left;
	}

.sample-page h2{
	padding:1em 0;}
	
.sample-page strong{
	color:#fff;}
	
.sample-page ul li{
	background:url(../images/li-icon.png) no-repeat;
	background-position:left -9px;
	padding-left:20px;
}

.sample-page ul li a{
	color:#fff;
	}
	
.sample-page ul li a:hover{
	text-decoration:underline;}
	
ul.our-team li{
	float:left;
	list-style:none;
	overflow:hidden;
	margin-bottom:2em;
	    width: 100%;
	}
	
ul.our-team li img{
	float:left;
	margin-right:1em;
	}
	
ul.our-team li p strong{
	color:#fff;}
	
ul.our-team li p{
	text-align:left;}

	
.testimonials dt, .jobs dt{
	color:#fff;}
	
.testimonials dd, .jobs dd{
	margin-bottom:2em;}
	
.jobs dd a{
		text-decoration:underline;}
	
.jobs dd a:hover{
	color:#fff;}
	
.jobs strong{color:#fff;}
	
.training img{
	float:left;
	margin: 0 1em 1em 0;}
	
.training h2{
	margin:1em 0;}
	
.training h4{
	color:#fff;
	margin-bottom:0.5em;}
	
.training ul li{
	    float: left;
    padding: 0 10px;
    width: 30%;
	}
	
.mission ul li a{
	color:#fff;
	}
	
.mission ul.float{
	float:left;
	width:50%;
	}
	
.mission img{
	float:left;
	margin:0 1em 1em 0;}
	
.mission div{
	overflow:hidden;}
	


.aside .services ul li{
	background:url(../images/li-icon-aside.png) top left no-repeat;
	padding-left:15px;}
	
	
.career img{
	float:left;
	    margin: 0 40px;}
	
.career .images{
	overflow:hidden;
	margin:auto;
	text-align:center;}
	
.career ul li{
	background:url(../images/li-icon-aside.png) top left no-repeat;
	padding-left:15px;}
	

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%

}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}



.cols-4 .column-1
{
        width:23%;
        float:left
}

.cols-4 .column-2
{
        width:23%;
        margin-left:1%;
        float:left;
}

.cols-4 .column-3
{
        width:23%;
        margin-left:1%;
        float:left
}

.cols-4 .column-4
{
        width:23%;
        margin-left:0;
        float:right
}

div.row-separator{
	clear:both;
	height:0px;
	visibility:hidden;}


ul.pagenav{
	overflow:hidden;
	margin-top:1em;}
	
ul.pagenav li a{
	color:#fff;
	}

		
/*=======Login Page==========*/

.login, .reset, .remind, .registration, .logout{
	padding-bottom:60px;}
	
.login-links ul li a{
	color:#bbe36f;
}

.login-links ul li a:hover{
	color:#fff;}
	
input#username, input#password, form#member-registration input{
	width:200px;}
	
div.profile fieldset dt {
    display: block;
    float: left;
    width: 10em;
}	


div.profile, div.profile-edit{
	padding-bottom:40px;}
	
.registration div.reg
{
	width:105px;
	float:left;
	}
	
div.profile-edit .reg{
	width:90px;
	float:left;
}
	
.registration div.cancel,
div.profile-edit .cancel{
	width:80px;}
	
.registration div.readmore a,
.registration div.readmore:hover a,
div.profile-edit .readmore a,
div.profile-edit .readmore:hover a{
    height: 32px;
    padding-bottom: 0;
    padding-top: 13px;
		} 

	
/*=========Search module============*/

.search{
	padding-bottom:60px;}
	
.aside .search{
	padding-bottom:5px;
	padding-top:5px;}
	

input#mod-search-searchword{
	height: 20px;
    width: 245px;
	}
	
.search .phrases-box, .search .ordering-box{
	padding:5px 0;}
	
.search dl.search-results{
	padding:20px;
	margin-top:10px;
	}
	
.search dl.search-results dt.result-title, .search dl.search-results dt.result-title a{
	color:#fff;
	}
	
dl.search-results .result-category, dl.search-results dd.result-created{
	color:#fff;
	font-size:11px;}
		
dl.search-results dd.result-created{
	margin-bottom:2em;}
	
	
/*==========Contact us Page==========*/

.contact{
	padding-bottom:60px;}
	
#contact-slider .panel{
	background: url("../images/latest-bg.png") repeat scroll left top transparent;}

/*=================BOTTOM PANEL=============*/	
	
#bottom-panel-row{
	background:url(../images/bottom-panel-bg.jpg) top left repeat;
	position:relative;

	}
	
.top-shadow{
    background: url("../images/top-shadow.png") repeat-x scroll left bottom transparent;
    position: absolute;
    top: -20px;
    width: 100%;
}
		
.bottom-shadow{
    background: url("../images/bottom-shadow.png") repeat-x scroll left top transparent;
    bottom: -19px;
    position: absolute;
    width: 100%;
}
	
#bottom-panel-row h1{
	margin-top:30px;}
	
#bottom-panel-bg{
	background:url(../images/bottom-panel-glow.jpg) top left repeat-x;}
	
#bottom-panel-glow{
	background:url(../images/bottom-panel-glow.jpg) top center no-repeat;
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	padding:5px 0 0px;
	}
	
.featured{overflow:hidden; width:960px; height:auto; margin:0 auto; }
.featured ul li{
	float:left;
	padding-right:15px;
	padding-left:20px;
	padding-bottom:20px;
	width:440px; 
	
}

.featured ul li h2.newsflash-title span{
	display:none;
}
	
.featured ul li h2.newsflash-title a{
	color:#fff;
	}
	
.featured ul li h2.newsflash-title a:hover{
	text-decoration:underline;}

.featured ul li h2{
	color:#FFF;
	line-height:20px;}
	
#bottom-panel-row{
	margin:0;}
	
	
.featured-1{
	background:url(../images/featured-icon-1.png) top left no-repeat;
	}
.featured-2{
	background:url(../images/featured-icon-2.png) top left no-repeat;
	}

.featured-3{
	background:url(../images/featured-icon-3.png) top left no-repeat;
	}
.featured-4{
	background:url(../images/featured-icon-4.png) top left no-repeat;
	}
	

/*==================LATEST NEWS=============*/

.aside .newsflash ul li .newsflash-item{
	font-size:13px;
	}
	
.aside .newsflash ul li .newsflash-item h4, .aside .newsflash ul li .newsflash-item h4 a{
	font-size:13px;
	color:#fff;
	}
	
.aside .newsflash ul li .newsflash-item h4 a:hover{
	text-decoration:underline;}
	
.aside .newsflash ul li .newsflash-item h4{
	position:relative;
	top:153px;}
	
.aside.latest .newsflash ul li{
	height:237px !important;
	width:250px !important;}
	
.aside.latest .newsflash ul li .newsflash-item img{
	position:relative;
	top:-20px;
	padding-bottom:13px;}
	
	
.jcar-controls{
	width:90px;
	height:45px;
	position:relative;
	right:-7px;
	top:-62px;
	float:right;
	}

.jac-left{
	background:url(../images/jac-left.png) top left no-repeat;
	height:45px;
	width:45px;
	float:left;
	}
	
.jac-left:hover{
	background:url(../images/jac-left-hover.png) top left no-repeat;}

.jac-right{
	background:url(../images/jac-right.png) top left no-repeat;
	height:45px;
	width:45px;
	float:left;
	}
	
.jac-right:hover{
	background:url(../images/jac-right-hover.png) top left no-repeat;
}

	
.aside.latest{
	position:relative;
	top:-45px;
}

/*==========COLUMN LEFT===============*/

#col-left{
	position:relative;
	z-index:1;}
	
/*==========COLUMN RIGHT==============*/

.moduletable_menu .aside{
	background:url(../images/latest-bg.png) top left repeat;
	overflow:hidden;
	border:1px solid #2e7a36;
	padding:10px 10px 20px;
	
	border-radius:16px;
 	-moz-border-radius:16px;
 	-webkit-border-radius: 16px;
	position:relative;
	z-index:1;
	}
	
.moduletable_menu{
	margin-bottom:30px;}
	
	
/*=======FOOTER MENU========*/
#footer_wrapper
{
	background:url(../images/bottom-panel-bg.jpg) top left repeat;
	position:relative;
	margin:0;
}
#main-bottom
{
	
}
	
#main-bottom .moduletable_menu{
	margin-bottom:10px;
}

#footer-links
{
    padding: 35px 0 0;
	overflow:hidden;
}

#quick_links
{
	width:212px;
	display:inline;
	float: left;
	position: relative;
	margin: 0px 5px 0 10px; 
}

#testimonial
{
	width:370px;
	display:inline;
	float: left;
	position: relative;
	margin: 0px 5px 0 10px;
}

#Recent_projects
{
	width:300px;
	display:inline;
	float: right;
	position: relative;
	margin: 0px 10px; 
}
#Recent_projects h4
{
	margin: 0px;
	font-size:16px;
	letter-spacing:1px;
	color:#99CC00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique; 
}

#Recent_projects .hor_line
{
	height:5px; background:url(../images/li-border.png) bottom repeat-x; margin-bottom:10px;
}

.why_point {margin:0px; padding:13px 0 0px 11px; height:35px; background:url(../images/green_circle.png) left no-repeat; }
.counter { font-size:18px; font-weight:700;  color:#FFFFFF;}
.whyus { padding:0px 0 5px 15px; font-size:12px;}
	

#footer-links p.title{
	font-size:20px;
	height:30px;
	color:#fff;
	}
		
.divider_h{
	background:url(../images/line-hor.png) repeat-x left;
	width:950px;
	margin:0 auto;
	height:10px;
}

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

#footer-row{
	background: #297F34 url(../images/footer-bg.jpg) repeat-x top left;
	height:60px;
	padding-top:20px;
	}
	
.push {
	height:60px;
}	

#footer p.copyright{
	width:340px;
	font-size:12px;
	line-height:40px;
	margin:10px auto;
	text-align:center;
	color:#bbe36f;
	}
	
a.privacy{
	color:#bbe36f;}
	
a.privacy:hover{
	color:#fff;
	}
	
#quick_contact
{
	width:254px;
	float:right;
	padding-left:20px;
}

.call
{
	width:190px;
	height:60px;
	background:url(../images/call_us.png) no-repeat left;
	float:right;
	color:#CCFF00;
	font-family:Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 0px 10px;
	padding:2px 0 0 50px;
}

.mailus
{
	width:190px;
	height:50px;
	background:url(../images/mail_us.png) no-repeat left;
	float:right;
	color:#CCFF00;
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 5px 10px;
	padding:15px 0 0 50px;
}

.mailus a
{
	color:#CCFF00;
}