/* @override http://apiohs-mac-mini:8888/gabriel/css/kiosk_layout.css */

/* @group Reset
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
  line-height: 1;
  background: white;
  /* Make sure there are no scroll bars displayed */
  overflow: hidden;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @end */

#wrapper {
  width: 768px;
  height: 1360px;
  margin: 0;
}

#main {
  width: 768px;
  height: 1300px;
  position: relative;
}

#navigation {
  width: 768px;
  height: 66px;
}

#header {
  width: 768px; height: 150px;
}

.sponsor {
  width: 256px; height: 200px;
}

.sponsor .items {
  width: 100%; height: 100%;
}

.sponsor .items div {
  width: 100%; height: 100%;
  position: absolute;
}

#orgSponsor {
  position: absolute;
  top: 200px; left: 0;
}

#generalSponsor {  
  position: absolute;
  top: 200px; left: 512px;
}

#currentPlaqueWrapper {
  width: 256px; height: 200px;
  position: absolute;
  top: 200px; left: 256px;
}

#currentPlaque .items {
  width: 100%; height: 100%;
}

#currentPlaque {
  width: 100%; height: 100%;
}

#currentPlaque .plaque {
  margin-top: 51px;
}

#currentPlaqueClickZone {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  position:absolute;
  background: transparent;
  top:0;
  left:0;
}

#orgSponsorClickZone {
  width:256px;
  height:200px;
  margin:0;
  padding:0;
  position:absolute;
  background: transparent;
  top: 0;
  left: 0;
}

#banner {
  width: 768px; height: 50px;
  position: absolute;
  top: 150px; left: 0;
}

.plaque {
  width: 256px; height: 150px;
  position: absolute;
}

#plaque1 {
  top: 400px;
  left: 0;
  
}
#plaque2 {
  top: 550px;		
  left: 0;
  
}
#plaque3 {
  top: 700px;		
  left: 0;

}
#plaque4 {
  top: 850px;		
  left: 0;
  
}
#plaque5 {
  top: 1000px;		
  left: 0;
  
}
#plaque6 {
  top: 1150px;
  left: 0;
  
}
#plaque7 {
  top: 400px;		
  left: 512px;
  
}
#plaque8 {
  top: 550px;		
  left: 512px;
  
}
#plaque9 {
  top: 700px;		
  left: 512px;
   
}
#plaque10 {
  top: 850px;		
  left: 512px;
  
}
#plaque11 {
  top: 1000px;		
  left: 512px;
  
}
#plaque12 {
  top: 1150px;		
  left: 512px;
}

.notice {
  width: 256px; height: 450px;
  position: absolute;
}

#notice1 {
  top: 400px; left: 256px;
}

#notice2 {
  top: 850px; left: 256px;
}

.section {
  position: absolute;
  height: 450px;
  width: 512px;
}

.section .items {
  height: 100%; width: 100%;
}

.section .items div {
  height: 100%; width: 100%;
}