/* Advanced CSS */
body {margin: 0; padding: 0;background:url(images/bg-grad.gif) center center repeat-y;}
#container {text-align:center}
#content {position:relative; width:760px;height:560px;margin:0 auto; background:url(photos/bg-ladle.jpg) right no-repeat; text-align:left}
#A1roper {position:absolute; width:300px; height:170px; top:30px; left:40px; z-index:10}
#links {position: absolute; top: 300px; left: 0; width: 360px; height: 158px; z-index: 11;}
#links a {display: block; padding:14px 20px 14px 40px; text-decoration: none; color: #D2232A;}
#links a:hover {color: white; background: #D2232A;}
#links a span {display: none;}
#links a:hover span {display: block; position: absolute; top: 100px; left: 410px; width: 280px; z-index: 100;
	border: 2px black solid; background: url(images/box-bg.jpg) white center no-repeat; padding:0 20px 15px 20px; line-height:160%; letter-spacing:normal; text-align:justify}
h1 {letter-spacing: 0.4em}
.rt {text-align:right}
#subtitle {position:absolute; top:280px; left:40px; font-size:70%; font-weight:bold;color:#0809AE}
#footer {position:absolute; top:560px; left:0; height:123px; z-index:20; width: 760px; 
	background: url(images/bg-grad-btm.gif) #EF8D32 top repeat-x; text-align:center; color:white; font-size:130%;}
#footerc {position:absolute; width:710px; margin:25px; left:0}
#footer a {text-decoration:none; color:black; font-weight:bold}
#footer a:hover {color:#FFDDDD}
#info {text-indent:-2000px}