/* CSS Document */

/*--globals--------*/
body{
	background-color:#4E4D4D;
	margin:0px;
}
/*------Divs--*/
#BGwrapper{
	background-image:url(../images/stretchbody.jpg);
	background-repeat:repeat-x;
	width:100%;
	float:left;
	}
#BGwrapperGreen{
	background-color:#6ba72a;
	width:100%;
	float:left;
	
	}
#wrapper{
	margin:0 auto;
	width:950px;
	}
#flashWrapper{
	width:960px;
	height:650px;
	margin:auto auto;
	position:absolute;
	z-index:100;
	top:0px;
	left:center;
}
#secondWrapper{
z-index:0;
position:absolute;
}
#masthead{
	float:left;
	width:950px;
}
#logo{
	float:left;
	width:960px;
	height:86px;
}
#topBar{
	float:left;
	width:950px;
	height:44px;
	background-image:url(../images/topBar.jpg);
	background-repeat:no-repeat;
	}
#contentwrap{
	float:left;
	width:950px;
	background-color:#FFFFFF;
	background-image:url(../images/st.jpg);
	background-repeat:repeat-y;
	}
/*-----------navigation on the left STARTS here---------*/	
#nav{
	float:left;
	width:161px;
	height:400px;
	background-image:url(../images/navBg.jpg);
	padding-top:20px;

	`padding-top:33px;
	background-repeat: no-repeat;
	background-color: #6BA72B;
}
#nav span{
	display:none;
	}	
#nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
/*	margin-left:125px;
*/	
	padding-left:61px;
	position:absolute;
	padding-top:13px;
	`padding-top:0px;
}
#nav li{
	color:#f8e98b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	display:block;
	margin:0px;
	padding:0px;
	position:relative;
	width:96px;
	padding-bottom:19px;
}
#nav li.box{
	border:none;
	}	
#nav li a{
	color:#f8e98b;
	text-decoration:none;
}
#nav li a:hover{
	color:#66d9f2;
	}
/*----rollovers----*/	
#whoWe{
	background-image:url(../images/whoWeAre1.jpg);
	background-repeat:no-repeat;
	}	
#whoWe:hover{
	background-image:url(../images/whoWeAre2.jpg);
	background-repeat:no-repeat;
}

#whatWe{
	background-image:url(../images/whatWeDo1.jpg);
	background-repeat:no-repeat;
	}	
#whatWe:hover{
	background-image:url(../images/whatWeDo2.jpg);
	background-repeat:no-repeat;
	}	
#whatWe:hover{
	background-image:url(../images/whatWeDo2.jpg);
	background-repeat:no-repeat;
	}				
#portfolio{
	background-image:url(../images/portfolio1.jpg);
	background-repeat:no-repeat;
	}	
#portfolio:hover{
	background-image:url(../images/portfolio2.jpg);
	background-repeat:no-repeat;
	}	
#portfolio:hover{
	background-image:url(../images/portfolio2.jpg);
	background-repeat:no-repeat;
	}			
#clientFeed{
	background-image:url(../images/clientFeed1.jpg);
	background-repeat:no-repeat;
	}	
#clientFeed:hover{
	background-image:url(../images/clientFeed2.jpg);
	background-repeat:no-repeat;
	}	
#clientFeed:hover{
	background-image:url(../images/clientFeed2.jpg);
	background-repeat:no-repeat;
	}			
#contact{
	background-image:url(../images/contact1.jpg);
	background-repeat:no-repeat;
	}	
	
#contact:hover{
	background-image:url(../images/contact2.jpg);
	background-repeat:no-repeat;
	}		
#contact:hover{
	background-image:url(../images/contact2.jpg);
	background-repeat:no-repeat;
	}			
/*----rollovers END----*/		
/*--------DropDowns---*/
#nav ul li ul {
	display:none;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:96px;
		}
#nav ul li ul li{
	font-size:8px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	padding:0px;
	padding-left:15px;
	margin-left:0px;
	width:200px;
	color: #4b8604;
	margin-top:0px;
	margin-bottom:5px;
	border:none;
	position:relative;
	padding-top:5px; /* SUBNAV COLORED BOX INDIVIDUAL ELEMENT SPACING */
}
#nav ul li ul li a{
	color: #4b8604;
	text-decoration:none;
	text-transform: uppercase;
}
#nav ul li ul li a:hover{
	color: #4b8604;
	text-decoration:underline;
	text-transform: uppercase;
}
#nav ul.navbar li:hover ul ,#nav ul.navbar li.over ul{
	display:block;
	}
#nav ul li ul.whoWeAre {
	width:170px;
	height:auto;
	padding-top:7px;
	padding-bottom:5px;
	background-color:#F2F1B9;
}
#nav ul li ul.whatWeDo {
	padding-top:7px;
	padding-bottom:5px;
	width:170px;
	height:auto;
	background-color:#cbd6f5;
	}
#nav ul li ul.portfolio {
		padding-top:7px;
	padding-bottom:5px;
	width:170px;
	height:auto;
	background-color:#e0f3bb;
}
#navStrretch{
	float:left;
	width:157px;
}
/*--------DropDowns End---*/
/*-----------navigation on the left ENDS here---------*/	
	#content{
	float:left;
	width:720px;
	background-color:#FFffff;
	padding-left:50px;
	/*padding-right:90px;*/
	padding-top:20px;
	padding-bottom:20px;
	`padding-bottom:5px;
	}
	
#content p{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:16.5pt;
	margin-left:60px;
	/*	margin-right:100px;
*/	color:#515153;
	font-size:12px;
	}
	#content p .W{
	
	 font-size: 28px
	 }
	
#content span{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height:16.5pt;
	color: #4b8604;
	font-size:18px;
	}	
#content a{
	color:#FF0000;
	text-decoration:underline;
	}
#content a.none{
	color:#666666;
	text-decoration:underline;
	}
#content a:hover{
	text-decoration:none;
	}
#content h1{
	color:#3f76f3;
	font-size:10px;
	margin-left:30px;
	}
#content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #4b8604;
}
#copyright{
	float:left;
	`float:none;
	width:960px;
	height:47px;
	background-color:#363434;
	}
#copyright ul{
	list-style:none;
	margin-left:400px;
	margin-top:10px;
}
#copyright li{
	color:#7a7d80;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
#footer{
	background-color:#363434;
	float:left;
	width:940px;
	height: 50px;
	padding-left:10px;
}

#footerRight {
	background-color:#363434;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	
	width:940px;
}
#footerRight ul {
	padding:0px;
	margin:0px;
}
#footerRight ul li {
	margin:0px;
	padding:0px;
	display:inline;	
	padding-right:29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-variant: normal;
	color: #b3b5b8;
	text-decoration:none;
	letter-spacing:0.4pt;
}
#footerRight ul li.space{
	padding-left:30px;
	`padding-left:20px;
	}
@media screen and (-webkit-min-device-pixel-ratio:0){
#footerRight ul li.space{
	margin-left:65px;
	}
}
#footerRight ul li.cr {
	font-size:9px;
}

#footerRight ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #9BC9F7;
	text-decoration:none;
	text-transform: uppercase;
}

#footerRight ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #b3b5b8;
	text-decoration:underline;
	text-transform: uppercase;
}
/*----classes---*/
.space{
	margin-left:30px;
	}