body {margin: 0; padding: 0; border-top: 3px solid #c0c0c0; background: #000 url(/images/h/backing_head.jpg) no-repeat -120px top; color:#333;font:11px verdana, sans-serif; }
#contain {width:960px; }


a {color: #00cae5; text-decoration: none;}
a:hover {text-decoration:none;}

#header {height: 153px; width: 960px; margin: 0 auto; font-size: 12px; font-family: Verdana;}
#header #mashead {}
	#header h1 { background: url(/images/h/logo-applesource.gif) no-repeat left 23px; width: 204px; height:150px; text-indent: -9999px; margin: 0 0 0 10px; padding:0; float: left;}
	html>body #header h1 {margin: 0 0 0 20px;}
	
	#header #navigation {float:left; padding: 70px 0 0 30px; position: relative;}
		#header #navigation ul {height: 28px; line-height: 25px; background: #444 url(/images/h/backing_navigation.jpg); margin: 0 0 0 10px; padding: 0 0 0 0px; float: left; width: 670px;}
		html>body #header #navigation ul {width: 680px;}
		
		#header #navigation ul li {display: block; float: left; margin: 0 0px 0 0; padding: 0;height: 28px; width:67px; text-align:center }
		html>body #header #navigation ul li { width:auto }
		
		#header #navigation ul li a { display: block; padding: 0 10px 0 10px; margin:2px 1px 0 0; height: 26px; /*text-transform:uppercase;*/ font-size:11px; }
		#header #navigation li.selected a, #header #navigation ul li a:hover {background:#111 url(backing_navigation-selection.jpg); color: #acd249;;}
		#header #navigation ul li.selected {background: url(/images/h/nav-divider.gif) no-repeat right;}
	
		#header #navigation #search { position: absolute; right: 15px; top: 74px; width: 170px; border: 1px solid #1d1d1d; background:#080808 url(/images/h/icon_search.gif) no-repeat right; height: 19px; }
		#header #navigation #search input {height: 17px; background:#fff url(/images/h/backing_search.gif) repeat-x; border: none; width: 148px;}
	
		#header #navigation #tags {position: absolute;right: -5px; top: 36px; padding: 0 0px 0 0; font-family: Georgia;}
		#header #navigation #tags a {color: #7c7c7c; font-size: 10px; padding: 0 5px 0 0 ;}

	#body {background: #000 url(/images/h/backing_body.png) repeat-x; position: relative; clear: both; }
		#body #shadow {background:no-repeat center -150px; min-height: 300px;}
		html>body #body #shadow {background:transparent url(/images/h/backing_shadow.png) no-repeat center -150px; min-height: 300px;}

		#body #container { width: 960px; margin: 0 auto; position: relative;bottom: 24px; background: url(/images/h/border_carousel.png) no-repeat; padding-top:5px}
		html>body #body #container {bottom: 24px;}

#carousel {width: 960px; background:#070707; padding: 0px 0 0 0; margin: 0 auto;  min-height: 178px; font-size: 12px; font-family: Verdana; } /*top was 5*/
	#carousel #top-story {width: 635px; background: #000 url(/images/h/backing_carousel.png) no-repeat; float: left; position: relative; padding:0px 0 0 0;}
		#top-story .slide {padding: 20px 350px 0 20px; background-repeat: no-repeat; background-position: right top; height: 168px; color: #fff;}
		html>body #top-story .slide {padding:10px 350px 0 20px; height:178px;}
		#top-story .slide h2 {color: #acd249; font-family: Arial; font-weight: normal; font-size: 18px; margin: 10px 0 0 0; ;}
		#top-story .slide h2 a {color: #acd249; font-family: Arial; font-weight: normal; font-size: 18px;}
		#top-story .slide p {color: #999; font-size: 11px; line-height: 16px; margin: 5px 0 0 0;}
		#carousel-nav {position: absolute; height: 30px; bottom: -0px; left: 20px;}
			#carousel-nav div {background: #000 url('ii/carousel-nav-right.gif') no-repeat scroll top right;    color: #444; display: block; float: left;   font: normal 12px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 1px; /* sliding doors padding */    text-decoration: none;}
			#carousel-nav div span.right {    background: #000 url('ii/carousel-nav-left.gif') no-repeat;    display: block;    line-height: 14px;    padding: 5px 0 5px 6px;}

				a.button {    background: transparent url('/images/h/carousel-item-right.png') no-repeat scroll bottom right; color: #00d7e8; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */    text-decoration: none;}
				a.button span { background: transparent url('/images/h/carousel-item-left.png') no-repeat bottom; display: block; line-height: 14px; padding: 5px 0 5px 18px;}
				a.button:active, #carousel-nav a.selected {    background-position: top right;    outline: none; color:#005267 }
				a.button:active span, #carousel-nav a.selected span { background-position: top left;}

	
	#carousel #latest-story {width: 320px; height:178px; background:url(/images/h/backing_latest.jpg); float: right;}	
		#latest-story h2 {color: #fff; font-family: Arial; font-size: 18px; font-weight: normal; margin:11px 0 3px 15px; padding: 0 0 0 0;}
		#latest-story ul {margin: 0 15px 0 15px;padding: 0;}/* 24 20 */
		#latest-story ul li {color: #fff; border-bottom: 1px dashed #fff; padding: 5px 0 7px 0; margin:0px 0 0 0; list-style: none; font-size: 11px; height: 20px; line-height: 20px; position: relative;}
		#latest-story img {float: right; border:1px solid #dfdfdf; position: absolute; right: -8px; bottom: 5px; display:none}
		#carousel #latest-story a {color:#fff; text-decoration:none}
	





#applesource {/*background: url(/images/h/backing_fade.png) no-repeat center -28px;*/ padding-top: 0px; width:960px; margin:0 auto;}
#applesource #main {background-color: #fff; }	
* .last, #latest-story ul li:last {border-bottom:none !important;}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */