/***** general, grid *****/
html { *background:url(http://www.fueldtv.com/sunshine/images/blank.gif) fixed; }
body { background:url(http://www.fueldtv.com/sunshine/images/background20070611.gif) repeat-x center top; }

#container { overflow:visible; }

.grid2colc .column.first { width:223px; }
.grid2colc .column.last { width:710px; }
.grid2colc .grid2col .column { width:340px; display:inline; }
.grid2colc .grid3col .column { width:200px; margin-right:26px; }



/***** header, top elements *****/
#main #localnav { padding:1em 0 .2em; border-bottom:1px solid #d4d4d4; }

#main #localnav h1 {
	width:auto;
	height:32px;
	float:left;
	margin:0 0 .1em 8px;
}
#main #localnav h1 a { display:block; width:114px; height:32px; color:#858585; font-weight:normal; text-decoration:none; text-indent:-99999px; background:url(http://www.fueldtv.com/sunshing/images/header_titlepricing.gif) no-repeat; position:relative; outline:none; }
#main #localnav h1.osx { width:265px; height:33px; margin-top:-1px; }
#main #localnav h1.osx a { width:265px; height:33px; background:url(http://images.apple.com/macosx/leopard/images/header_titleosx20070611.gif) no-repeat; }

#main #localnav ul { float:right; margin:0 -.3em; padding:0 0 1px; }
#main #localnav ul li { display:inline; margin:0; padding:0; }
#main #localnav ul li a { float:left; margin:1em 1.5em 0; padding:0; color:#959595; text-decoration:none; }
#main #localnav ul li a:hover { color:#737373; }
body.calendar #main #localnav ul li#ln-calendar a { color:#3a3a3a; }
body.pricing #main #localnav ul li#ln-pricing a,
body.forms #main #localnav ul li#ln-forms a { color:#3a3a3a; }
body#philosophy #main #localnav ul li#ln-philosophy a,
body#curriculum #main #localnav ul li#ln-curriculum a,
body#contact #main #localnav ul li#ln-contact a { cursor:default; }


/***** main, content *****/
#main #content { clear:both; padding:1.6em 0; }


/* left sidebar */
#main #subnav {
	margin-left:4px;
	position:relative;
	z-index:10;
}
#main #subnav h2 {
	margin:0;
	padding:10px 18px 8px;
	font-size:12px;
	color:#303030;
*margin-top:-2px; 	background-image: url(../images/subnav_inactive_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #subnav h2 a { color:#303030; text-decoration:none; }
#main #subnav h2 a:hover { text-decoration:underline; }

#main #subnav ul { margin:0; padding:0 2px 3px; background:url(http://images.apple.com/macosx/leopard/images/subnav_bgbottom20070611.gif) no-repeat left bottom; }
#main #subnav ul li { display:block; margin:0; padding:0 0 .3em; }
#main #subnav ul li p { display:block; margin:0; padding:1.2em 10px .8em 18px; font-weight:bold; }
#main #subnav ul li p a { display:block; padding-right:10px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #subnav ul li p a:hover { text-decoration:underline; }

body#calendar #main #subnav ul li#sn-calendar, body#forms #main #subnav ul li#sn-forms, body#philosophy #main #subnav ul li#sn-philosophy, body#curriculum #main #subnav ul li#sn-curriculum, body#pricing #main #subnav ul li#sn-pricing, body#aboutus #main #subnav ul li#sn-aboutus, body#contact #main #subnav ul li#sn-contact, body#spotlight #main #subnav ul li#sn-spotlight, body#photogallery #main #subnav ul li#sn-photogallery, body#teachers #main #subnav ul li#sn-teachers, body#safari #main #subnav ul li#sn-safari, body#whyus #main #subnav ul li#sn-whyus, body#bootcamp #main #subnav ul li#sn-bootcamp, body#photobooth #main #subnav ul li#sn-photobooth, body#frontrow #main #subnav ul li#sn-frontrow, body#dvdplayer #main #subnav ul li#sn-dvdplayer, body#quicktime #main #subnav ul li#sn-quicktime, body#accessibility #main #subnav ul li#sn-accessibility,
body#sixtyfourbit #main #subnav ul li#sn-sixtyfourbit, body#coreanimation #main #subnav ul li#sn-coreanimation, body#multicore #main #subnav ul li#sn-multicore, body#unix #main #subnav ul li#sn-unix, body#security #main #subnav ul li#sn-security, body#automator #main #subnav ul li#sn-automator,
body#xcode #main #subnav ul li#sn-xcode, body#dashcode #main #subnav ul li#sn-dashcode, body#xray #main #subnav ul li#sn-xray
	{ background:#909090 url(http://images.apple.com/macosx/leopard/images/subnav_active_bgbottom20070611.gif) no-repeat left bottom; }
body#calendar #main #subnav ul li#sn-calendar p, body#forms #main #subnav ul li#sn-forms p, body#philosophy #main #subnav ul li#sn-philosophy p, body#curriculum #main #subnav ul li#sn-curriculum p, body#pricing #main #subnav ul li#sn-pricing p, body#aboutus #main #subnav ul li#sn-aboutus p, body#contact #main #subnav ul li#sn-contact p, body#spotlight #main #subnav ul li#sn-spotlight p, body#photogallery #main #subnav ul li#sn-photogallery p, body#teachers #main #subnav ul li#sn-teachers p, body#safari #main #subnav ul li#sn-safari p, body#whyus #main #subnav ul li#sn-whyus p, body#bootcamp #main #subnav ul li#sn-bootcamp p, body#photobooth #main #subnav ul li#sn-photobooth p, body#frontrow #main #subnav ul li#sn-frontrow p, body#dvdplayer #main #subnav ul li#sn-dvdplayer p, body#quicktime #main #subnav ul li#sn-quicktime p, body#accessibility #main #subnav ul li#sn-accessibility p,
body#sixtyfourbit #main #subnav ul li#sn-sixtyfourbit p, body#coreanimation #main #subnav ul li#sn-coreanimation p, body#multicore #main #subnav ul li#sn-multicore p, body#unix #main #subnav ul li#sn-unix p, body#security #main #subnav ul li#sn-security p, body#automator #main #subnav ul li#sn-automator p,
body#xcode #main #subnav ul li#sn-xcode p, body#dashcode #main #subnav ul li#sn-dashcode p, body#xray #main #subnav ul li#sn-xray p
	{ background:url(images/subnav_active_bgtop20070611.gif) no-repeat left top; }
body#calendar #main #subnav ul li#sn-calendar p a, body#forms #main #subnav ul li#sn-forms p a, body#philosophy #main #subnav ul li#sn-philosophy p a, body#curriculum #main #subnav ul li#sn-curriculum p a, body#pricing #main #subnav ul li#sn-pricing p a, body#aboutus #main #subnav ul li#sn-aboutus p a, body#contact #main #subnav ul li#sn-contact p a, body#spotlight #main #subnav ul li#sn-spotlight p a, body#photogallery #main #subnav ul li#sn-photogallery p a, body#teachers #main #subnav ul li#sn-teachers p a, body#safari #main #subnav ul li#sn-safari p a, body#whyus #main #subnav ul li#sn-whyus p a, body#bootcamp #main #subnav ul li#sn-bootcamp p a, body#photobooth #main #subnav ul li#sn-photobooth p a, body#frontrow #main #subnav ul li#sn-frontrow p a, body#dvdplayer #main #subnav ul li#sn-dvdplayer p a, body#quicktime #main #subnav ul li#sn-quicktime p a, body#accessibility #main #subnav ul li#sn-accessibility p a,
body#sixtyfourbit #main #subnav ul li#sn-sixtyfourbit p a, body#coreanimation #main #subnav ul li#sn-coreanimation p a, body#multicore #main #subnav ul li#sn-multicore p a, body#unix #main #subnav ul li#sn-unix p a, body#security #main #subnav ul li#sn-security p a, body#automator #main #subnav ul li#sn-automator p a,
body#xcode #main #subnav ul li#sn-xcode p a, body#dashcode #main #subnav ul li#sn-dashcode p a, body#xray #main #subnav ul li#sn-xray p a
	{ color:#fff; text-decoration:none; cursor:default; background:url(http://images.apple.com/macosx/leopard/images/subnav_active_arrow20070611.gif) no-repeat right center; position:relative; }
body#automator #main #subnav ul li#sn-automator, body#security #main #subnav ul li#sn-security, body#xray #main #subnav ul li#sn-xray
	{ background:#909090 url(http://images.apple.com/macosx/leopard/images/subnav_active_bgbottom_last20070611.gif) no-repeat left bottom; }

#main #subnav ul li p a { padding-left:40px; }
#main #subnav ul li p img { float:left; margin:-10px 0 0 -8px; }


/* hero */
#main div#hero {
	position:relative;
	width:695px;
	margin:0 -67px -43px;
	padding:0 67px;
	background:url(images/spaces_hero200770611.png) no-repeat center top;
	z-index:1;
}
#main div#hero img { position:relative; z-index:5; }
#main h1, #main h2, #main p {
	position:relative;
	z-index:2;
}

/* headers, text */
body, #main #content { color:#666; }
#main h1 { font-weight:normal; color:#333; margin-bottom:.5em; }
#main h1 span { color:#666; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h2,
#main h3,
#main h4,
#main p.intro,
#main strong { color:#404040; }

/* links */
#main a { text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow { padding-right:8px; color:#000; text-decoration:none; background:url(http://www.fueldtv.com/sunshine/images/arrow.gif) no-repeat right .36em; }
#main a.arrow:hover { text-decoration:underline; }

/* images */
img.glow { margin-top:0; margin-bottom:14px; }
img.inline { margin-top:12px; }
img.shadow { margin-bottom:5px; }
div.center { text-align:center; }

/* callout boxes */
#main .callout { padding:0 20px 1px; color:#595959; background:#f2f2f2 url(http://images.apple.com/macosx/leopard/images/callout_bgbottom20070611.gif) no-repeat 0 100%; }
#main .callout h2 { padding:1.2em 20px 0; margin:0 -20px; font-size:12px; color:#333; background:url(http://images.apple.com/macosx/leopard/images/callout_bgtop20070611.gif) no-repeat 0 0; }
#main .callout img.left, #main .callout img.right { margin-top:1.5em; }

#main .callout.gallery  { padding:0 26px .4em; }
#main .callout.gallery  h2 { padding:1.6em 26px 0; margin:0 -26px .6em; }
#main .callout.gallery  h2 b.gallery { display:block; padding:0 30px; margin:-1em -17px 0; font-size:11px; color:#7f7f7f; background:url(http://images.apple.com/macosx/leopard/images/gallery_icon20070611.gif) no-repeat 0 .2em; }
#main .callout.gallery  ul { margin:0 -14px 0 0; }
#main .callout.gallery  ul li { display:inline; }
#main .callout.gallery  ul li a { float:left; display:block; width:80px; height:50px; margin:0 14px 1em 0; outline:none; border:2px solid #ddd; }

#main .galleryitem.demo { margin-bottom:1em; }
#main .galleryitem.demo .description { display:none; }


/* popup */
#popup { position:absolute; width:980px; height:613px; top:0; left:-1122px; padding:79px 65px; margin:-94px -65px; cursor:pointer; z-index:999; }

#popup.isanim .top, #popup.isanim .topleft, #popup.isanim .topright, #popup.isanim .left, #popup.isanim .right, #popup.isanim .bottom, #popup.isanim .bottomleft, #popup.isanim .bottomright { *background:none; }
#popup .top, #popup .topleft, #popup .topright { float:left; height:79px; margin-top:-79px; }
#popup .topleft, #popup .topright { width:65px; }
#popup .topleft { clear:both; margin-left:-65px; background:url(http://images.apple.com/macosx/leopard/images/popup_bgtopleft20070611.png) no-repeat right bottom; }
#popup .topright { float:right; margin-right:-65px; background:url(http://images.apple.com/macosx/leopard/images/popup_bgtopright20070611.png) no-repeat left bottom; }
#popup .top { width:100%; background:url(http://images.apple.com/macosx/leopard/images/popup_bgtop20070611.png) repeat-x center bottom; }

#popup .left, #popup .right { width:65px; height:100%; }
#popup .left { clear:both; float:left; margin-left:-65px; background:url(http://images.apple.com/macosx/leopard/images/popup_bgleft20070611.png) repeat-y right 0; }
#popup .right { float:right; margin-right:-65px; background:url(http://images.apple.com/macosx/leopard/images/popup_bgright20070611.png) repeat-y left 0; }

#popup .middle { float:left; position:relative; width:100%; height:100%; margin:0; background:#fff; }

#popup.video .middle { display:block; float:left; position:relative; width:100%; height:100%; margin:0; background:transparent url(http://images.apple.com/macosx/leopard/images/popup_movie_bg20070611.png) no-repeat; cursor:default; }
#popup.video .middle .description { display:none; position:absolute; width:230px; left:25px; top:120px; font-size:12px !important; }
#popup.video .middle .description .description { display:none; position:static; width:230px; font-size:12px !important; }
#popup.video .middle .description img { width:auto !important; height:auto !important; }
#popup.video .middle .description p { margin-top:3em; }
#popup.video .middle .movie { display:none; width:672px; height:416px; padding-top:25px; margin-left:283px; }
#popup.video .middle .movie img.getquicktime { height:auto !important; width:auto !important; cursor:pointer; }
#popup.video .middle .moviecontroller { display:none; position:relative; width:672px; padding:0; margin:10px 0 0 283px; }
#popup.video .middle .moviecontroller div.control { width:10px; height:10px; margin-top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(http://images.apple.com/macosx/leopard/images/popup_movie_playpause20070611.gif) left top no-repeat; }
#popup.video .middle .moviecontroller div.control.pause { background-position:left -10px; }
#popup.video .middle .moviecontroller div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:656px; }
#popup.video .middle .moviecontroller div.sliderPanel div.track { position:absolute; left:0; width:656px; height:12px; text-align:left; background:url(http://images.apple.com/macosx/leopard/images/popup_movie_bgtrack20070611.gif) no-repeat; }
#popup.video .middle .moviecontroller div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; }
#popup.video .middle .moviecontroller div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
#popup.video .middle .moviecontroller div.sliderPanel div.track div.playHead { position:absolute; top:0; margin:0 1px; width:13px; height:12px; background:url(http://images.apple.com/macosx/leopard/images/popup_movie_pointer20070611.gif) no-repeat; cursor:pointer; }
#popup.video.popped .middle .description, #popup.video.popped .middle .description .description, #popup.video.popped .middle .movie, #popup.video.popped .middle .moviecontroller { display:block; }

#popup .bottom, #popup .bottomleft, #popup .bottomright { float:left; height:65px; margin-bottom:65px; }
#popup .bottomleft, #popup .bottomright { width:65px; }
#popup .bottomleft { clear:both; margin-left:-65px; background:url(http://www.fueldtv.com/sunshine/images/popup_bgbottomleft20070611.png) no-repeat right top; }
#popup .bottomright { float:right; margin-right:-65px; background:url(http://www.fueldtv.com/sunshine/images/popup_bgbottomright20070611.png) no-repeat left top; }
#popup .bottom { width:100%; background:url(http://www.fueldtv.com/sunshine/images/popup_bgbottom20070611.png) repeat-x center top; }

#popup .top, #popup .topleft, #popup .topright, #popup .left, #popup .right, #popup .bottom, #popup .bottomleft, #popup .bottomright { _background:none; }

#popup img { height:100%; width:100%; }
#popup.video img.popupimg { display:none; }

#popup a { color:#707070; font-size:11px; font-weight:bold; text-decoration:none; outline:none; }
#popup a:hover { text-decoration:underline; }
#popup a.close { position:relative; display:block; width:28px; height:28px; margin:68px 0 -53px -14px; text-indent:-9999px; background:url(http://images.apple.com/global/elements/widget_close.png) no-repeat; z-index:999; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }
#popup.isanim a.close { display:none; }

.posterFrame { display:none; }
/* next/previous links */
#main #pagenav { clear:both; font-size:11px; _zoom:1; }
#main #pagenav div.previous { text-align:left; }
#main #pagenav div.next { text-align:right; }
#main #pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main #pagenav div.button { width:13em; height:1%; }
#main #pagenav div.button div { background:url(http://images.apple.com/macosx/leopard/images/button20070611.gif) no-repeat top left; position:relative; }
#main #pagenav div.button div.topright { background-position:top right; margin-left:9px; padding-top:10px; position:relative; }
#main #pagenav div.button div.bottomright { background-position:bottom right; }
#main #pagenav div.button div.bottomleft { background-position:bottom left; margin:0 9px 0 -9px; padding:1px 0 7px 9px; }
#main #pagenav div.button div.bottomleft a { display:block; margin:-10px -4px -7px -1px; padding:0 15px 2px 2px; color:#424242; text-decoration:none; background:url(http://www.fueldtv.com/sunshine/images/pagenav_arrowright.gif) no-repeat right center; position:relative; }
#main #pagenav div.button div.bottomleft a:hover { text-decoration:underline; }
#main #pagenav div.button div.bottomleft div { padding:0; margin:0; background:none; }

#main #pagenav div.previous div.bottomleft a { margin:-10px -1px -7px -4px; padding:0 2px 2px 15px; text-align:right; background:url(http://www.fueldtv.com/sunshine/images/pagenav_arrowleft20070611.gif) no-repeat left center; }
#main #pagenav div.next div.bottomleft a { text-align:left; }


/* footer */
#main ol.sosumi, #main ul.sosumi, #main p.sosumi { line-height:1.4em; }


/* landing pages */
body#features #main div#hero img { margin-bottom:-148px; margin-left:242px; position:relative; z-index:2; }

#main #hero h3, #main #hero p { position:relative; top:-145px; width:215px; z-index:10; line-height:1.36em; }
#main #hero p a { position:relative; }

#main .item h3 a { color:#404040; text-decoration:none; }
#main .item h3 a:hover { text-decoration:underline; }

#main .featured { clear:both; margin-bottom:.8em; line-height:1.36em; }
#main .featured .item { margin-bottom:.6em; position:relative; z-index:10; }
#main .featured .item img.across { display:block; margin:0 0 -10px; }

#main .list { clear:both; line-height:1.36em; position:relative; z-index:10; }
#main .list .item h3 { margin-top:.6em; }
#main .list .item h3, #main .list .item p { margin-left:80px; }

body#features #main p.leopardsosumi,
body#technology #main p.leopardsosumi,
body#developer #main p.leopardsosumi { margin-top:3em; margin-bottom:0; }