/* page title */
.header.main h1 {
	background:url(../images/gallery_title20090331.png) no-repeat;

	}

/*#content {
	padding-top:0;
	padding-bottom:0;
	}*/
/*#main .maincap.bottom { 
	position:relative;
	margin:-7px -2px 0;
	}*/

/* sub nav states */
/*body#gallery .header.main #sectionnav li#sn-photos,
body#qtvr .header.main #sectionnav li#sn-qtvr,
body#ads .header.main #sectionnav li#sn-ads { 
	background:url(../images/up_triangle20080609.gif) no-repeat center bottom; 						
	*background-position:center 80%;
	}

body#gallery .header.main #sectionnav li#sn-photos a,
body#qtvr .header.main #sectionnav li#sn-qtvr a,
body#ads .header.main #sectionnav li#sn-ads a { color:#000; cursor:pointer; }*/


/* sliders */

#content #slider {
	position:relative;
	width:980px;
	height:123px;
	margin:0 -50px;
/*	background:url(../images/sliderBG.gif) repeat-x 0 0;*/

	}

#content #slider .ACSliderPageNav {
	top:auto; 
	bottom:8px; 
	margin-left:-18px;
	}

#content #slider .ACSliderPreviousArrow,
#content #slider .ACSliderNextArrow {
	width:55px; 
	height:123px; 
	top:0; }
#content #slider .ACSliderPreviousArrow {
	background:url(../images/arrow-previous_kds2.gif) no-repeat 0 -123px;
	}
#content #slider .ACSliderNextArrow { 
	background:url(../images/arrow-next_kds2.gif) no-repeat 0 -123px;
	}
#content #slider .ACSliderPreviousArrow:hover,
#content #slider .ACSliderNextArrow:hover { 
	background-position:0 -246px;
	}
#content #slider .inactive {
	background-position:0 0 !important;
	cursor:default;
	}

#content #slider .ACSliderMaskDiv {
	display:block;
	width:870px;
	height:123px;
	margin:0 52px;
	}

#content #slider .ACSliderMaskDiv ul {
	display:block;
	width:8000px;
	height:123px;
	top:0;
	margin:0;
	padding:0;
	}
#content #slider .ACSliderMaskDiv ul li {
	display:block;
	float:left;
	width:870px;
	height:123px;
	margin:0;
	padding:0;
	}
#content #slider .ACSliderMaskDiv ul li a.active {
	background:url(../images/slider-caret.gif) no-repeat 50% 0;
	}


/* photos
------------------------*/
body#gallery #content {
	min-height:652px;
	_height:652px;
	}

body#gallery #content #swap {
/*	position:relative;
	overflow:hidden;*/

	width:880px;
	height:526px;
	position:relative;
	clear:both;
	margin:30px auto;
	}
body#gallery #content #swap .section {
	position:absolute;
	width:880px;
	height:526px;
	}
body#gallery #content #swap .section .caption {
	position:absolute;
	left:0;
	bottom:2em;
	width:100%;
	text-align:center;
	font-size:11px;
	color:#797c80;
	}
body#gallery #content #swap .section .caption p {
	margin:0;
	}

body#gallery #content #slider {
	position:absolute;
	width:980px;
	height:123px;
	margin:0 -50px;
/*	background:url(../images/sliderbg-20090608.png) repeat-x 0 0;*/
	clear:both;
	}

body#gallery #content #slider .ACSliderMaskDiv ul.page {
	display:block;
	position:static;
	float:left;
	width:870px;
	height:123px;
	}
body#gallery #content #slider .ACSliderMaskDiv ul.page li {
	display:inline;
	float:none; }
body#gallery #content #slider .ACSliderMaskDiv ul.page li a {
	float:left;
	width:174px;
	height:116px;
	padding-top:10px;
	text-align:center;
	}

body#gallery #content #slider .ACSliderMaskDiv ul.software li a {
	position:relative;
	width:120px;
	height:98px;
	padding-top:18px;
	font-size:11px;
	color:#555;
	text-decoration:none;
	}
body#gallery #content #slider .ACSliderMaskDiv ul.software li a b {
	display:block;
	position:absolute;
	left:0;
	bottom:18px;
	width:174px;
	margin-left:-42px;
	font-weight:normal;
	opacity:0.2;
	-moz-opacity:0;
	-ms-filter:alpha(opacity=0);
	filter:alpha(opacity=0);
	}
body#gallery #content #slider .ACSliderMaskDiv ul.software li a:hover b {
	-webkit-transition:opacity .3s ease-in-out;
	opacity:1;
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	}
body#gallery #content #slider .ACSliderMaskDiv ul.software li a.active b {
	color:#000;
	opacity:1;
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	}

/* hardware */
body#gallery #content #slider .ACSliderMaskDiv ul.hardware li a {
	position:relative;
	width:174px;
	height:98px;
	padding-top:18px;
	font-size:9pt;
	color:#F30;
	text-decoration:none;
	}
body#gallery #content #slider .ACSliderMaskDiv ul.hardware li a b {
	display:block;
	position:absolute;
	left:0;
	bottom:18px;
	width:174px;
	margin-left:-22px;
	font-weight:normal;
	opacity:0.2;
	-moz-opacity:0;
	-ms-filter:alpha(opacity=0);
	filter:alpha(opacity=0);
	}
body#gallery #content #slider .ACSliderMaskDiv ul.hardware li a:hover b {
	-webkit-transition:opacity .3s ease-in-out;
	opacity:1;
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	}
body#gallery #content #slider .ACSliderMaskDiv ul.hardware li a.active b {
	color:#000;
	opacity:1;
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	}


/* 360 ------------------------*/
body#qtvr #content ul.colorpicker {
	margin-bottom:50px;
	font-size:11px;
	color:#888;
	}
body#qtvr #content ul.colorpicker li.cs-title {
	padding-left:53px;
	}
body#qtvr #content ul.colorpicker li.cs-black,
body#qtvr #content ul.colorpicker li.cs-white {
	float:left;
	width:24px;
	}
body#qtvr #content ul.colorpicker li.cs-black a,
body#qtvr #content ul.colorpicker li.cs-white a {
	position:relative;
	display:block;
	text-indent:-9999px;
	margin-top:-4px;
	overflow:hidden;
	width:24px;
	height:24px;
	}
body#qtvr #content ul.colorpicker li.cs-black a {
	background:url(../images/iphone_gallery_black_dot20080609.gif) no-repeat 0 0; }
body#qtvr #content ul.colorpicker li.cs-black a.active {
	cursor:default;
	background:url(../images/iphone_gallery_black_dot20080609.gif) no-repeat 0 -30px; }
body#qtvr #content ul.colorpicker li.cs-white a {
	background:url(../images/iphone_gallery_white_dot20080609.gif) no-repeat 0 0; }
body#qtvr #content ul.colorpicker li.cs-white a.active {
	cursor:default;
	background:url(../images/iphone_gallery_white_dot20080609.gif) no-repeat 0 -30px; }

body#qtvr #content #vr_gallery {
	position:relative;
	width:512px;
	height:512px;
	margin:0 auto;
	padding:4px;
	}
body#qtvr #content #vr_gallery .controllerPanel {
	display:none;
	}

body#qtvr #content #vr_gallery .moviePanel {
	position:relative;
	width:512px;
	height:512px;
	}
body#qtvr #content #vr_gallery .movie-loading {
	background:url(../images/loadingspin24_20070621.gif) no-repeat 50% 50%;
	}

body#qtvr #content .vr_gallery .play_hand {
	display:none;
	}

body#qtvr #content #vr_gallery noscript .sosumi {
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-1.4em;
	font-size:20px !important;
	line-height:1.4em;
	}

/* ads ------------------------*/
body#ads #ad-container {
	display:none;
	}

/* no javascript version */
body#ads #ads-nojs {
	clear:both;
	margin:0 -40px 0 0;
	font-size:11px;
	}
body#ads #ads-nojs p {
	text-align:center;
	margin:30px 40px 1.6em 0;
	padding:10px 20px;
	background:#f6f6f6;
	border:1px solid #ccc;
	}
body#ads #ads-nojs div {
	position:relative;
	float:left;
	width:87px;
	margin:0 12px 50px 0;
	text-align:center;
	}

body#ads #ads-nojs div a {
	position:relative;
	display:block;
	width:87px;
	padding-bottom:18px;
	margin:0 auto;
	text-decoration:none;
	font-size:11px;
	color:#888;
	text-align:center;
	cursor:pointer;
	}
body#ads #ads-nojs div a span {
	display:block;
	margin:0 auto;
	width:187px;
	height:67px;
	overflow:hidden;
	}
body#ads #ads-nojs div a span img {
	margin:0;
	}
body#ads #ads-nojs div a b {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:87px;
	font-weight:normal;
	}

body#ads #ads-nojs div a:hover,
body#ads #ads-nojs div a:active {
	color:#08c;
	}

/* iphone verison */
body#ads #ads-nojs.iphone {
	margin-top:30px;
	}
body#ads #ads-nojs.iphone p {
	display:none;
	}

/* quicktime layout */
body#ads #content #moviecontainer {
	position:relative;
	clear:both;
	margin:30px auto;
	}
body#ads #content #moviecontainer #display {
	position:relative;
	padding:0;
	}

body#ads #content #moviecontainer #display .size	{
	position:absolute;
	left:0px; }
body#ads #content #moviecontainer #display .size	.movie {
	padding-bottom:63px;
	}
body#ads #content #moviecontainer #display .size	.movie,
body#ads #content #moviecontainer #display .size	.moviePanel,
body#ads #content #moviecontainer #display .size	.movie-loading,
body#ads #content #moviecontainer #display .size	.endState {
	width:640px; height:360px;
	position:relative;
	}
body#ads #content #moviecontainer #display .small	{
	left:280px;
	}
body#ads #content #moviecontainer #display .small	.movie,
body#ads #content #moviecontainer #display .small	.moviePanel,
body#ads #content #moviecontainer #display .small	.movie-loading,
body#ads #content #moviecontainer #display .small	.endState {
	width:320px;
	height:180px;
	}
body#ads #content #moviecontainer #display .medium	{
	left:200px;
	}
body#ads #content #moviecontainer #display .medium	.movie,
body#ads #content #moviecontainer #display .medium	.moviePanel,
body#ads #content #moviecontainer #display .medium	.movie-loading,
body#ads #content #moviecontainer #display .medium	.endState {
	width:480px;
	height:272px;
	}
body#ads #content #moviecontainer #display .hd		{
	left:16px;
	}
body#ads #content #moviecontainer #display .hd		.movie,
body#ads #content #moviecontainer #display .hd		.moviePanel,
body#ads #content #moviecontainer #display .hd		.movie-loading,
body#ads #content #moviecontainer #display .hd		.endState {
	width:848px;
	height:480px;
	}

body#ads #content #moviecontainer #display .controllerPanel {
	bottom:26px;
	}

body#ads #content #moviecontainer #display 		     .movie-loading {
	background:url(../images/qt_loading640x360.gif) no-repeat 0 0;
	}
body#ads #content #moviecontainer #display .small	 .movie-loading {
	background:url(../qt_loading320x180.gif) no-repeat 0 0;
	}
body#ads #content #moviecontainer #display .medium   .movie-loading {
	background:url(../qt_loading480x272.gif) no-repeat 0 0;
	}
body#ads #content #moviecontainer #display .hd 	     .movie-loading {
	background:url(../qt_loading848x480.gif) no-repeat 0 0;
	}

body#ads #content .endState {
	display:none;
	border:1px #FFF solid;
	}
body#ads #content .moviePanel .endState {
	display:block;
	}
body#ads #content #moviecontainer #display 		     .endState {
	background:url(../images/qt_endstate640x360.jpg) no-repeat 0 0;
	}
body#ads #content #moviecontainer #display .small	 .endState {
	background:url(../qt_endstate320x180.jpg) no-repeat 0 0;
	}
body#ads #content #moviecontainer #display .medium   .endState {
	background:url(../qt_endstate480x272.jpg) no-repeat 0 0;
	}
body#ads #content #moviecontainer #display .hd 	     .endState {
	background:url(../qt_endstate848x480.jpg) no-repeat 0 0;
	}

/* ad size navigation */
body#ads #content ul.sizenav {
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	text-align:right;
	}
body#ads #content #moviecontainer #display ul.sizenav {
	display:block;
	}

body#ads #content ul.sizenav li {
	display:inline;
	padding:0 12px;
	border-left:1px solid #ccc;
	line-height:1.2;
	}
body#ads #content ul.sizenav li.small {
	padding-left:0;
	border:none;
	}
body#ads #content ul.sizenav li.hd {
	padding-right:0;
	}

body#ads #content ul.sizenav li a {
	color:#777;
	}
body#ads #content ul.sizenav li a:hover {
	color:#08c;
	text-decoration:none;
	}
body#ads #content ul.sizenav li a.active {
	color:#000;
	font-weight:bold;
	cursor:default;
	outline:none;
	}

/* slider */
body#ads #content #slider .ACSliderMaskDiv {
	width:864px;
	margin:0 55px;
	}
body#ads #content #slider .ACSliderMaskDiv ul li {
	float:left;
	width:108px;
	height:123px;
	text-align:center;
	}

body#ads #content #slider .ACSliderMaskDiv ul li a {
	position:relative;
	display:block;
	width:108px;
	height:104px;
	margin:0 auto;
	padding-top:22px;
	text-decoration:none;
	font-size:11px;
	color:#888;
	text-align:center;
	cursor:pointer;
	}
body#ads #content #slider .ACSliderMaskDiv ul li a span {
	display:block;
	margin:0 auto;
	width:87px;
	height:67px;
	overflow:hidden;
	}
body#ads #content #slider .ACSliderMaskDiv ul li a span img {
	margin:0;
	}
body#ads #content #slider .ACSliderMaskDiv ul li a b {
	display:block;
	position:absolute;
	left:0;
	bottom:18px;
	width:108px;
	font-weight:normal;
	opacity:0;
	-moz-opacity:0;
	-ms-filter:alpha(opacity=0);
	filter:alpha(opacity=0);
	}

body#ads #content #slider .ACSliderMaskDiv ul li a:hover {
	position:relative;
	}
body#ads #content #slider .ACSliderMaskDiv ul li a:hover b {
	-webkit-transition:opacity .3s ease-in-out;
	opacity:1;
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	}

body#ads #content #slider .ACSliderMaskDiv ul li a.active {
	cursor:default;
	}
body#ads #content #slider .ACSliderMaskDiv ul li a.active span img {
	margin-top:-67px;
	}
body#ads #content #slider .ACSliderMaskDiv ul li a.active b {
	color:#000; opacity:1;
	-moz-opacity:1;
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	}