/* reset */
* {
	margin: 0;
	padding: 0;
}
ul, ol {
	padding: 0 0 20px 20px;
}
p {
	padding-bottom: 20px;
}
a {
	color: #26a9e0;
}
a:hover {
	color: #000;
}
a:focus {
	outline: 0;
}
img {
	border: 0;
}
h1 {
	font-size: 28px;
	color: #26A9DF;
	margin-bottom: 10px;
	letter-spacing: -1px;
	line-height: 48px;
}
h2 {
	font-size: 12px;
	color: #26a9e0;
	padding-bottom: 6px;
	font-weight: normal;
}
fieldset {
	border: 0;
}
html {
	font: .627em Arial, Verdana, Helvetica, sans-serif;
}
body {
	text-align: center;
	color: #000;
	background: #fff;
}

/* layout items */
.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background: #fff;
}
.container2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	background: transparent;
}
.top-content {
	position: absolute;
	top: 10px;
	left: 35px;
	width: 900px;
}
.top-content p {
	font-size: 14px;
	padding-bottom: 9px;
}

/* overlay */
#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: #000;
}
/* tooltip */
.clf {clear: both;}
.tooltip {
	display: none;
	position: absolute;
	z-index: 200;
	width: 265px;
}
.tt-double {
	width: 502px;
}
.tooltip .tt-cont {
	position: relative;
	z-index: 205;
	padding: 20px;
	border: 1px solid #666;
	width: 220px;
	text-align: left;
	font-size: 11px;
	background: #fff;
}
.tt-double .tt-cont {
	width: 460px;
}
.tt-double .tt-left {
	float: left;
	width: 220px;
	padding-right: 20px;
}
.tt-double .tt-right {
	float: left;
	width: 220px;
}

#tt0  { left: 357px; top: 278px; }
#tt1  { left: 480px; top: 244px; }
#tt2  { left: 609px; top: 211px; }
#tt3  { left: 715px; top: 158px; }
#tt4  { left: 442px; top: 364px; }
#tt5  { left: 567px; top: 330px; }
#tt6  { left: 693px; top: 296px; }
#tt7  { left: 715px; top: 202px; }

#tt8  { left: 526px; top: 459px; }
#tt9  { left: 561px; top: 384px; }
#tt10 { left: 340px; top: 340px; }
#tt11 { left:  50px; top: 390px; }
#tt12 { left: 297px; top: 395px; }

#tt0img  { left: 207px; top: 263px; }
#tt1img  { left: 334px; top: 230px; }
#tt2img  { left: 460px; top: 196px; }
#tt3img  { left: 586px; top: 162px; }
#tt4img  { left: 292px; top: 349px; }
#tt5img  { left: 418px; top: 315px; }
#tt6img  { left: 544px; top: 281px; }
#tt7img  { left: 671px; top: 247px; }

#tt8img  { left: 457px; top: 552px; }
#tt9img  { left: 772px; top: 451px; }
#tt10img { left: 379px; top: 354px; }
#tt11img { left:   4px; top: 463px; }
#tt12img { left: 307px; top: 492px; }

#tt0img div  {width: 176px; height: 152px; background: url(../images/over0.png) no-repeat 0 0; }
#tt1img div  {width: 176px; height: 152px; background: url(../images/over1.png) no-repeat 0 0; }
#tt2img div  {width: 176px; height: 152px; background: url(../images/over2.png) no-repeat 0 0; }
#tt3img div  {width: 176px; height: 152px; background: url(../images/over3.png) no-repeat 0 0; }
#tt4img div  {width: 208px; height: 180px; background: url(../images/over4.png) no-repeat 0 0; }
#tt5img div  {width: 208px; height: 180px; background: url(../images/over5.png) no-repeat 0 0; }
#tt6img div  {width: 208px; height: 180px; background: url(../images/over6.png) no-repeat 0 0; }
#tt7img div  {width: 208px; height: 180px; background: url(../images/over7.png) no-repeat 0 0; }
#tt8img div  {width: 126px; height:  73px; background: url(../images/over8.png) no-repeat 0 0; }
#tt9img div  {width: 186px; height:  91px; background: url(../images/over9.png) no-repeat 0 0; }
#tt10img div {width: 569px; height: 206px; background: url(../images/over10.png) no-repeat 0 0;}
#tt11img div {width: 364px; height: 202px; background: url(../images/over11.png) no-repeat 0 0;}
#tt12img div {width: 129px; height:  43px; background: url(../images/over12.png) no-repeat 0 0;}

#tt-images .img-wrp {
	display: none;
	position: absolute;
	z-index: 204;
}
#tt-images div div {
	display: block;
	position: static;
	z-index: 1;
}

.tooltip p {
	padding-bottom: 6px;
}
.tooltip .collapsable {
	height: 70px;
	overflow: hidden;
}
.tooltip .cinner p:last-child {
	padding-bottom: 0;
}
.tooltip .close {
	display: none;
	position:absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	padding-top: 9px;
	width: 9px;
	height: 0;
	overflow: hidden;
	background: url(../images/close.gif) no-repeat 0 0;
}
.tooltip .show-more {
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 260px;
	padding-top: 50px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	color: #F6921E;
	text-decoration: none;
	background: url(../images/more.png) no-repeat 0 0;
}
.tt-double .show-more {
	width: 500px;
}
.tooltip .show-more .more {
	color: #F6921E;
	text-decoration: none;
	padding-right: 16px;
	line-height: 10px;
	background: url(../images/down-arrow.gif) no-repeat center right;
}
.tooltip .show-more:hover a {
	color: #e3861b;
}