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

html,body {
	height:100.1%;	
}

body {
	background: #111111 url(../img/htmlBack.jpg) repeat-x top left;
	color: #333;
	font-family: Arial, "Trebuchet MS", "Lucinda Grande", verdana;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

div{
	border:0px solid #f00;

}


a, a:visited{
	color:#0099CC;
	text-decoration:underline;
	cursor:pointer;
}

	a span{
		color:#333;
	}

	a img{
		border:none;
	}

	a:hover{
		text-decoration:none;
	}
	
.switchBlockHolder{
	position:relative;
	height:250px;
}	
	
	.switchBlock{
		position:absolute;
		width:620px;
	}	
	
.content a{
	color:#5D9519;
	color:#0099CC;
}


	a.bulleted{
		padding:1px 0px 3px 22px;
		background: transparent url(../img/greenBullet.png) no-repeat top left;
		color:#000;
	}
	
	a.bulleted:hover{
		background-position: bottom left;
	}	

	a.bulleted.right{
		padding:0px 22px 3px 0px;
		background: transparent url(../img/greenBullet.png) no-repeat top right;
		color:#000;
	}	

	a.bulleted.right:hover{
		background-position: bottom right;
	}		
	
h1{
	color:#AAA;
	font-size:14px;
	line-height:20px;
	margin:10px 20px;
	padding:5px 0px;
	border-bottom:1px solid #ddd;
}

	h1 a{
		font-size:10px;
		float:right;
		margin-left:15px;
	}


h2{
	font-size:14px;
	color:#000;
	margin:10px 20px;
	padding:5px 0px;
}

	h2 a{
		font-size:14px;
		color:#000;
		text-decoration:none;
	}

h3{
	font-size:12px;
	color:#222;
	margin:10px 20px;
	padding:5px 0px;
}

	h3 a{
		font-size:12px;
		color:#222;
	}	
	
p{
	font-size:11px;
	margin:10px 20px;
	padding:5px 0px;
	text-align:justify;
	line-height:16px;
}


a.gButton.grey{	background: transparent url(../img/inputs/buttonBack.gif) no-repeat left top;}
a.gButton.grey span{	background: transparent url(../img/inputs/buttonBack.gif) no-repeat right top;}

a.gButton{
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	margin-top: 4px;
	line-height:23px;
}

	a.gButton span{
		color:#777;
		float:left;
		display:block;
		padding:6px 18px 6px 12px;

	}

	a.gButton:hover{
		background-position:0% -35px;
		text-decoration:none;
		cursor:pointer;
	}

	a.gButton:hover span{
		color:#444;
		background-position:right -35px;
		padding:6px 18px 6px 12px;
	}



.clear{
	clear:both;
}
	
/* DIV STRUCTURES */

.container{
	background: transparent url(../img/containerBack.jpg) repeat-y top left;
	margin:0px auto;
	width:960px;
}


	.header{
		background: transparent url(../img/headerBack.jpg) repeat-x top left;
		height:200px;
	}
	
		.header .firstViewLogo{
			float:left;
			height:90px;
			width:550px;
			margin:25px 0px 0px 10px;
		}	
		
		.header .searchBar{
			float:left;
			height:66px;
			margin:40px 0px 0px 10px;
		}			

		.header .menu{
			clear:both;
			border-top:1px solid #000;
		}			

			.header .menu ul{
				list-style:none;
				margin:16px 0px 0px 10px;			
			}			
		
				.header .menu ul li{
					display:inline;
					margin:0px 10px;
				}			
				
					.header .menu ul li a{
						opacity:0.7;
						filter: alpha(opacity=70);
					}		

					.header .menu ul li a img{
						filter: alpha(opacity=70);
					}		

						.header .menu ul li a:hover{
							opacity:1;
							filter: alpha(opacity=100);
						}		

						.header .menu ul li a:hover img{
							opacity:1;
							filter: alpha(opacity=100);
						}		

						.header .menu ul li.selected a{
							opacity:1;
							filter: alpha(opacity=100);
						}							
						
						.header .menu ul li.selected a img{
							margin:-13px 0px -25px 0px;
							opacity:1;
							filter: alpha(opacity=100);
						}	
						
				.header .menu ul li.moreItems:hover .dropMenu{
					display:block;
				}								

				.header .menu ul li.moreItems:hover a.moreItemsButton{
					opacity:1;
					filter: alpha(opacity=100);
				}								

				
				.header .menu ul li.moreItems a.moreItemsButton{
					position:relative;
					z-index:10;
					cursor:pointer;
				}								
						
					.header .menu ul li.moreItems .dropMenu{ /*IE7 HACK */
						display:none;
						margin-left:735px;
						top:125px;
						position:absolute;
						width:165px;
						z-index:5;
						background: transparent url(../img/menu/dropMenuBack.gif) repeat-y top left;
					}					

						.header .menu ul li.moreItems .dropMenu a{
							display:block;
							width:154px;
							height:16px;
							margin:0px 4px 0px 4px;
							padding:8px 0px;
							text-align:center;
							font-weight:bold;
							color:#FFF;
							text-decoration:none;
							background: transparent url(../img/menu/dropMenuItemBack.gif) repeat-x top left;
						}				

		.header .menu #twitter_div{
			float:right;
			margin:0px 20px 0px 0px;
			color:#ddd;
			font-size:11px;
			text-align:right;
			width:380px;
		}	

*html .header .menu #twitter_div{
	width:360px;
}		
		
			.header .menu #twitter_div img{
				float:right;
				margin:20px 0px 20px 10px;
			}			
		
			.header .menu #twitter_div h2{
				color:#444;
				font-size:10px;
				margin:5px 0px 0px 0px;
				padding:0px;
			}			

				.header .menu #twitter_div #twitter-link{
					font-size:10px;
					margin:0px;
					padding:0px;
				}					
			
			.header .menu #twitter_div ul{
				margin:0px 0px 0px 0px;
				padding:3px 0px 1px 0px;
				font-style:italic;
			}	
			
			.header .menu #twitter_div li a{
				display:none;
			}	

			.header .menu #twitter_div li span{
				margin:0px;
				padding:0px;
			}		

				.header .menu #twitter_div li span a{
					display:inline;
					color:#0099CC;
					margin:0px;
					padding:0px;
				}						
						
.content {
	padding:0px 15px;
	z-index:2;
}
	.content .big{
		float:left;
		width:620px;
	}

	.content .small{
		float:right;
		width:300px;
	}

.footerContainer{
	background: transparent url(../img/footerBack.gif) repeat-x top left;
	height:175px;
}

	.footer{
		background: transparent url(../img/footerBackOpen.jpg) no-repeat top left;
		margin:0px auto;
		padding:20px 0px;
		width:960px;
	}
	
		.footer a{
			color:#39521B;
		}
		
		.footer a:hover{
			color:#81B93D;
		}
		
		.footer .linkList{
			display:block;
			float:left;
			margin:15px 25px 0px 25px;
			color:#666;
			line-height:20px;
		}
		
			.footer .linkList li{
				font-size:11px;
			}		

			.footer .linkList .heading{
				list-style:none;
				margin-left:-15px;
				font-size:12px;
				font-weight:bold;
				color:#DDD;
			}		
			
			.footer .linkList:hover .heading{
				color:#DDD;
			}					
			
			.footer .linkList.firstViewLogo{
				margin:10px 25px 0px 50px;
			}
		
			.footer .linkList.firstViewLogo .heading a{
				display:block;
				margin-left:-20px;
				opacity:0.3;
				filter: alpha(opacity=30);
			}
			
			.footer .linkList.firstViewLogo .heading a img{			filter: alpha(opacity=30);		}
			
			.footer .linkList.firstViewLogo .heading a:hover{
				opacity:1;
				filter: alpha(opacity=100);
			}
			
			.footer .firstViewLogo .heading a:hover img{						filter: alpha(opacity=100);		}	
		
		
/* ==================== CONTENT ===================*/

#home .content .recentWork{	}

		#home .content .recentWork h1{
			color:#AAA;
			font-size:14px;
			line-height:20px;
		}
		
		#home .content .recentWork h2{
			color:#000;
			font-size:20px;
			text-decoration:none;
			
		}		
		
			#home .content .recentWork h2 a:hover{
				border-bottom:1px solid #000;
			}				
		
		#home .content .recentWork .projectBlock{
			padding-bottom:10px;
			border-bottom:1px solid #ddd;
		}
		
			#home .content .recentWork .projectBlock h2{
				margin-bottom:0px;
			}		
		
			#home .content .recentWork .projectBlock h2 a{
				float:right;
				font-size:11px;
			}		
			
			#home .content .recentWork .projectBlock a.bulleted{ 
				margin-right:30px;
				color:#0099CC;
			}
			
			#home .content .recentWork .projectBlock .prjDate{
				color:#AAA;
				padding:0px 0px;
				margin-top:-3px;
				font-style:italic;
			}
			
				#home .content .recentWork .projectBlock .prjDate span{
					display:block;
					color:#777;
					margin-bottom:10px;
					font-weight:bold;
					font-style:normal;
				}			

			#home .content .recentWork .projectBlock .flPreview{
				float:right;
				margin:0px 0px 0px 10px;
			}
			
			#home .content .recentWork .projectBlock .imgPreview{
				float:right;
				margin:15px 20px;
				padding:2px;
			}			

		#home .content .recentWork .projectBlock.sub{ 
			padding-top:20px;
		}
			
			#home .content .recentWork .projectBlock.sub h2 a{ 
				font-size:16px;
			}
			

			
			
	#home .content .news{}

		
		#home .content .news h1{
			color:#AAA;
			font-size:14px;
			line-height:20px;
		}		
		
		#home .content .news .newsItem{}
		
			#home .content .news .newsItem h3{
				padding-bottom:0px;
			}		
		
			#home .content .news .newsItem h3 .newsDate{
				font-size:9px;
				color:#aaa;			
				padding-bottom:0px;
				font-weight:normal;
			}
			
			#home .content .news .newsItem p{
				padding:0px 0px 20px 0px;
				color:#888;		
				border-bottom:1px dashed #e5e5e5
			}

			
#careers .careerBlock{
	border-bottom:1px solid #ccc;
	margin:10px;
}
			#careers .careerBlock h2{
				margin-bottom:0px;
				padding-bottom:0px;
			}
			#careers .careerContent .careerDesc{
				margin:0px 20px;
				padding:0px;
			}
			
			#careers .careerContent ul{
				margin:15px 20px;
				padding:0px;
			}			
			#careers .careerContent ul li{
				margin:0px 20px;
				font-size:11px;
			}						
#contact .contact p{
	margin:20px 40px 0px 40px;
	color:#888;
}			
			
#contact .contactForm{
	margin:10px 40px;
}

	#contact .contactForm th{
		padding:12px 0px;
		text-align:left;
		color:#555;
		font-weight:normal;
	}

	#contact .contactForm .inputBox{
		background: transparent url(../img/inputs/inputBack.gif) no-repeat top left;
		width:343px;
		height:18px;
		padding:6px;
	}
	
		#contact .contactForm .inputBox input{
			border:none;
			background:transparent;
			width:343px;
			font-size:14px;
			padding:0px;
		}	
		
	#contact .contactForm .inputBox:hover{
		background-position:left -30px;
	}
	
	#contact .contactForm .textareaBox{
		background: transparent url(../img/inputs/textareaBack.gif) no-repeat top left;
		width:343px;
		height:131px;
		padding:6px;
		margin-top:6px;
	}
	
		#contact .contactForm .textareaBox textarea{
			border:none;
			background:transparent;
			width:343px;
			height:131px;
			font-family:arial;
			font-size:12px;
			padding:0px;
		}	
		
	#contact .contactForm .textareaBox:hover{
		background-position:left -143px;
	}
		
	#contact .contactForm .inputBut{
		padding:3px 5px;
		font-size:14px;
	}
		
	#contact .contactInfo table {
		margin:0px 20px;
	}

		#contact .contactInfo table th{
			padding:8px 10px 8px 10px;
			text-align:left;
		}	
		
			#contact .contactInfo table th.icon{
				padding:2px 11px;
				background-position:left 4px;
				background-repeat:no-repeat;
			}			
			
				#contact .contactInfo table tr:hover th.icon{
					background-position:right 4px;
				}			
	

		#contact .contactInfo table td{
			padding:8px 0px 8px 0px;
			text-align:left;
		}	

		
		#contact .contactInfo .coName{
			font-size:22px;
			font-weight:normal;
			color:#555;
		}
		
			#contact .contactInfo .coName b{
				color:#000;
			}