/* aotec-01.css prototype = pr-02.css
intended as a nearly-universal stylesheet
last edited
2020-12-03 10-06 2014-04-27s
  */
html, body {height:100%}

a:focus, object:focus {outline:none}
img[id=b] {position:fixed; left:0px; top:0px; z-index:-1; height:100%; width:100%}

/* responsive styles */
@media (orientation:landscape){
	#center-main {
		position:absolute;
		left:50%;
		top:30%;
		transform:translate(-50%, -30%);
		width:100%;
		z-index:2;
		color:black;
		font-family:Verdana;
		font-size:1.4vw;
		font-weight:bold
	}
	#center-lower {
		width:50%;
		font-size:1.3vw;
		font-weight:normal
	}
	.pic {
		width:50%
	}
	#carousel {
		position:absolute;
		left:10%;
		top:5%;
		height:90%;
		width:80%;
		display:flex;
		justify-content:center;
		align-items:center
	}
	#carouselpic {
		width:99%;
	}
	#leftarrow {
		position:absolute;
		left:5%;
		top:45%;
		width:3%;
		/* outline:1px solid #000 */
	}
	#rightarrow {
		position:absolute;
		right:5%;
		top:45%;
		width:3%;
		/* outline:1px solid #000 */		
	}
	#leftarrowpic {
		width:100%
	}
	#rightarrowpic {
		width:100%
	}
}

@media (orientation:portrait){
	#center-main {
		position:absolute;
		left:50%;
		top:40%;
		transform:translate(-50%, -40%);
		width:100%;
		z-index:2;
		color:black;
		font-family:Verdana;
		font-size:2.3vw;
		font-weight:bold
	}
	#center-lower {
		width:50%;
		font-size:2vw;
		font-weight:normal
	}
	.pic {
		width:80%
	}

	#carousel {
		position:absolute;
		left:10%;
		top:25%;
		height:50%;
		width:80%;
	}

	#carouselpic {
		position:absolute;
		top:0%;
		left:0%;
		width:100%;
	}

	#leftarrow {
		position:absolute;
		left:5%;
		top:45%;
		width:3%;
		/* outline:1px solid #000 */
	}
	#rightarrow {
		position:absolute;
		right:5%;
		top:45%;
		width:3%;
		/* outline:1px solid #000 */	
	}
	#leftarrowpic {
		width:100%
	}
	#rightarrowpic {
		width:100%
	}
}

/* font styles. Note: Browsers read style sheet top to bottom.  */
	
/* For compound style class attributes applied to fonts to work in HTML, using a space character as the delimited, */
/* font style must be specified in style sheet itself AFTER a font is specified. */
/* Otherwise the compound style class attributes do not add together correctly. */
	.bold {font-weight:bold}
	.italic {font-style:italic}