/* header */
#container #header { margin:10px auto; position:relative; text-align:left; padding:10px 0 5px; color:#999; width:750px; }
#container #header a { color:#999; text-decoration:none; }
#container .gallery #header { margin-bottom:25px; }



/* main */
#container #main { width:750px; color:#999; background:#303030; margin:15px auto 0; padding:0; }



/* hero */
#container #main #hero { background-color:#1f1f1f; height:358px; margin:0; padding:0; width:750px; }
#profile #container #main #hero{ height:570px; }
#container #main #hero h2 { font-size:18px; color:#fff; font-weight:bold; margin:0 0 5px; padding:20px 0 15px 25px; line-height:normal; }

/* content */
#container #main #content { font-size:11px; line-height:18px; color:#999; padding:25px 25px 26px; width:850px; }
#container #main #content h2 { font-weight:normal; color:#fff; margin:0 0 10px; font-size:16px; }
#container #main #content h2.top { margin-bottom:20px; }
#container #main #content h3 { font-weight:normal; color:#fff; margin:0 0 1em; font-size:13px; }
#container #main #content h4 { color:#fff; font-size:10px; line-height:15px; padding-top:6px; }
#container #main #content p { margin-bottom:1em; }
#container #main #content img#macfamily { margin-top:35px; }
#container #main #content sup { bottom:0; padding-left:0; }
#content p.intro{ color:#999; }

/* grids */
#container #main #content.grid2cola .column.first  { width:600px; margin:0; padding:0; }
#container #main #content .grid2col .column.first,
#container #main #content .grid2col .column.last { width:290px; margin:17px 0 0 0; padding:0; line-height:18px; }
#container #main .grid3col .column{ width:270px; }
#profiles #container #main #content .column.first{ width:400px; }
#profiles #container #main #content .column.last{ width:400px; padding-right:15px; }

/* sidebar */

/* contentfooter */



/* index specific */

#index img.top { margin-top:4px; }
#index p#upgradetext { padding-left:88px; }

#index #intro { position:relative; width:976px; height:420px; margin:0 auto 70px; }
#index #intro img { border:none; }
#index #intro #lens { position:absolute; top:50px; left:0; }
#index #intro #tour { position:absolute; top:400px; left:78px; }
#index #intro #quote { position:relative; margin:101px 0 0 497px; width:479px; height:220px; }

#index #intro #quote img { position:absolute; top:0; left:0; }
#index #content-bottom .subcolumn1-3 a { line-height:12px; margin-bottom:5px; }

#index #crossfade { position:relative; height:358px; width:750px; overflow:hidden; margin:0; padding:0; }
#index .fader{ display:none; }
#index #crossfade .fader { display:block; }

#index #crossfade .image{ position:absolute; }
#index #crossfade #image0 { top:0; left:0; }
#index #crossfade #image1 { top:0; left:0; }
#index #crossfade #image2 { top:0; left:0; }
#index #crossfade #image3 { top:0; left:0; }
#index #crossfade #image4 { top:0; left:0; }

#index #crossfade .text{ position:absolute; z-index:3; }
#index #crossfade #text0 { top:20px; left:20px; }
#index #crossfade #text1 { top: 225px; left:20px; }
#index #crossfade #text2 { top: 225px; left:20px; }
#index #crossfade #text3 { top:20px; left: 20px; }
#index #crossfade #text4 { top:20px; left:20px; }

#index #crossfade #buttons0 { margin-left:0; margin-top:0; }
#index #crossfade #buttons1 { margin-left:0; margin-top:0; }
#index #crossfade #buttons2 { margin-left:0; margin-top:0; }
#index #crossfade #buttons3 { margin-left:0; margin-top:0; }
#index #crossfade #buttons4 { margin-left:0; margin-top:0; }

#index #apertureindex #content { width:600px; float:left; }
#index #apertureindex #sidebar { width:230px; padding-right:25px; margin-top:-13px; }

#index #container #main #content .column.last.sidebar .textpod .button { margin-bottom:5px; }

/* overview specific */
#overview #imagePos { width:550px; height:405px; float:right; padding:20px 20px 0px 0px; } 
#overview #textPos { width:250px; height:405px; float:left; padding:0px 0px 0px 0px; }
#overview #textPos p { padding:0px 0px 0px 25px; line-height:18px }

/* profile specific */
#profiles #container #main #content { background-color:#1f1f1f; }
#profiles #container #main #content p.button { margin-bottom:50px; }
#profiles #container #main #content p { line-height:16px; }

#profile #hero { position:relative; }
#profile #hero div.swapcontent { position:absolute; width:100%; height:460px; padding:20px 0; visibility:hidden; }
#profile #hero div.swapcontent.active { visibility:visible; }

#profile #hero div.swapcontent.movie { text-align:center; }
#profile #hero div.swapcontent.movie img { display:block; margin:50px auto 0; }
#profile #hero div.swapcontent.movie #movielink { display:none; }

#profile #hero div.swapcontent.gallery { padding:0; }
#profile #hero div.swapcontent.gallery .gallerycontainer { position:relative; float:left; width:595px; height:395px; overflow:hidden; margin:0 25px 0 50px; display:inline; }
#profile #hero div.swapcontent.gallery .gallerycontainer .gallerycontent { position:absolute; left:595px; }
#profile #hero div.swapcontent.gallery .gallerycontainer .gallerycontent.active { position:absolute; left:0; top:0; }
#profile #hero div.swapcontent.gallery .gallerythumbs { margin:0 0 74px 0; width:195px; height:395px;float:left; }
#profile #hero div.swapcontent.gallery .gallerythumbs span { z-index:0; display:block; overflow:hidden; position:relative; width:60px; height:40px; margin:0 5px 5px 0; float:left; cursor:pointer; }
#profile #hero div.swapcontent.gallery .gallerythumbs span img { float:left; margin:0 5px 5px 0; width:60px; height:40px; position:absolute; top:0; left:0; cursor:pointer; }
#profile #hero div.swapcontent.gallery .gallerythumbs span.active { z-index:2; border:2px solid #fff; width:56px; height:36px; cursor:default; }
#profile #hero div.swapcontent.gallery .gallerythumbs span.active img { margin:-2px 0 0 -2px; cursor:default; }

#profile #hero a.swapnav { display:none; position:absolute; bottom:1em; right:20px; cursor:pointer; }
#profile .hasjs #hero a.swapnav { display:block; }
#profile .hasjs #hero a.swapnav.active { display:none; }

/* quicktimegallery specific */
#container #main #hero.quicktime { margin:0px auto; padding-top:25px; width:900px; height:493px; }
#container #main #hero.quicktime #heroqt { width:720px; margin:0pt auto; padding:0; overflow:visible; }
#container #main #hero.quicktime #title { width:720px; margin:18px auto 0pt auto; padding:0pt; text-align:right; font-size:11px; }
.qtmovies .section { cursor:pointer; }

/*tips specific */
#tips #main .section h4 { line-height:15px; padding-top:6px; }
#tips #main .section p { font-size:10px; line-height:13px; }
a.movielink { color:#0099FF; text-decoration:none; line-height:12px; }
a.movielink:hover { color:#00CCFF; }

/* quicktours specific */
#quickTours #main #content h2 { margin-bottom:18px; }
#quickTours img.left { margin-bottom:5px; }
#quickTours .clicktoview a img.button { margin-top:0px; margin-left:140px; }
#quickTours #container #main #content p { line-height:16px; }

/* tutorials specific */
#quickTutorials #container #main #content p { line-height:13px; font-size:10px; }


.qtmovies #container #main #content h3 { margin-top:2em; line-height:15px; }
#container #main #content h3.top { margin-top:6px; }

