/* EXTENDS */
@import url('ip.css');

/* SKIN */
#container { width: 986px; }
#main .sosumi { color: #8F9397; }
#index a.learnmore { margin-top: 5px; }

/* CONTENT HEADER */
#main #localnav { border: 0; }
#main #contentheader { margin: 0 auto; background: url(img/c_captop.gif) no-repeat left bottom; width: 984px; }
#main #contentheader h1 a { width: 151px; background: url(img/chode_title.png) no-repeat top left; text-indent: -9999px; overflow: hidden; behavior: url(iepngfix.htc); }

/* CONTENT */
#main #content { clear: both; margin: 0 auto; width: 920px; padding: 20px 30px 0; background-color: #fff; border: 1px solid #e0e0e0; border-width: 0 1px; }

/* LOCAL NAV PAGE STATES */
.ipodnano#index #main #ln-overview a,
.ipodnano#features #main #ln-features a,
.ipodnano#gallery #main #ln-gallery a,
.ipodnano#itunes #main #ln-itunes a,
.ipodnano#specs #main #ln-specs a { color: #000; cursor:default; }

/* MAIN */
#main { margin-top: 13px; _margin-top: -2px; }
#main h3, 
#main p.intro { color:#333; }

/* HERO */
#main #hero { border-color: #999; background-color: #fff; }
#index #main #hero { background: url(img/chode_overveiw.jpg) no-repeat top right; margin: 0 -30px 10px; min-height: 372px; *height: 372px; padding: 50px 0 0 30px; }
#index #main #hero h2 { background: url(img/title_littlevideo.png) no-repeat top left; height: 40px; margin-bottom: 5px; width: 443px; text-indent: -9999px; overflow: hidden; behavior: url(iepngfix.htc); }
#index #main #hero a.watchtour { background: url(img/tour.png) no-repeat top left; display: block; height: 26px; overflow: hidden; text-indent: -9999px; width: 170px; behavior: url(iepngfix.htc);  }

/* INDEX CONTENT */
#index #contentheader { background: url(img/captop.gif) no-repeat left bottom; width: 982px; }
#index #main #content { color: #5C676B; padding-top: 0; }
#index #main #content .grid2colc { position: relative; z-index: 100;}
#index #main #content .grid2colc .column.first { width: 330px; }
#index #main #content .grid2colc .column.last { margin-left: 30px; width: 566px; }
#index #main #content .grid2colc .grid2col .column { width: 48%; }
#index #main #content .grid2colc .grid2col .column img { float: left; margin: 0 10px 10px; }

#index #main #content h3 { font-weight: normal; font-size: 15px; line-height: 20px; }
#index #main #content .grid2colc .column.last.grid2col .column.first p { margin-left: 83px; }
#index #main #content .grid2colc .column.last.grid2col .column.last p { margin-left: 76px; }


/* CAPBOTTOM */
#main #capbottom { margin: 0 auto; background: url(img/c_capbottom.gif) no-repeat left bottom; width: 984px; height: 5px; font-size: 1px; }
#index #main #capbottom { background: url(img/om_capbottom.gif) no-repeat 0 100%; height: 163px; margin: -155px -32px -5px; _margin-top: -150px; width: 984px; position: relative; }

/* IE ADJUSTMENTS */
#main #contentfooter form input { *margin-left: 20px; }