/* CSS Document */

/*--globals--------*/
body{
	background-color:#4E4D4D;
	margin: 0;
}
html { min-height: 100%; margin-bottom: 1px; }
/*------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;
	background-color:#666666;
	}
#masthead{
	float:left;
	width:950px;
}
#logo{
	float:left;
	width:950px;
	height:86px;
}
#topBar{
	width:950px;
	height:42px;
	background-image:url(../images/topBar.jpg);
	background-repeat:no-repeat;
	text-align: right;
	float: left;
	}
#topBar span{
	display:none;
}
#contentwrap{
	float:left;
	width:950px;
	background-color:#666666;
	background-image:url(../images/stPort.jpg);
	background-repeat:repeat-y;
	}
/*-----------navigation on the left STARTS here---------*/	
#nav{
	float:left;
	width:157px;
	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---------*/	

/*------------secondary navigation on top START--------- */
/*-------BLUE---------*/

#topNav{
	float:left;
	width:750px;
	height:35px;
	background-color:#cbd6f5;
}
#topNav ul{
	list-style:none;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:0px;
	padding-left:20px;
	
}
#topNav li{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #4b8604;
	font-size:9px;
	letter-spacing:2px;
	margin-right:50px;
	float:left;
	
	}
#topNav li a{
	color: #4b8604;
	text-decoration:none;
	}
#topNav li a:hover{
	color:#fb1717;
}
#topNav li a .activated {
	color:#fb1717;
}


/*-------yellow---------*/

#topNav2{
	float:left;
	width:750px;
	height:35px;
	background-color:#faf9ad;
}
#topNav2 ul{
	list-style:none;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:0px;
	padding-left:20px;
	
}
#topNav2 li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4b8604;
	font-size:9px;
	letter-spacing:2px;
	margin-right:50px;
	float:left;
	
	}
#topNav2 li a{
	color: #4b8604;
	text-decoration:none;
	}
#topNav2 li a:hover{
	color:#fb1717;
}
#topNav2 li a .activated {
	color:#fb1717;
}

/*------------secondary navigation on top END--------- */
/*------------secondary navigation PORTFOLIO on top START--------- */
#topNavPort{
	float:left;
	width:750px;
	height:34px;
	background-color:#e0f3bb;
}
#topNavPort ul{
	list-style:none;
	margin-bottom:0px;
	margin-top:15px;
	margin-left:0px;
	padding-left:20px;
	
}
#topNavPort li{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #4b8604;
	font-size:9px;
	letter-spacing:2px;
	margin-right:50px;
	float:left;
	
	}
#topNavPort li a{
	color: #4b8604;
	text-decoration:none;
	}
#topNavPort li a:hover{
	color:#fb1717;
	}

/*------------secondary navigation PORTFOLIO on top END--------- */


#content{
	float:left;
	width:700px;
	background-color:#666666;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:30px;
	}
#content p{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-left:60px;
	margin-right:20px;
	color:#616163;
	font-size:11px;
	}
#content td{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	margin-left:60px;
	margin-right:20px;
	color:#616163;
	font-size:11px;
	}

#content li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:60px;
	margin-right:20px;
	color:#666666;
	font-size:11px;
	list-style-image: url(../images/list.jpg);
	padding-top:5px;
}
#content li a{
	color:#006600;
	text-decoration:none;
	}
#content li a:hover {
	text-decoration:underline;
}
#content span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color: #4b8604;
	}	
#content a{
	color:#FF0000;
	text-decoration:underline;
	}
#content a:hover{
	text-decoration:none;
	}
#content h1{
	color:#3f76f3;
	font-size:10px;
	margin-left:60px;
	}
#content h2{
	font-family:Arial, Helvetica, sans-serif;
	color: #4b8604;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-left:60px;
	}
#content h3{
	color:#3f76f3;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:60px;
	}
#content ul.pad{
	margin-left:0px;
	padding-left:0px;	
	}
/*-----footer------*/
#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;
	}