/*
	index_main.css
*/
	
	html { width: 100%;  height: 100%;  min-width: 600px; }
	
	body { background: #F5F5F5; }

	a:link { color: #000;  text-decoration: none; }
	a:visited { color: #000;  text-decoration: none; }
	a:hover { color: #000;  font-style: italic;  text-decoration: underline; }
	a:active { color: #000;  font-style: italic;  text-decoration: none; }
	
	#pageWrap {
		position: relative;  width: 700px;  height: 85%;  margin: 0px auto 0px auto;  padding: 0px 35px 25px 35px;
		background: #FFF url('../images/lightGrayGrad-2px-vertStripe-w2.gif') scroll repeat-x 0px 0px;
		border-left: 3px solid #DDDDEE;  border-right: 3px inset #7777BB;  border-bottom: 3px inset #888899;
	}
	
	h1 { color: #999;  font-size: 2.4em;  font-weight: 400;  font-family: Verdana;  letter-spacing: 0.1em; }
		h1 .OandI { font-size: 1.3em;  vertical-align: -2px; }
	h2 { font-size: 0.8em;  font-weight: 400;  font-family: Verdana;  letter-spacing: 0.25em;  margin: 7px auto 100px auto; }
	
	#mainImage { margin: 220px 22px 0px auto;  /*visibility: hidden;*/ }
	#mainImageWrap { position: relative;  height: 350px;  border: 0px solid blue; }
	#mainFlashWrap { display: block;  position: absolute;  top: 64px;  left: 270px; }
	
	#clientLogin { position: absolute;  top: 13px;  right: 20px;  font-size: 0.95em;  line-height: 1.5em;  text-align: right; }
		#clientLogin a:hover { font-style: normal; }
	
	#lilCornerLeft { position: absolute;  left: 0px;  bottom: 0px; }
	#lilCornerRight { position: absolute;  right: 0px;  bottom: 0px; }
	
	#boxLines1 { position: absolute;  width: 2px;  min-height: 770px;  height: 100%;  top: 0px;  left: 25px;  border-left: 1px solid #CCC; }
	#boxLines2 { position: absolute;  width: 100%;  height: 2px;  top: 749px;  left: 0px;  border-bottom: 1px solid #CCC; }
	
	#content {
		text-align: justify;  position: relative;  top: 10px;  left: 0px;  margin: 0px;  clear: both;
	}
		#content hr { margin: 71px 0px 0px 0px; }
		#content h1 { margin: 0px 0px -5px 0px; }
		#content h2 { margin: 0px 0px 0px 0px; }
		
		#content p { text-indent: 10px; }
		
		#content #vidWrap { float: right;  text-align: center;  padding: 30px 0px 50px 25px; }
		#content #vidWrap #vidControls { font-size: 0.80em;  font-style: italic;  letter-spacing: 0.2em; }
	
	#footer, #footerAddr, #footerHook {
		color: #777;
	}
	
	#footer {
		font-size: 10px;  letter-spacing: 0.4em;  text-align: center;  font-variant: small-caps;
		position: relative;  clear: both;  margin: 0px auto 5px 0px;  padding-top: 13px;
	}
		#footer a:link { color: #555;  text-decoration: none; }
		#footer a:visited { color: #555;  text-decoration: none; }
		#footer a:hover { color: #000;  font-style: normal;  text-decoration: underline; }
		#footer a:active { color: #555;  font-style: normal;  text-decoration: none; }

	#footerAddr {
		font-size: 10px;  letter-spacing: 0.3em;
	}
	
	#footerHook {
		font-size: 9px;  letter-spacing: 0.25em;  white-space: nowrap;  font-style: italic;  margin: 17px auto 0px auto;
	}
		.footerCircle { font-weight: 200;  vertical-align: 1px; }