#tales {/*background:#FFFFFF url(../../images/boarderbot.gif) bottom center no-repeat;*/ }

#tales { min-height:39.5em; height:auto;}
/* for Internet Explorer */
/*\*/
* html #tales {height: 39.5em;}
/**/

#tales  p {margin-bottom:1em;}
#flashcontent { background:#FFFFFF url(../../images/boardertop.gif) center top no-repeat;}
#stories {padding:2em; position:relative;  min-height:35.5em; height:auto;}
/* for Internet Explorer */
/*\*/
* html #stories {height: 35.5em;}
/**/
.botcurve {position:absolute; bottom:0; background-color:#330099; width:100%; left:0}
#pagewidth #tales h1 {color:#533b8c;}
/*** background images ***/
.introimg { background:url(../../images/bubintro.gif) center top no-repeat;}
.startimg { background:url(../../images/bubstart.gif) center top no-repeat;}

.s1-1 { background:url(../../images/s1-1.gif) center top no-repeat;}
.s1-2 { background:url(../../images/s1-2.gif) center top no-repeat;}
.s1-3 { background:url(../../images/s1-3.gif) center top no-repeat;}

.s2-1 { background:url(../../images/s2-1.gif) center top no-repeat;}
.s2-2 { background:url(../../images/s2-2.gif) center top no-repeat;}
.s2-3 { background:url(../../images/s2-3.gif) center top no-repeat;}

.s3-1 { background:url(../../images/s3-1.gif) center top no-repeat;}
.s3-2 { background:url(../../images/s3-2.gif) center top no-repeat;}
.s3-3 { background:url(../../images/s3-3.gif) center top no-repeat;}

.s4-1 { background:url(../../images/s4-1.gif) center top no-repeat;}
.s4-2 { background:url(../../images/s4-2.gif) center top no-repeat;}
.s4-3 { background:url(../../images/s4-3.gif) center top no-repeat;}

.s5-1 { background:url(../../images/s5-1.gif) center top no-repeat;}
.s5-2 { background:url(../../images/s5-2.gif) center top no-repeat;}
.s5-3 { background:url(../../images/s5-3.gif) center top no-repeat;}

.s6-1 { background:url(../../images/s6-1.gif) center top no-repeat;}
.s6-2 { background:url(../../images/s6-2.gif) center top no-repeat;}
.s6-3 { background:url(../../images/s6-3.gif) center top no-repeat;}

.s7-1 { background:url(../../images/s7-1.gif) center top no-repeat;}
.s7-2 { background:url(../../images/s7-2.gif) center top no-repeat;}
.s7-3 { background:url(../../images/s7-3.gif) center top no-repeat;}

.intro { width:300px;}
#flashcontent h1 {
	/*background:url(../gfx/title-bg.gif) no-repeat right bottom;*/
	font-size:1.667em;
	line-height: 1.2em;
	color:#0363c9;
	margin-bottom: 16px;
	padding: 11px 0 14px 0;
	/*border-bottom: 3px solid #00BDFD;*/
	font-weight: normal;
}
#flashcontent ul li {}
#flashcontent #stories ul li { backgroun:none; padding:0;}
#flashcontent #stories ul.services li { background:url(../../images/bullet.gif)  0 3px no-repeat; padding:0 0 0.1em 1.2em;}
#flashcontent  a, #flashcontent  a:link, #flashcontent  a:visited {color:#ffffff;font-weight:normal; text-decoration:none; display:block;}
#flashcontent .intro a, #flashcontent .intro a:link, #flashcontent .intro a:visited {color:#0598ff;}
#flashcontent .intro a:hover, #flashcontent a:hover {text-decoration:underline;}

a.arrownext { width:42px; height:42px; background:url(../../images/aright.gif) left no-repeat; position:absolute; right:20px; bottom:32px;}
a:hover.arrownext { width:42px; height:42px; background:url(../../images/aright.gif) right no-repeat;}
a.arrowprev{ width:42px; height:42px; background:url(../../images/aleft.gif) left  no-repeat;  position:absolute; left:20px; bottom:32px;}
a:hover.arrowprev{ width:42px; height:42px; background:url(../../images/aleft.gif) right  no-repeat;}
a.arrowprev span, a.arrownext span {position:absolute; left:-9999px; top:0;}

.bubs {color:#ffffff; position:absolute;}
.s1 { top:184px; left:54px; width:110px; font-size:1.9em;}
.s2 { top:244px; left:169px; width:107px; font-size:2em;}
.s3 { top:109px; left:257px; width:156px; font-size:2em;}
.s4 { top:257px; left:365px; width:160px; font-size:2.1em;}
.s5 { top:151px; left:455px; width:110px; font-size:1.8em;}
.s6 { top:237px; left:544px; width:130px; font-size:1.9em;}
.s7 {top:140px; left:650px; width:95px; font-size:1.7em;}

/*intro */
.introimg-1a { top:247px; left:48px; width:170px; font-size:1.3em;}
.introimg-1b { top:134px; left:249px; width:225px; font-size:1.3em;}
.introimg-1c { top:239px; left:521px; width:175px; font-size:1.3em;}
.introimg-1d { top:68px; left:546px; width:90px; font-size:1em;}
.introimg-1e { top:113px; left:653px; width:90px; font-size:1em;}

.introimg-1d a {display:block;  height:5em;}
.introimg-1e a {display:block;  height:7em;}

/*s1*/
.s1-1a { top:135px; left:100px; width:110px; font-size:1.9em;}
.s1-1a2 { top:120px; left:100px; width:110px; font-size:1.9em;}
.s1-1a3 { top:145px; left:90px; width:110px; font-size:1.9em;}
.s1-1b { top:212px; left:200px; width:210px; font-size:1.4em;}
.s1-1b2 { top:202px; left:200px; width:210px; font-size:1.4em;}

.s1-2a { top:229px; left:88px; width:150px; font-size:1.2em;}
.s1-2a2 { top:235px; left:72px; width:180px; font-size:1.2em;}
.s1-2a3 { top:245px; left:92px; width:150px; font-size:1.2em;}
.s1-2b { top:55px; left:247px; width:150px; font-size:1.2em;}
.s1-2b2 { top:60px; left:242px; width:160px; font-size:1.1em;}
.s1-2c { top:161px; left:421px; width:220px; font-size:1.2em;}
.s1-2d { top:201px; left:431px; width:220px; font-size:1.2em;}
.s1-2d2 { top:221px; left:431px; width:220px; font-size:1.2em;}

.s1-3a { top:245px; left:277px; width:10em; font-size:1.4em;}
.s1-3b { top:100px; left:515px; width:12.5em; font-size:1em;}
.s1-3c { top:276px; left:541px; width:100px; font-size:1em;}
.s1-3d { top:206px; left:640px; width:100px; font-size:1em;}

.s1-3b a {height:8em; display:block;}
.s1-3c a {height:6em; display:block;}
.s1-3d a { display:block;  height:6em;}

.s2-1a { top:174px; left:54px; width:110px; font-size:1.9em;}

div.clearall {clear:both;}

/* can be removed as its called in from the main style sheet*/
#footer {background: url(../../images/footer-bg.gif) no-repeat left 10px;}