/*
Theme Name: devcon
Theme URI: http://developmentconnect.com/
Description: devcon 1.0
Version: 1.0
Author: envirse
Author URI: http://envirse.com/
Tags: multi web usage

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



*/

*{
	margin:0px;
	padding:0px;

}

body{
	font-family:Verdana,Helvetica, sans-serif;
	background-color:#FFFFFF;
	
	
	font-size:.75em;

}
a{
	text-decoration:none;
	color:#215503;

}

#container{
	/*
	background-image:url(images/bgs/rotate.php);
	background-repeat:no-repeat;
	background-position:top center;
	*/

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
	width:100%;

}
/*

.page-id-32{
	background-image:url(images/bg3.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}
*/


/* home */
.home, .page-id-5, .parent-pageid-5{
	background-image:url(images/bg1.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}



/* vision and mission */
.page-id-6{
	background-image:url(images/bg5.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}

/*services*/
.page-id-7{
	
	background-image:url(images/bgs/bg2.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}

/* background */
.page-id-9{
	background-image:url(images/bgs/bg3.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}


/* contact us */
.page-id-12{
	background-image:url(images/bgs/bgs_contact.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}

.error404{
	
	background-image:url(images/bgs/rotate.php);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px;

}



/*
.blog, .single{
	background-image:url(images/bg3.jpg);
	background-repeat:no-repeat;
	background-position:top center;

	background-color:#FFFFFF;
	-webkit-background-size: 2000px 1200px; 
}


*/

#content{
	width:1000px;
	margin:0 auto 25px;
	
}

#header{
	width:100%;
}

#tag{
	float:right;
	/*margin-top:-45px;*/
	color:#215503;
	font-size:1.25em;
	
	padding:30px 5px 0 0;
	margin-right:25px;
}


#quote1{
	margin:-25px 25px 10px 0px;
	padding-bottom:10px;
	width:404px;
	height:69px;
	background-image:url(images/quotes/gandhi.png);
	background-repeat:no-repeat;
	float:right;
}

#quote2{
	margin:-25px 25px 10px 0px;
	padding-bottom:10px;
	width:404px;
	height:69px;
	background-image:url(images/quotes/kennedy.png);
	background-repeat:no-repeat;
	float:right;
}

#quote3{
	margin:-25px 25px 10px 0px;
	padding-bottom:10px;
	width:404px;
	height:69px;
	background-image:url(images/quotes/mead.png);
	background-repeat:no-repeat;
	float:right;
}


#quote4{
	margin:-25px 25px 10px 0px;
	padding-bottom:10px;
	width:404px;
	height:69px;
	background-image:url(images/quotes/einstein.png);
	background-repeat:no-repeat;
	float:right;
}


.quote {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width:404px;
	height:69px;
}



#headerBox{
	position:relative;
	width:970px;
	margin:0 auto;
	min-height:60px;
	
	padding:0 5px 5px 25px;

}

#headerBox h1{
	padding:0;
	
}

#logo{
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:163px;
	margin-top:0px;
	float:left;


}

.logo {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 163px;
	height: 168px;
}







#navigation{
	position:absolute;
	top:72px;
	left:365px;
	
	width:600px;
	
}

#navigation ul{
	list-style:none;
	padding:0 10px 0 5px;
	float:right;
	
}

#navigation li{

	float:left;
	padding:15px 5px 2px 5px;
	margin-right:10px
		
}


#subnavigation ul{
	list-style:none;
	padding:0 5px 0 10px;
	float:left;
	background-color:#99ccff;
	margin:-20px 10px 15px 10px;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
}

#subnavigation li{

	float:left;
	padding:0px 10px 2px 10px;
		
}

li.current_page_item, li.current_page_ancestor, li.current_page_parent{
	padding:15px 5px 10px 5px;
	background-color:#58702c;
	-moz-border-radius-bottomright: .5em;
  	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
  	-webkit-border-bottom-left-radius: .5em;
	background-image:url(images/listBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
		
}

li.current_page_item a, li.current_page_ancestor a, li.current_page_parent a{

	color:#FFFFFF;
	padding:0 2px;
		
}


h2.title{
	color:#778D4F;
	margin:-20px 30px 5px 30px;

}

.section{
	width:940px;
	margin:5px 30px 10px 30px;
	position:relative;
	-moz-border-radius: 1.5em;
  	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
  	-webkit-border-radius: 1.5em;
	background-color:#c9d3a5;
	background-image:url(images/sectionBg.jpg);
	background-repeat:repeat-x;
	min-height:326px;
}

.section h2{
	padding:5px;

}

.section .white{
	
	color:#FFFFFF;
	font-size:.65em;
	background-color:#000000;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	padding:2px 5px;

}



.section div.caption {
	margin: 0;
	padding:0;
	position: relative;
}

.section div.caption p {
	position: absolute;
	margin: 0; padding: 3px;
	font-size: 1.25em;
	
	bottom: 0;
	left: 0;
	background:#99ccff;
	color: black;
	opacity: .9;
	width:314px;
	
}


.section #imageHolder div.caption p {
	position: absolute;
	margin: 0; padding: 3px;
	font-size: 1.25em;
	
	bottom: 0;
	left: 0;
	background:#99ccff;
	color: white;
	opacity: .9;
	width:975px;
	
}

.section div.caption img {

}

#left{
	color:#5B6A63;
	padding:25px;
	width:400px;
	float:left;
}

#left p{
	font-size:1.05em;
	padding:5px 15px 5px 5px;
	line-height:1.4em;
	



}

#left h3{
	font-size:1.35em;
	line-height:1.4em;
	padding:10px 0 5px 0;



}



#right{
	width:477px;
	height:317px;
 	padding:3px;
	margin:5px 5px 5px 0;

	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	float:left;
	background-color:#8c935a;

}

.one{
	background-image:url(images/gallery/image1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

.random{
	background-image:url(images/gallery/rotate.php);
	background-repeat:no-repeat;
	background-position:center center;
}






.two{
	background-image:url(images/gallery/image13.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

.three{
	background-image:url(images/gallery/image2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}







#double{

	color:#5B6A63;
	padding:25px;
	width:890px;
 
}


#double p{
	font-size:1.05em;
	padding:5px 15px 5px 5px;
	line-height:1.4em;
	



}


/*____________specx ----*/
#services{
	width:877px;
	
	margin-bottom:25px;
}

#services ul{
	color:#5B6A63;
	padding:10px 5px 5px 5px;
	list-style:none;
}
	
#services ul li{
}
	
#services li{
	width:300px;
	margin:1px;
	padding:2px 0 2px 5px;
	font-weight:bold;	
}
	
	
	
#services ul ul{
	margin:0px;
	padding:0px;
	position:relative;
	top:-1.75em;
	left:24em;
	width:500px;
	height:20px;		
}
	
	
#services ul ul li{
	font-size:.95em;
	width:570px;
	float:left;
	background-image:none;
	background-color:#ECEFE0;
	color:#5B6A63;
	padding:2px 4px;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	font-weight:normal!important;	

}







#news{

	color:#5B6A63;
	padding:25px;
	width:657px;
	float:left;
 
}


#news p{
	font-size:1.15em;
	padding:5px 15px 5px 5px;
	line-height:1.4em;
	



}




#side{
	width:220px;
	min-height:208px;

	float:left;
	padding-bottom:25px;
	
	
}

#side div.side-item{
	

}

#side div.side-item ul{
	padding:10px 0 20px 0;

}

#side div.side-item li{
	
	float:none;
	padding:5px 20px 5px 10px;
	list-style:none;
	font-size:1.05em;
	min-height:5px;
	
}

#side div.side-item li:hover{
	background-color:#FFFFFF;
}



#side div.side-item h3{
	padding:5px;
	margin:2px;
	/*
	background-color:#99CCFF;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	*/
}



#title{
	margin-top:-10px;

}


.section h3.title{
	padding:5px;
	background-color:#99CCFF;
 	/*opacity:.7;*/
 
 }
 
 

.post{
	

}
.post h2{
	padding:10px 20px 5px 10px;
		font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.65em;

}

.post small{
	background-color:#99CCFF;
	margin:5px;
	padding:2px;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
}

.post p{
	padding:5px 20px 10px 10px;
}
.post p.wp-caption{
	background-color:#99CCFF;
}

.topImage{
	padding:5px;
	background-color:#E3E8D1;
	/*border:1px #C1D483 solid;*/
	float:left;
	margin:10px 25px 15px 0;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;

}

.copy{
	padding:5px 30px 20px 50px;

}

.copy h3{
	padding:10px 0 15px 0;
 	/*opacity:.7;*/
 
 }


.video{
	padding:25px 30px 20px 100px;



}

.entry img{
	

}

blockquote{
	color:#FFFFFF;
	background-color:#99CCFF;
	width:205px;
	float:left;
	margin:5px 30px 15px -45px;
	padding: 10px 10px 10px 10px;
	font-size:1.45em;
	font-family:Georgia, "Times New Roman", Times, serif;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;


}

blockquote h4{
	color:#FFFFFF;
	text-align:center;
	
	font-size:0.85em;
	font-family:Georgia, "Times New Roman", Times, serif;

}





.postmetadata{
	border-top:1px solid #99CCFF;
	margin:5px 30px 20px 50px;
	background-color:#EDEDED;
	-moz-border-radius-bottomright: .75em;
  	-webkit-border-bottom-right-radius: .75em;
	-moz-border-radius-bottomleft: .75em;
  	-webkit-border-bottom-left-radius: .75em;
	
}

.navigation2{

	margin-bottom:50px;

}

.alignright{
	float:right;

}




#footer{
	width:100%;
	background-image:url(images/footerBg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border-top:2px #FFFFFF solid;	
}

#footerBox{
	width:990px;
	margin:0 auto;
	padding:0 5px;
	min-height:50px;
	margin-top:-2px;
}
#footerNavigation{
	width:790px;
	margin-bottom:20px;
}

#footerNavigation ul{
	list-style:none;
	padding:0 5px 0 10px;
	background-color:#FFFFFF;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
}

#footerNavigation li{
	float:left;
	padding:15px 10px 5px 10px;
	
}








#sm {
	visibility:hidden;
	padding:5px 25px 0 0;
	width:175px;
	float:right;
	text-align:right;
	opacity:.7;
}


.copyright{
	color:#8E9C5F;
	padding:20px 15px 5px 15px;
	text-align:left;
	font-size:.95em;

}

#envirse, #envirse a{
	float:right;
	color:#919674;
	padding:0px 5px;
	background-color:#C9D3A5;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	opacity:.8;
}


/*footer widgetized */

.footer-item {
	float: left;
	width: 330px;
	

}

.footer-item ul {
	padding:5px;
}

.footer-item li {
	list-style:none;
	padding:5px;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
}

.footer-item li:hover {
	background-color:#FFFFFF;
	/*noncompliant css3 */
	
}


.footer-item h3 {
	color:#990000;
	padding:5px;
	background-color:#ffffff;
	margin-right:1px;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	/*noncompliant css3 */
	
	
	
}

.float{
	float:left;
}
.floatR{
	float:right;
}

.clear{
	clear:both;
	}



.generic-leftbutton {
	background: url(images/leftbutton.png) top right no-repeat;
	display: inline-block;
	margin: 0px 20px 0px 5px;
	float:left;
}




.generic-leftbutton a{
	display: block;
	height: 30px;
	color: #833d03;
	font-size: 11px;
	padding: 6px 21px 0 33px;
	margin-left: -12px;
	text-decoration: none;
}

.generic-leftbutton a:hover {
		color: #990000;
		text-decoration: none;
		
	}

.generic-leftbutton a {
		background: url(images/leftarrow.png) top left no-repeat;
	}


.generic-rightbutton {
	background: url(images/rightbutton.png) top left no-repeat;
	display: inline-block;
	margin: 0px 20px 0px 5px;
	float:right;
}




.generic-rightbutton a{
	display: block;
	height: 30px;
	color: #833d03;
	font-size: 11px;
	padding: 6px 33px 0 21px;
	margin-right: -12px;
	text-decoration: none;
}

.generic-rightbutton a:hover {
		color: #990000;
		text-decoration: none;
		
	}

.generic-rightbutton a {
		background: url(images/rightarrow.png) top right no-repeat;
	}
	
	

.generic-button {
	background: url(images/button.png) top left no-repeat;
	display: inline-block;
	margin:10px 0 0 0;
	
}


.button{
	padding: 0 45px;
}

.generic-button a{
	display: block;
	height: 30px;
	color:#FFFFFF;
	font-size: 11px;
	padding: 3px 33px 0 21px;
	margin-right: -12px;
	text-decoration: none;
}
	.generic-button a:hover {
		color:#333333;
		text-decoration: none;
		
	}


	.generic-button a {
		background: url(images/arrow.png) top right no-repeat;
	}
	
input, textarea{

	color:#333333;
	padding:5px;
	margin:10px 0 10px 5px;
	background-color:#CCCCCC;
	border:0px;
	/*noncompliant css3 */
	-moz-border-radius: .75em;
  	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
  	-webkit-border-radius: .75em;
}

 input:focus, textarea:focus{
	color:#ffffff;
	padding:5px;
	margin:5px 0 5px 5px;
	background-color:#333333;
		border:0px;

}


#searchsubmit{
	padding:5px;
	margin-left:10px;
	color:#ffffff;
	background-color:#990000;
		border:0px;
		/*noncompliant css3 */
	-moz-border-radius: .75em;
  	-webkit-border-radius: .75em;
	-moz-border-radius: .75em;
  	-webkit-border-radius: .75em;

}

#searchsubmit:hover{
	color:#ffffff;
	background-color:#333333;
	cursor:pointer;
		border:0px;
		
}


.subHeader{
	margin-left:15px;
	padding:0 5px;
	font-size:.85em;
	color:#990000;
	background-color:#FFFFFF;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;


}

.screen-reader-text{
	visibility:hidden;
	

}


#commentSection{
	clear:both;
	width:640px;
	padding:15px;
	
	border-top:1px #990000 solid;

	}


	#commentSection ol{
		margin:20px 0 20px 20px;
	
	}

#commentSection a {
	color:#990000;
	text-decoration:none;
}

.commentOption{
	font-size:1.25em;
	padding:10px 0 10px 10px;
	
	


}

.commentOption p{
	float:right;
	padding:10px;
	
	background-color:#000000;
	


}
	
.commentOption a{
	color:#99ccff;
	text-decoration:none;
	

}	
	
#comment{
	width:625px;

}	
	
#comments{
	color:#FFFFFF;
	background-color:#990000;
	margin-bottom:25px;
	padding:5px;
}	
	
#comments a{
	color:#DBBE21;
	text-decoration:none;
	
}	
		
	
#postcomment{
	color:#FFFFFF;
	background-color:#990000;
	margin:25px 0 0 0;
	padding:5px;

}		
	
.thread-alt {
	background-color:#E1F7FF;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	padding:5px;
	margin-bottom:5px;
}
.thread-even {
	background-color:#D8EBF6;
	
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	padding:5px;
	margin-bottom:5px;
}
.depth-1 {

}

.even, .alt {

}


	#gallery{
		position:relative;
		width:100%;
		border:2px #E3E8D1 solid;
	}
	
	#slideTitle{
	position:absolute;
	z-index:1000;
	top:103px;
	left:5px;
	font-size:1.8em;
	font-family:Verdana,Helvetica, sans-serif;
	width:969px;
	text-align:left;
	background-color:#99CCFF;
	opacity:.6;
	}
	
	#slider, #slider2{
		margin:0 auto;
		position:relative;
	
	}
	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		width:890px;
		height:400px;
		overflow:hidden; 
		}
		
	#slider2, #slider2 li{ 
		width:990px;
		height:350px;
		overflow:hidden; 
		}	
	
	/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	
	
	
	#prevBtn, #nextBtn{ 
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left:936px;
	top:-20px;
	}	
		#nextBtn{ 
	left:956px;
	border-left:1px #FFFFFF solid;
	}														
		#prevBtn a, #nextBtn a{  
	display:block;
	width:35px;
	height:35px;
	background:url(images/leftarrow.png) no-repeat 0 0;	
	}	

	#nextBtn a{ 
	background:url(images/rightarrow.png) no-repeat 0 0;	
	}	
	
	/* numeric controls */	

	#gallery ol#controls{
	    position:absolute;
		top:400px;
		left:5px;
		margin:1em 0;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		background:#5B6A63;
		color:#fff;
		padding:0 5px;
		text-decoration:none;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		-moz-border-radius: .5em;
		-webkit-border-radius: .5em;
		
		}
	ol#controls li.current a{
		background:#fff;
		color:#5B6A63 !important;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}






.projectList{
	width:490px;
}

.projectList ul{
	color:#333333;
	padding:10px 5px 5px 5px;
	list-style:none;
}
	
.projectList ul li{
}
	
.projectList li{
	width:160px;
	margin:1px;
	padding:2px 0 2px 5px;
	font-weight:bold;	
}
	
	
	
.projectList ul ul{
	margin:0px;
	padding:0px;
	position:relative;
	top:-1.45em;
	left:16em;
	width:312px;
	height:20px;		
}
	
	
.projectList ul ul li{
	font-size:.95em;
	width:90px;
	float:left;
	background-image:none;
	background-color:#333333;
	color:#FFFFFF;
	padding:2px 4px;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
}











/* _______ categories ____________ */


#topImage{

color:#FFFFFF;
background-color:#990000;
min-height:200px;
font-size:2.5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
margin:5px;
opacity:.7;

}



.introduction{
  	background-color:#99CCFF;
	
	font-size:1.25em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	padding:5px;
	margin:0 0 15px 0;

}

.top h4{
	
	font-size:1em;
	width:640px;
	
	padding:5px;
	text-align:center;

}


.hidden{
	visibility:hidden;

}

#videoHolder{
	width:938px;
	background-color:#000000;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	padding:3px;
	border:3px #99CCFF solid;
	margin:0 20px;
}

#videoHolder .channel h2 a{
	color:#FFFFFF;
}

#videoPlayer{
	width:425px;
	margin:0 auto;

}

/*
.page-template-page-design-php{
	 background-image:url(images/nsp_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
*/
.page-template-page-video-php{
	 background-image:url(images/nsp_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;




}


.channel{
	width:310px;
	min-height:200px;
	background-color:#333333;
	margin:1px;
	float:left;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
  	-webkit-border-radius: .5em;
	background-image:url(images/broadcast.png);
	background-repeat:no-repeat;
	background-position:center center;

}