/* SITE LAYOUT
---------------------------------------------------------------------------------------------------------- */ 
#page_content_background {
	background-image: url(/001_Global/images/bg/_pageTops/_sub/bg-navy-logo.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #041F30;}	
.siteTitle a {
	height:70px!important;
	width:487px;
	background-image: url(hd-siteTitle.png);}
	
/* MISC
---------------------------------------------------------------------------------------------------------- */ 	
.needknow {
	background-color: #EBEBEB;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-box-shadow:1px 1px 3px #787878;
	-webkit-box-shadow:1px 1px 3px #787878;
	box-shadow:1px 1px 3px #787878;
	-o-border-radius:8px!important;
	-khtml-border-radius:8px!important;
	border-radius:8px!important;
	-moz-border-radius:8px!important;
	-webkit-border-radius:8px!important;
	behavior:url(border-radius-ie8.htc)!important;}	
/* IE HACK - ALL VERSIONS - TEMPORARY UNTIL SUITABLE HACK BUILT */	
.needknow { 
	border-top-width:3px\9;
	border-top-style: solid\9;
	border-bottom-color:#CCC\9;
	border-bottom-width:3px\9;
	border-bottom-style: solid\9;
	border-top-color:#CCC\9;	
	border-left-width:3px\9;
	border-left-style: solid\9;
	border-left-color:#CCC\9;
	border-right-width:3px\9;
	border-right-style: solid\9;
	border-right-color:#CCC\9;}	



/* Apply Home Rollover Images
---------------------------------------------------------------------------------------------------------- */ 
div.ourwork {
	position: relative;
	padding: 0;
	z-index: 1;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

div.casestudy {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 230px !important;
	max-width:230px !important;
	background-color: #041F2F;
}
div.casestudy.last { float: right !important; margin: 0 !important; }
div.casestudy.active { cursor: pointer; }
div.casestudy a {
	display: block;
	position: relative;
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	width: 230px;
	height: 300px;
	overflow: hidden;
	border: none;
	background: #000;}
div.casestudy a:focus, 
div.casestudy a:hover { text-decoration: none; }
div.casestudy img {
	position: absolute;
	top: 0;
	left: 0;
	height: 300px;
	width: 230px;}
	
div.intro {
	float: left;
	cursor:pointer;
	cursor:hand;
	cursor:hand;
	display: block;
	width: 210px;
	min-height:100px;
	max-height:100px;
	background-color: #041F2F;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}
div.casestudy h3 {
	color: #FFF!important;
	cursor:pointer;
	cursor:hand;
	text-align:center!important;
	font-size: 23px!important;
	font-weight:normal !important;
	line-height:0.9em!important;
	text-align:left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px!important;
	padding-left: 4px;
	text-transform: capitalize!important;
}
div.casestudy p {
	font-size: 15px;
	cursor:pointer;
	cursor:hand;
	color: #FFF!important;
	line-height:1.2em!important;
	text-align:left;
	padding-top: 3px!important;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 0px;}	
div.casestudy.active h3 { color: #FFF; }