@charset "UTF-8";

/* General rules */
/* ----------------------------------------------------- */
img	{
	border: 0;
	}
form {
	margin: 0;
	padding: 0;
	}
p {
	margin: 0 0 1em;
	padding: 0;
	}
p, blockquote, ul, ol, dl {
	line-height: 1.5em;
	}
h1, h2, h3, h4, h5, h6, h7 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 1em;
	}

/* General linkology */
/* ----------------------------------------------------- */
a:link {
	text-decoration: underline;
	color: #06c;
	}
a:visited {
	text-decoration: underline;
	color: #039;
	}
a:hover {
	text-decoration: underline;
	color: #666;
	}
a:active {
	text-decoration: none;
	color: #526968;
	}

/* Establish general layout parameters */
/* ----------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bck_body.png) repeat-x top center;
	font: 12px arial, verdana, sans-serif;
	}
body#homepage {
	background: #fff url(../images/bck_body_idx.png) repeat-x top center;
	}
#wrapper {
	width: 904px;
	margin: 0 auto;
	}
#header {
	position: relative;
	margin: 0;
	height: 249px;
	}
body#homepage #header {
	height: 299px;
	}
#footer {
	text-align: center;
	padding: 20px 0 5px;
	font-size: x-small;
	}
.clearing {
	height: 0;
	clear: both;
	}

/* Header */
/* ----------------------------------------------------- */
#header h1 a {
	position: absolute;
	left: 12px;
	top: 22px;
	width: 73px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	}
#header h1 a span {
	display: block;
	position: absolute;
	text-indent: -1000em;
	}
#header #lang {
	position: absolute;
	top: 10px;
	left: 765px;
	}
#header #lang img {
	margin-left: 5px;
	}
#header #styleColor {
	position: absolute;
	top: 48px;
	left: 770px;
	}
#header #styleColor img {
	padding: 2px;
	margin-left: 5px;
	}
#header #styleColor img.blue { border: 1px solid #999;}
#header #styleColor img.orange { border: 1px solid #fff;}
#header #logo_flash {
	position: absolute;
	left: 0;
	top: 0;
	}
#header #idx_flash {
	position: absolute;
	left: 0;
	top: 117px;
	background: url(../images/bck_idx_flash.png) no-repeat;
	padding-top: 2px;
	}
#header #sub_flash {
	position: absolute;
	left: 0;
	top: 117px;
	background: url(../images/bck_sub_flash.png) no-repeat;
	padding-top: 2px;
	}
#header #sub_flash div {
	padding-left: 213px;
	background: url(../images/side_sub_flash.jpg) no-repeat;
	}
#header ul#header_nav {
	position: relative;
	top: 77px;
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	line-height: 120%;
	}
#header ul#header_nav li a {
	position: absolute;
	top: 0;
	height: 33px;
	padding: 0;
	background: url(../images/nav.jpg) no-repeat;
	}
#header ul#header_nav li a span { display: none; }

body#homepage li#hom a 			{ background-position: 0 -33px; width: 151px; left: 0; }
body#homepage li#hom a:hover{ background-position: 0 -33px; }
body#homepage li#prd a 			{ background-position: -151px 0; width: 150px; left: 151px; }
body#homepage li#prd a:hover{ background-position: -151px -33px; }
body#homepage li#tch a 			{ background-position: -301px 0; width: 150px; left: 301px; }
body#homepage li#tch a:hover{ background-position: -301px -33px; }
body#homepage li#app a 			{ background-position: -451px 0; width: 150px; left: 451px; }
body#homepage li#app a:hover{ background-position: -451px -33px; }
body#homepage li#spt a 			{ background-position: -601px 0; width: 150px; left: 601px; }
body#homepage li#spt a:hover{ background-position: -601px -33px; }
body#homepage li#ctc a 			{ background-position: -751px 0; width: 153px; left: 751px; }
body#homepage li#ctc a:hover{ background-position: -751px -33px; }

body#products li#hom a 			{ background-position: 0 0; width: 151px; left: 0; }
body#products li#hom a:hover{ background-position: 0 -33px; }
body#products li#prd a 			{ background-position: -151px -33px; width: 150px; left: 151px; }
body#products li#prd a:hover{ background-position: -151px -33px; }
body#products li#tch a 			{ background-position: -301px 0; width: 150px; left: 301px; }
body#products li#tch a:hover{ background-position: -301px -33px; }
body#products li#app a 			{ background-position: -451px 0; width: 150px; left: 451px; }
body#products li#app a:hover{ background-position: -451px -33px; }
body#products li#spt a 			{ background-position: -601px 0; width: 150px; left: 601px; }
body#products li#spt a:hover{ background-position: -601px -33px; }
body#products li#ctc a 			{ background-position: -751px 0; width: 153px; left: 751px; }
body#products li#ctc a:hover{ background-position: -751px -33px; }

body#technology li#hom a 			{ background-position: 0 0; width: 151px; left: 0; }
body#technology li#hom a:hover{ background-position: 0 -33px; }
body#technology li#prd a 			{ background-position: -151px 0; width: 150px; left: 151px; }
body#technology li#prd a:hover{ background-position: -151px -33px; }
body#technology li#tch a 			{ background-position: -301px -33px; width: 150px; left: 301px; }
body#technology li#tch a:hover{ background-position: -301px -33px; }
body#technology li#app a 			{ background-position: -451px 0; width: 150px; left: 451px; }
body#technology li#app a:hover{ background-position: -451px -33px; }
body#technology li#spt a 			{ background-position: -601px 0; width: 150px; left: 601px; }
body#technology li#spt a:hover{ background-position: -601px -33px; }
body#technology li#ctc a 			{ background-position: -751px 0; width: 153px; left: 751px; }
body#technology li#ctc a:hover{ background-position: -751px -33px; }

body#application li#hom a 			{ background-position: 0 0; width: 151px; left: 0; }
body#application li#hom a:hover{ background-position: 0 -33px; }
body#application li#prd a 			{ background-position: -151px 0; width: 150px; left: 151px; }
body#application li#prd a:hover{ background-position: -151px -33px; }
body#application li#tch a 			{ background-position: -301px 0; width: 150px; left: 301px; }
body#application li#tch a:hover{ background-position: -301px -33px; }
body#application li#app a 			{ background-position: -451px -33px; width: 150px; left: 451px; }
body#application li#app a:hover{ background-position: -451px -33px; }
body#application li#spt a 			{ background-position: -601px 0; width: 150px; left: 601px; }
body#application li#spt a:hover{ background-position: -601px -33px; }
body#application li#ctc a 			{ background-position: -751px 0; width: 153px; left: 751px; }
body#application li#ctc a:hover{ background-position: -751px -33px; }

body#support li#hom a 			{ background-position: 0 0; width: 151px; left: 0; }
body#support li#hom a:hover{ background-position: 0 -33px; }
body#support li#prd a 			{ background-position: -151px 0; width: 150px; left: 151px; }
body#support li#prd a:hover{ background-position: -151px -33px; }
body#support li#tch a 			{ background-position: -301px 0; width: 150px; left: 301px; }
body#support li#tch a:hover{ background-position: -301px -33px; }
body#support li#app a 			{ background-position: -451px 0; width: 150px; left: 451px; }
body#support li#app a:hover{ background-position: -451px -33px; }
body#support li#spt a 			{ background-position: -601px -33px; width: 150px; left: 601px; }
body#support li#spt a:hover{ background-position: -601px -33px; }
body#support li#ctc a 			{ background-position: -751px 0; width: 153px; left: 751px; }
body#support li#ctc a:hover{ background-position: -751px -33px; }

body#contact li#hom a 			{ background-position: 0 0; width: 151px; left: 0; }
body#contact li#hom a:hover{ background-position: 0 -33px; }
body#contact li#prd a 			{ background-position: -151px 0; width: 150px; left: 151px; }
body#contact li#prd a:hover{ background-position: -151px -33px; }
body#contact li#tch a 			{ background-position: -301px 0; width: 150px; left: 301px; }
body#contact li#tch a:hover{ background-position: -301px -33px; }
body#contact li#app a 			{ background-position: -451px 0; width: 150px; left: 451px; }
body#contact li#app a:hover{ background-position: -451px -33px; }
body#contact li#spt a 			{ background-position: -601px 0; width: 150px; left: 601px; }
body#contact li#spt a:hover{ background-position: -601px -33px; }
body#contact li#ctc a 			{ background-position: -751px -33px; width: 153px; left: 751px; }
body#contact li#ctc a:hover{ background-position: -751px -33px; }

/* Drop Dowm Menu */
/* ----------------------------------------------------- */
.drop_down {
	position: absolute;
	top: 89px;
	}
.drop_down ul {
	margin: 0;
	padding: 0 5px;
	list-style: none;
	font-size: 11px;
	line-height: 120%;
	}
.drop_down ul li {
	float: left;
	position: relative;
	width: 12em;
	}
body#homepage .drop_down ul li.m01 { width: 10.5em; }
body#homepage .drop_down ul li.m02 { width: 12em; }
body#homepage .drop_down ul li.m03 { width: 11.5em; }

.drop_down ul li a:link,
.drop_down ul li a:visited {
	color: #000;
	text-decoration: none;
	}
.drop_down ul li a:hover {
	text-decoration: underline;
	}
.drop_down ul li a.toplevel {
	display: block;
	padding: 8px 10px;
	height: 12px;
	background: url(../images/nav_separate.gif) no-repeat bottom right;
	text-align: center;
	text-indent: -3px;
	}
.drop_down ul li a.toplevel:hover {
	}
.drop_down li ul {
	display: none;
	position: absolute;
	top: 27px;
	left: 0;
	border-bottom: 1px solid #ccc;
	padding: 0;
	}
.drop_down li ul li {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	border-bottom: 0;
	width: 15em;
	}
.drop_down li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}
.drop_down li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	}

/* Idxmain */
/* ----------------------------------------------------- */
#idxmain {
	padding: 12px 0 0 0;
	margin: 0;
	background: url(../images/bck_idxmain.png) no-repeat;
	}
#idxmain #idxbody {
	padding: 0;
	margin: 0 0 0 3px;
	width: 628px;
	float: left;
	}
#idxmain #idxbody h2,
#idxmain #idxbody p#lead_sub {
	margin: 0;
	}
#idxmain #idxbody h2 {
	width: 628px;
	height: 54px;
	background: url(../images/lead.png) no-repeat;
	}
#idxmain #idxbody h2 span {
	display: block;
	position: absolute;
	text-indent: -1000em;
	}
#idxmain #idxbody p#lead_sub {
	width: 628px;
	height: 20px;
	background: url(../images/lead_sub.png) no-repeat;
	}
#idxmain #idxbody p#lead_sub span {
	display: block;
	position: absolute;
	text-indent: -1000em;
	}
#idxmain #idxside {
	width: 261px;
	background: url(../images/bck_idxsidemiddle.png) no-repeat;
	float:right;
	}
#idxmain #idxside #idxsidetop { height: 36px; background: url(../images/bck_idxsidetop.jpg); }
#idxmain #idxside #idxsidebottom { height: 22px; background: url(../images/bck_idxsidebottom.png); }
#idxmain #idxside #idxsidevideo,
#idxmain #idxside #idxsidebody {
	margin: 0 3px 0 2px;
	}
#idxmain #idxside #idxsidevideo {
	height: 189px;
	background: url(../images/bck_idxsidevideo.jpg) no-repeat;
	}
#idxmain #idxside #idxsidevideo h3 {
	font-weight: bold;
	font-style: oblique;
	font-size: 110%;
	color: #fc0;
	text-align: center;
	padding-top: 2px;
	}
#idxmain #idxside #idxsidevideo p.startmovie {
	text-align: center;
	margin-top: 14px;
	}
#idxmain #idxside #idxsidevideo p.spec {
	color: #fff;
	margin: 12px 0 0 60px;
	font-size: 10px;
	}
#idxmain #idxside #idxsidevideo p.getwmp {
	margin: 14px 0 14px 6px;
	}
#idxmain #idxside .canvas {
	padding: 30px 14px 0 0;
	background: url(../images/bck_canvas_topright.png) no-repeat top right;
	}
#idxmain #idxside .canvas p {
	font-size: 96%;
	}
#idxmain #idxside .canvas div {
	padding: 0 0 30px 14px;
	background: url(../images/bck_canvas_bottomleft.png) no-repeat bottom left;
	}
#idxmain #idxbody #idxbodybanner {
	padding: 0;
	margin: 13px 0 0 0;
	width: 125px;
	float: left;
	}
#idxmain #idxbody #idxbodybanner .items {
	margin: 10px 0;
	}
#idxmain #idxbody #idxbodynews {
	padding: 0;
	margin: 0;
	width: 480px;
	float: right;
	}
#idxmain #idxbody #idxbodynews h3 {
	padding: 43px 0 0 400px;
	margin: 0;
	background: url(../images/bck_idxbodynews_h3.jpg) no-repeat;
	height: 20px;
	font-weight: bold;
	font-size: 120%;
	}
#idxmain #idxbody #idxbodynews .chisato {
	margin: 0;
	background: url(../images/bck_idxbodynews_topright.png) no-repeat top right;
	}
#idxmain #idxbody #idxbodynews dl {
	padding: 25px 10px 35px 25px;
	margin: 0;
	background: url(../images/bck_idxbodynews_bottomleft.png) no-repeat bottom left;
	}
#idxmain #idxbody #idxbodynews dl dt {
	margin: 0 0 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
	width: 9em;
	color: #666;
	float: left;
	clear: left;
	}
#idxmain #idxbody #idxbodynews dl dt.event { background: url(../images/label_event.png) no-repeat 100% 5px; padding-top: 14px; }
#idxmain #idxbody #idxbodynews dl dt.news { background: url(../images/label_news.png) no-repeat 100% 5px; padding-top: 14px; }
#idxmain #idxbody #idxbodynews dl dd {
	margin: 0 0 0 9em;
	padding: 0 0 16px;
	}

/* Sub Menu */
/* ----------------------------------------------------- */
.sub_menu {
	margin: 0;
	padding: 4px 4px 0 8px;
	}
.sub_menu ul {
	list-style-type: none;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
	}
.sub_menu li {
	margin-top: 4px;
	margin-left: 17px;
	text-indent: -17px;
	}

/* Sub */
/* ----------------------------------------------------- */
#submain {
	padding: 12px 0 0 0;
	margin: 0;
	background: url(../images/bck_submain.png) no-repeat;
	}
#submain #subbody {
	padding: 0;
	margin: 0 0 0 3px;
	width: 680px;
	float: right;
	}
#submain #subbodyright {
	padding: 0;
	margin: 0 0 0 15px;
	width: 250px;
	float: right;
	}
#submain #subbody .breadcrumbs {
	margin: 15px 0;
	}
#submain #subbody h2 {
	margin: 20px 0 15px;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/bck_h2.png) no-repeat;
	padding: 28px 0 8px 30px;
	border-bottom: 2px dotted #aaa;
	}
#submain #subbody h3 {
	margin: 1em 0;
	font-size: 13px;
	font-weight: bold;
	border-top: 1px dotted #999;
	padding: 0.5em 0.8em;
	line-height: 1.3em;
	background: #ddd;
	}
#submain #subbody .column {
	margin: 2em 1em;
	padding: 0.8em;
	background: #fc0 url(../images/stripes.gif);
	}
#submain #subbody .column h3 {
	margin: 0 0 1em;
	font-size: 13px;
	font-weight: bold;
	border-top: 0;
	border-bottom: 1px dashed #900;
	padding: 0 0.5em 0.5em;
	line-height: 1.3em;
	background: transparent;
	color: #900;
	}
#submain #side {
	width: 203px;
	background: url(../images/bck_sidemiddle.png) no-repeat;
	float: left;
	}
#submain #side #sidetop { height: 22px; background: url(../images/bck_sidetop.jpg); padding: 30px 0 0 10px; font-weight: bold;}
#submain #side #sidebottom { height: 22px; background: url(../images/bck_sidebottom.png); }
#submain #side #sidebody {
	margin: 0 3px 0 2px;
	}
#submain #side .canvas {
	padding: 30px 14px 0 0;
	background: url(../images/bck_canvas_topright.png) no-repeat top right;
	}
#submain #side .canvas p {
	font-size: 96%;
	}
#submain #side .canvas div {
	padding: 0 0 30px 14px;
	background: url(../images/bck_canvas_bottomleft.png) no-repeat bottom left;
	}

#submain #side dl {
	padding: 0;
	margin: 0;
	line-height: 1.3em;
	}
#submain #side dl dt {
	margin: 10px 0;
	padding: 2px 45px 2px 2px;
	font-weight: bold;
	font-size: 12px;
	color: #444;
	}
#submain #side dl dt.event { background: #eee url(../images/label_event.png) no-repeat bottom right; }
#submain #side dl dt.news { background: #eee url(../images/label_news.png) no-repeat bottom right; }
#submain #side dl dd {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11px;
	}
#submain #side dl dd p.date {
	margin-top: -0.5em;
	color: #999;
	}

/* Topics */
/* ----------------------------------------------------- */
div.Topics {
	background: url(../images/custom_corners_topleft.png) top left no-repeat;
	margin: 15px 0;
	}
div.Topics div.TopicsHeader {
	background: url(../images/custom_corners_topright.png) top right no-repeat;
	margin: 0;
	padding: 8px 15px 0 15px;
	border-bottom: 0px;
	font-weight: bold;
	height: 100%;
	}
div.Topics div.AltTopicsHeader {
	background: url(../images/custom_corners_rightborder.png) top right repeat-y;
	margin: 0;
	padding: 8px 15px 0 15px;
	border-bottom: 0px;
	font-weight: bold;
	height: 100%;
	}
div.TopicsBody {
	background: url(../images/custom_corners_rightborder.png) top right repeat-y;
	margin: 0;
	padding: 4px 15px 0 15px;
	}
div.TopicsBody p {
	margin: 0;
	padding: 0 0 1em;
	}
div.TopicsBody p.point {
	font-size: 120%;
	color: #c00;
	}
div.TopicsBody dl {
	margin: 0;
	padding: 0 0 1em;
	clear: both;
	}
div.TopicsBody dl dt {
	width: 6em;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: right;
	}
div.TopicsBody dl dd {
	margin-left: 6.5em;
	}
div.TopicsBody div.for_border {
	margin: 0;
	padding-top: 5px;
	border-top: 1px dashed #999;
	}
div.TopicsBody ol,
div.TopicsBody ul {
	margin-top: 0.5em;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	}
div.TopicsBody div.clearing {
	font-size: 1px;
	}
div.TopicsFooter {
	background: url(../images/custom_corners_bottomleft.png) bottom left no-repeat;
	}
div.TopicsFooter div {
	background: url(../images/custom_corners_bottomright.png) bottom right no-repeat;
	display: block;
	padding: 0;
	margin: 0;
	height: 14px;
	font-size: 1px;
	}

/* Table (TypeA) */
/* ----------------------------------------------------- */
table.type_a {
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	}
table.type_a caption {
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px;
	}
table.type_a th,
table.type_a td {
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	line-height: 1.5em;
	vertical-align: middle;
	padding: 0.3em 0.6em;
	}
table.type_a th {
	font-weight: bold;
	text-align: center;
	color: #999;
	background: #eee;
	}
table.type_a td {
	text-align: center;
	}

/* Table (TypeB) */
/* ----------------------------------------------------- */
table.type_b {
	border-width: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	}
table.type_b caption {
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px;
	}
table.type_b th,
table.type_b td {
	border-bottom: 1px solid #aaa;
	line-height: 1.5em;
	vertical-align: top;
	padding: 0.3em 0.6em;
	}
table.type_b th {
	border-right: 1px dotted #aaa;
	font-weight: bold;
	text-align: left;
	color: navy;
	background: #ffc;
	}
table.type_b td {
	border-right: 1px solid #aaa;
	text-align: left;
	}

/* Table (TypePhotoList) */
/* ----------------------------------------------------- */
table.type_photolist {
	table-layout: fixed;
	border-width: 0;
	border-spacing: 2px;
	border-collapse: separate;
	empty-cells: show;
	}
table.type_photolist caption {
	text-align: left;
	font-weight: bold;
	padding: 0 0 3px;
	}
table.type_photolist th,
table.type_photolist td {
	vertical-align: top;
	}
table.type_photolist th {
	padding: 5px;
	width: 150px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
	background: #eee;
	}
table.type_photolist td {
	padding: 0;
	width: 160px;
	text-align: left;
	}

/* Banner Special */
/* ----------------------------------------------------- */
#bnr_launch {
	position: relative;
	}
#bnr_launch_body {
	position: absolute;
	left: 125px;
	top: 0px;
	display: none;
	border: 1px solid #B0B4B3;
	border-left: 0;
	background-color: #fff;
	height: 123px;
	width: 650px;
	}
#bnr_launch_body p {
	font-size: 11px;
	padding: 10px 10px 0;
	margin-bottom: 0px;
	}
#bnr_launch_body p.close {
	font-size: 11px;
	margin-top: -4px;
	padding-right: 10px;
	text-align: right;
	}

/* Lightbox */
/* ----------------------------------------------------- */
 a.imagelink img {
border: 1px solid #ccc;
padding: 5px 5px 20px 5px;
background: #fff url('../images/linked-image.png') bottom right no-repeat;
}
 a.imagelink_amazon img {
border: 1px solid #ccc;
padding: 5px 5px 20px 5px;
background: #fff url('../images/linked_amazon-image.png') bottom right no-repeat;
}

#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer {
	padding: 10px;
	}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox2_blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox2_prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox2_nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {
	font: 10px "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData {
	padding:0 10px;
	}
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-size: 12px; font-weight: bold; line-height: 1.5em; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; border-top: 1px dotted #ccc; padding-top: 0.3em; margin-top: 0.5em;}
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; }
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/* Various */
/* ----------------------------------------------------- */
.none { display: none; }
.clear { clear: both; }
.clearR { clear: right; }
.clearL { clear: left; }
.imgLeft { float: left; margin: 0 1em 1em 0; }
.imgRight { float: right; margin: 0 0 1em 1em; }
.imgCenter { text-align: center; margin: 2em 0; }

/*
.example:after {
	content: "";
	display: block;
	height: 0px;
	clear: right;
	}
.example {
	height: 100%;
	}
*/