@import url("../skins/steel.css");
/*
Title:      Shift special homepage styles
Updated:    30 October 2006
*/

body {
	background-image:url(../../img/steel/glow-nav-home.jpg);
	}


div#wrapper {
	width: 860px;
}
div#nav {
	width: 860px;
}

/* -----[ optional webbys and we are hiring boxes at top of page ]----- */

.extras {
	position: absolute;
	top: 0;
	left: 290px;
	}
	
.extras img {
	margin: 0 4px 0 0;
	}	

/* -----[ main nav ]----- */

div#nav {
	background-repeat:no-repeat;
	background-position:0 93px;
	padding-top:93px;
	height: 14em;
	width:860px;
	}

/* -----[ main content area ]----- */

div#image-box {
	background:url(../../img/image-box-lft-shado-hm.png) repeat-y 0 0;
	padding:0;
	margin-top:-90px;
	min-height:325px;
	}
/* hide from IE/mac \*/
* html div#image-box {
  height: 325px;
  he\ight: 325px;
	}
/* end hide */

div#image-box-btm {
	background:url(../../img/image-box-btm-shado-hm.png) no-repeat 0 0;
	height:37px;
}

div#image-box-inside {
	width: 760px;
	background: #88807d;
	padding:0;
	margin:0 50px 0 40px;
	border-bottom: 1px solid #88807d; /* fixes bug in Netscape */
	}

/* -----[ announcements text on LHS of page ]----- */

.announcements {
	padding: 18px 0 0 22px;
	}
	
.announcements p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.4em;
	color: #000;
	}	
	
.announcements img {		
	float: right;
	padding: 0 0 5px 10px;
	border:0;
	}

.announcements img.more {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	float: none;
	border: 0;
	}
	
.announcements a:link, .announcements a:visited {
	font-size: 0.9em;
	color: #013040;
	text-decoration: underline;
	}	
	
.announcements a:hover {
	font-size: 0.9em;
	color: #000;
	}					

/* -----[ large image in main content area ]----- */


.homepage-img {
	width: 760px;
	height: 298px;
	background: #88807d url(../../img/apn-ipad_projecthome.jpg) no-repeat 0 0;
	}

/* -----[ feature box ]----- */

.feature {
	width: 442px;
	float: right;
	margin: -64px 0 0 22px; /* compliant browsers */
	padding: 12px 12px 0 18px;
	background: #e0dae8 url(../../img/homepage/features-left-shado.jpg) no-repeat 0 0;
	position: relative;
	}		
	
.feature img {
	float: left;
	margin: 0 12px 12px 0;
	border: 2px solid #FFF;
	}	
	
.feature h2 {
	font-size: 1.4em;
	color: #322a22;
	text-transform: uppercase;
	margin: 5px 10px 0 0;
	padding: 0;
	}	

.feature p {
	font-size: 1.2em;
	/*line-height: 1.2em;*/
	color: #000;
	margin: 5px 10px 4px 0;
	padding: 0;
	}
	
.feature a:link, .feature a:visited {
	color: #013040;
	text-decoration: underline;
	margin-bottom: 5px;
	}	
	
.feature a:hover {
	color: #000;
	text-decoration: none;
	}		

.feature img.more {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	float: none;
	border: none;
	}			

/* -----[ most recent work / news and events section ]----- */
	
.work-news-events {
	width: 450px; /* compliant browsers */
	float: left;
	margin: 0 -12px 0 -18px; /* compliant browsers */
	padding: 15px 22px 0 0; /* compliant browsers */
	background: #88807d url(../../img/homepage/features-btm-shado.png) no-repeat right top; 
	display: inline; /* fixes double float doubled margin bug in IE */
	} 

/* -----[ most recent work column ]----- */
	
.work-col {
	width: 50%;
	float: left;
	background-color: #88807d;
	padding-bottom: 10px;
	}		
	
.feature .thumb {
	display: inline;
	margin: 0 10px 0 10px;

	float: left;
}

.feature .thumb img {
	display: block;
	background-image: url(../../img/thumb-shado-sm.png);
	margin: 0;
	padding: 2px 2px 5px 11px;
	border: none;
	width: 83px;
	height: 57px;
	float: none;
}			

/* -----[ news and events column ]----- */
	
.news-events-col {
	width: 46%;
	float: right;
	background-color: #88807d;
	padding-bottom: 10px;
	}	
	
div#image-box-inside .work-news-events h3 {
	margin: 0 0 5px 20px;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #76705f;
	font-weight: bold;
	font-size: 1.2em;
	color: #322a22;
	}			

.work-news-events p {
	color: #212724;
	font-size: 1.1em;
	margin: 0 0 10px 20px;
	}

.work-news-events a:link, .work-news-events a:visited {
	color: #013040;
	text-decoration: none;
	}
	
.work-news-events a:hover {
	color: #212724;
	text-decoration: none;
	}
	
.work-news-events .work-col p {
	font-size: 1.2em;
	}		
	
.work-news-events .work-col a:link, .work-news-events .work-col a:visited {

	color: #013040;
	text-decoration: underline;
	line-height: 2.0em;
	}
	
.work-news-events .work-col a:hover {

	color: #212724;
	text-decoration: none;
	}		
	
.work-news-events ul {
	margin: 0 0 0 21px;
	padding: 0;
	list-style-type: none;
	}	

.work-news-events li {
	color: #212724;
	font-size: 1.1em;
	padding: 0 0 3px 8px;
	background: url(../../img/arw-rt-blue.gif) no-repeat 0 2px;
	}