@charset "UTF-8";
/* CSS Document */



a {color:#999; text-decoration:none}
a:hover {color:#333; text-decoration:none}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
	font-family:verdana;
	font-size:0.8em;
	color: #999;
	position:fixed;
	display:none;
	z-index:9999;
	padding:20px;
}

#boxes #dialog {
  width:675px; 
  height:403px;
  padding:10px;
  background-color:#ffffff;
}

/*** illustration jquery ***/

#boxes #dialog-top-1-acrylic {
	width:600px;
	height:600px;
	background-color:#FFFFFF;
	background-image: url(image/illustration-img/top-1-acrylic.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 10px 10px 30px;
}
#boxes #dialog-top-2-computer {
	width:600px;
	height:560px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/top-2-computer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 10px 10px 30px;
}
#boxes #dialog-top-3-montage {
	width:830px;
	height:440px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/top-3-montage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 10px 10px 30px;
}
#boxes #dialog-top-4-comics {
	width:980px;
	height:900px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/top-4-comics.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 120px 10px 10px 30px;
}
#boxes #dialog-top-5-map-wce-van {
	width:700px;
	height:950px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/top-5-map-wce-van.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 140px 10px 10px 30px;
}
#boxes #dialog-mid-1-vector {
	width:900px;
	height:980px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/mid-1-vector.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding:160px 10px 10px 30px;
}
#boxes #dialog-mid-2-library {
	width:700px;
	height:700px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/mid-2-library.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 10px 10px 30px;
}
#boxes #dialog-mid-3-people {
	width:950px;
	height:950px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/mid-3-people.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 150px 10px 10px 30px;
}
#boxes #dialog-mid-4-pen-ink {
	width:960px;
	height:620px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/mid-4-pen-ink.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 10px 10px 30px;
}
#boxes #dialog-bttm-1-clipart {
	width:860px;
	height:880px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/bttm-1-clipart.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 130px 10px 10px 30px;
}
#boxes #dialog-bttm-2-technical {
	width:860px;
	height:880px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/bttm-2-technical.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 120px 10px 10px 30px;
}
#boxes #dialog-bttm-3-engraving {
	width:920px;
	height:760px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/bttm-3-engraving.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 50px 10px 10px 30px;
}
#boxes #dialog-bttm-4-brush {
	width:960px;
	height:660px;
	background-color:#ffffff;
	background-image: url(image/illustration-img/bttm-4-brush.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}


/*** painting jquery ***/

#boxes #dialog-top-1a-Daring {
	width:900px;
	height:500px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-1a-Daring.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
}
#boxes #dialog-top-1a-Daring h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 380px;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 100px;
}
#boxes #dialog-top-1b-Pby {
	width:800px;
	height:700px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-1b-Pby.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
}
#boxes #dialog-top-1b-Pby h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 620px;
	font-weight: normal;
	padding-left: 40px;
}	
#boxes #dialog-top-1c-sterling {
	width:800px;
	height:650px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-1c-sterling.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-1c-sterling h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}	
#boxes #dialog-top-1d-arkRoyal {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-1d-arkRoyal.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-1d-arkRoyal h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-top-1e-vacation {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-1e-vacation.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-1e-vacation h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-top-2b-hamden {
	width:872px;
	height:680px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-2b-hamden.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
}
#boxes #dialog-top-2b-hamden h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 600px;
	font-weight: normal;
	padding-left: 40px;
}	
#boxes #dialog-top-2c-homecoming {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-2c-homecoming.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-2c-homecoming h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}	
#boxes #dialog-top-2d-hmcs {
	width:800px;
	height:660px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-2d-hmcs.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-2d-hmcs h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 570px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-top-2e-watch {
	width:800px;
	height:620px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-2e-watch.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-2e-watch h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 530px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-top-3b-suez {
	width:800px;
	height:605px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-3b-suez.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
}
#boxes #dialog-top-3b-suez h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 524px;
	font-weight: normal;
	padding-left: 40px;
}	
#boxes #dialog-top-3c-EmpxCanada {
	width:800px;
	height:605px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-3c-EmpxCanada.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-3c-EmpxCanada h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 514px;
	font-weight: normal;
	padding-left: 30px;
}	
#boxes #dialog-top-3d-bluenose {
	width:800px;
	height:605px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-3d-bluenose.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-3d-bluenose h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 514px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-top-3e-hyde {
	width:800px;
	height:605px;
	background-color:#ffffff;
	background-image: url(image/painting-img/top-3e-hyde.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-3e-hyde h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 514px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-1b-stroch {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-1b-stroch.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-1b-stroch h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-1c-haida {
	width:803px;
	height:640px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-1c-haida.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-1c-haida  h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 550px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-1d-bismarck {
	width:872px;
	height:590px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-1d-bismarck.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-1d-bismarck h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 499px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-1e-prinz {
	width:800px;
	height:660px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-1e-prinz.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-1e-prinz h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 570px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-2b-titanic {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-2b-titanic.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-2b-titanic h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-2c-San_Diego {
	width:800px;
	height:605px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-2c-San_Diego.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-2c-San_Diego  h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 524px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-2d-Campbell_River {
	width:800px;
	height:605px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-2d-Campbell_River.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-2d-Campbell_River h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 520px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-mid-2e-lakelouise {
	width:800px;
	height:610px;
	background-color:#ffffff;
	background-image: url(image/painting-img/mid-2e-lakelouise.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-2e-lakelouise h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 528px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-1b-Star_India {
	width:580px;
	height:770px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-1b-Star_India.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-1b-Star_India h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 680px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-1c-steveston {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-1c-steveston.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-1c-steveston  h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-1d-Salmon {
	width:680px;
	height:570px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-1d-Salmon.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-1d-Salmon h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 480px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-1e-Bandon {
	width:793px;
	height:630px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-1e-Bandon.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-1e-Bandon h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 540px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-2b-mathers {
	width:656px;
	height:559px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-2b-mathers.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-2b-mathers h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 469px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-2c-Hawkers {
	width:800px;
	height:670px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-2c-Hawkers.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-2c-Hawkers  h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 580px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-2d-chinvillage {
	width:800px;
	height:685px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-2d-chinvillage.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-2d-chinvillage h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 595px;
	font-weight: normal;
	padding-left: 30px;
}
#boxes #dialog-bttm-2e-Train_Ride {
	width:800px;
	height:665px;
	background-color:#ffffff;
	background-image: url(image/painting-img/bttm-2e-Train_Ride.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-2e-Train_Ride h1{
	font-family:verdana;
	font-size: 1em;
	color: #999;
	position:absolute;
	padding-top: 575px;
	font-weight: normal;
	padding-left: 30px;
}
/*** graphic jquery ***/

#boxes #dialog-top-1-logos {
	width:950px;
	height:530px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/top-1-logos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-2-vanbooklet {
	width:980px;
	height:700px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/top-2-vanbooklet.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-3-indiagrams {
	width:980px;
	height:700px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/top-3-indiagrams.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-4-3dmap {
	width:920px;
	height:600px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/top-4-3dmap.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-top-5-convenmap {
	width:1200px;
	height:440px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/top-5-convenmap.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 130px;
}
#boxes #dialog-mid-1-icons {
	width:1050px;
	height:880px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/mid-1-icons.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 100px 10px 10px 30px;
}
#boxes #dialog-mid-2-bcit {
	width:980px;
	height:530px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/mid-2-bcit.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-3-diagram {
	width:600px;
	height:740px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/mid-3-diagram.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-mid-4-whistler {
	width:720px;
	height:680px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/mid-4-whistler.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-1-granvfest {
	width:980px;
	height:300px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/bttm-1-granvfest.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-2-polcyb {
	width:980px;
	height:520px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/bttm-2-polcyb.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-3-canfor {
	width:740px;
	height:520px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/bttm-3-canfor.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 30px 10px 10px 30px;
}
#boxes #dialog-bttm-4-canline {
	width:800px;
	height:1030px;
	background-color:#ffffff;
	background-image: url(image/graphic-img/bttm-4-canline.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 200px 10px 10px 30px;
}