body	{background: #ECECEC; font-family: Helvetica;  text-align: center;}

body	{font-size: 15px;}
* html body	{font-size: 14px;}

tt	{font-size: 120%;}
a	{text-decoration: none; color: #333;}
a.lined	{text-decoration: underline;}
.lined	{text-decoration: underline;}

.vis1	{background-image: url(/img/main1.jpg);  }


#master	{width: 960px; height: 680px; background-position: 20 20; background-repeat: no-repeat; margin: 10 auto;}

#main	{background-image: url(/img/passpartout.gif); width: 880px; height: 600px; padding: 40px; text-align: center; overflow: hidden;}
* html #main	{width: 960px; height: 680px;}

#player	{text-align:center; margin: 0; padding: 0;}
#altimage	{ width: 1px; height: 340px; overflow: hidden;}
#midspace	{width: 500px; height: 110px;  overflow: hidden;}
#bigspace	{width: 500px; height: 280px;  overflow: hidden;}

h1	{font-size: 1.5em; padding-top: 40px; margin: 0;}
h2	{font-size: 1.5em; line-height: 1.3em; padding-top: 30px; margin: 20px 0 10px 50px; float: left;}
* html h2	{line-height: 1.3em; padding-top: 35px;}
h4	{font-size: 0.75em;  padding-top: 35px; float: left;}
* html h4	{padding-top: 30px;}

h3.content	{font-size: 1.4em; padding: 0; margin: 0 0 2px 0;}
h5.content	{font-size: 1.1em; color: #666; padding: 0; margin: 0 0 5px 0;}
h6.faqtitle	{font-size: 1em; padding: 0; margin: 0 0 0 0;}
h6.faqtitleActive	{font-size: 1.2em; padding: 0; margin: 5px 0 0 0;}


#header	{background-image: url(/img/header.png); width: 450px; height: 90px; background-repeat: no-repeat;  text-align: center; float: left; margin-top: 360px;}	
* html #header	{height: 90px;  }	

#topbox	{background-image: url(/img/topbox.png); width: 497px; height: 117px;  background-repeat: no-repeat;  text-align: center;  margin-top: 10px; line-height:30px; padding-top: 40px;}	
* html #topbox	{height: 130px;  }	

#triggerbox	{background-image: url(/img/topbox.png); width: 397px; height: 117px;  background-repeat: no-repeat;  text-align: center;  margin-top: -10px;  margin-right: -10px; line-height:30px; padding-top: 40px; margin-bottom: -160px;}	
* html #triggerbox	{height: 130px;  }	

#topboxwide	{background-image: url(/img/topboxwide.png); width: 581px; height: 60px;  background-repeat: no-repeat;  text-align: center;  }	

#contentbox	{background-image: url(/img/contentbox.png); width: 420px; height: 347px;  background-repeat: no-repeat;  text-align: left; padding: 70px 20px; margin-left: 30px; }	
* html #contentbox	{ width: 570px; height: 518px;  }	

#contentarea	{width: 410px; height: 380px; font-size: 80%; line-height: 150%; padding-right: 10px;}
* html #contentarea	{width: 420px;}

h2.content	{font-size: 1.1em; margin: 10px 0; }
.noscroll	{overflow: hidden;}
.scroll	{overflow: auto; }
.ultraHi	{height: 390px;}
.ultraBox	{height: 295px; border-bottom: 1px solid #CCC; margin-bottom: 8px;}
.ultraBox ol {font-size: 90%; line-height: 120%;}
.ultraBox li {margin-bottom: 5px;}
* html .ultraBox ol {font-size: 90%; line-height: 120%;}

#listbox	{ clear: left; float: left; background-image: url(/img/listbox.png); width: 289px; height: 113px; background-repeat: no-repeat; margin: 0 90px; padding: 30px 0 0 14px; text-align: left; font-size: 0.75em; font-weight: bold; line-height: 1.8em;}	
* html #listbox	{font-size: 0.7em; padding-left: 20px;}

#whereweare 	{width: 400px;  float: left;}
#whereweare img	{margin-top: 170px;}
.wherepic	{float: left; margin: 57px 0 0 4px;}
* html .wherepic	{margin-top: 27px;}

#boxordernow	{background-image: url(/img/boxordernow.png); width: 432px; height: 40px;  background-repeat: no-repeat;  text-align: center;  padding-top: 40px;}	
#boxordernow h3	{margin: 0; padding: 0;}
* html #boxordernow	{width: 432px; height: 80px; padding-left: 10px;  font-size: 130%;}


#menubox	{float: right; background-image: url(/img/menubox.png); width: 212px; height: 180px; background-repeat: no-repeat; text-align: left; margin: 10px; margin-bottom: 10px; padding: 40px 20px; list-style: none;}	
* html #menubox	{width: 252px; height: 260px;}

#menubox h4	{font-size: 1.0em; line-height: 1.0em; margin: 0; padding: 0;}
#menubox h3	{font-size: 1.2em; line-height: 1.2em; margin: 0; padding: 0;}
#menubox ul	{margin: 0 0; padding: 0;}
#menubox li	{list-style: none; margin: 0; padding: 5px 0 5px 0;  font-size: 0.8em;  font-weight: bold;}
* html #menubox li	{padding-bottom: 3px; }

#menuboxbig	{float: right; background-image: url(/img/menuboxbig.png); width: 270px; height: 400px; background-repeat: no-repeat; padding: 35px; text-align: left; font-size: 1em; font-weight: bold; line-height: 1.5em; }	

#picture	{float: left; margin: -160px 0 0 180px;}	

#next	{background-repeat: no-repeat; margin: 10px; line-height: 99px; text-align: left; background-image: url(/img/arrow.png); width: 114px; height: 99px; line-height: 99px; font-size: 1.3em;}	


#bigarrow,#bigarrownext, #bignext	{background-repeat: no-repeat; text-align: left; background-image: url(/img/bigarrow.png); width: 254px; height: 127px; line-height: 18px; font-size: 0.8em; font-weight: bold; }	

#bigarrownext	{background-image: url(/img/bigarrownext.png);  height: 167px;}

#arrowdown	{text-align: center; background-repeat: no-repeat; text-align: center; background-image: url(/img/arrowdown.png); width: 232px; height: 103px; line-height: 18px; font-size: 0.8em; font-weight: bold; margin: 60px 0px 0px 270px; padding-top: 14px; }	
#arrowdown	h2	{font-size: 1.8em; margin: 0px; padding: 0px; text-align: center; width: 230px;}

#mirrorbox	{background-repeat: no-repeat; text-align: left; background-image: url(/img/mirrorbox.png); width: 232px; height: 132px; line-height: 18px; font-size: 0.8em; font-weight: bold; margin-top: 17px; padding: 32px 0 0 10px; }	

#bigarrow	{margin-top: 25px; padding: 45px 0 0 15px;  }	
#bigarrownext	{margin-top: 25px; padding: 45px 0 0 15px; margin-bottom: -40px; }	
#bignext	{margin-top: 250px; padding: 45px 20px 0 0;}	

.backspace	{margin-top: 140px; }

* html #bigarrow, * html #bignext	{width: 254px; height: 167px;}

#next a, #bignext a	, #bigarrow a	{display: block;  text-decoration: none; color: #000; margin-left: 15px;}

.arrowtxt	{font-size: 100%; margin: 15 0 0 0;}

.alt	{visibility: hidden;}
.left	{float: left;}
.right	{float: right;}
.clear	{clear: both;}

.messagepreview	{color: #666; border: 1px dashed #ccc; padding: 10px; margin: 10px 0;}

.theform, .theformsubmit, .theformtextarea, .theformtextareasml {
	font-size: 120%;
	background-color:  #CCC;
	color:#000;
	font-weight: bold;
	border: 1px solid #CCC;
	text-weight : bold;
	width: 100%;
	height: 24px;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
}	

.guide	{color: green;}

.theformsubmit {	border: 1px solid #000; background-color: #ccc; text-align: center; cursor: pointer;}

.theformtextarea {	width: 100%; height: 160px;}
.theformtextareasml {	width: 100%; height: 60px;}

.invform {
	font-size: 100%;
	color: #666;
	width:32px;
	background-color: #FFF;
	border-width: 0px;
	text-align : center;
	padding: 0px; margin-top: 3px;
}	

#header,	#contentbox,	#topbox, #topboxintro, #topboxwide,  #listbox, #mirrorbox, #menubox, #next, #bignext, #bigarrow, #arrowdown, #bigarrownext, #picture, .pngpic, #boxordernow, #postit { behavior: url(css/iepngfix.htc); }