#slide1 {background-image:url(../images/index/slide_intro.jpg);}
#slide2 {background-image:url(../images/index/slide_ux_ix.jpg);}
#slide3 {background-image:url(../images/index/slide_ui.jpg);}
#slide4 {background-image:url(../images/index/slide_code.jpg);}
#slide5 {background-image:url(../images/index/slide_marcom.jpg);}

#title1 {background-image:url(../images/index/orange_intro.gif); display:block;}
#title2 {background-image:url(../images/index/orange_ux_ix.gif); display:none;}
#title3 {background-image:url(../images/index/orange_ui.gif); display:none;}
#title4 {background-image:url(../images/index/orange_code.gif); display:none;}
#title5 {background-image:url(../images/index/orange_marcom.gif); display:none;}

#title1, #title2, #title3, #title4, #title5 { width:559px; height:111px; position:absolute; top: 0px; left: 10px;}
#controls {display:block; position:absolute; top:366px; left: 10px; height: 21px; width:303px;}
#publications { display:block; width:559px; height:120px; position:absolute; top: 409px; left: 10px; }

.button, .button_on, .button_left, .button_on_left {
position:absolute;
top: 0px;
padding-top:5px;
width:54px;
height:16px;
display:block;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:9px;
font-weight:bold;
text-decoration:none;}

#button1 {left: 0px; }
#button2 {left: 55px; }
#button3 {left: 110px; }
#button4 {left: 165px; }
#button5 {left: 220px; }

.button { color:#666666; background-image:url(../images/index/slide_button_off.gif); }
.button_on { background-image:url(../images/index/slide_button_on.gif); color:#ffffff;}
.button_left { color:#666666; background-image:url(../images/index/slide_button_left_off.gif); }
.button_on_left { background-image:url(../images/index/slide_button_left_on.gif); color:#ffffff;}

.pause, .play {
position:absolute;
top:0px;
left:275px;
width:28px;
height:17px;
display:inline-block;
padding-top:4px; }

.pause { background-image:url(../images/index/slide_pause.gif) }
.play { background-image:url(../images/index/slide_play.gif) }

.shown, .hidden {
position:absolute;
width:559px;
height:280px;
top: 121px;
left: 10px; }

.shown {display:block;}
.hidden {display:none;}

.slidecopy { width: 300px; padding: 24px; }
.slidecopy li, .slidecopy p { color: #545454; font-size: 11px; line-height: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.slidecopy li { list-style-position:outside; margin-left:14px; margin-bottom:3px; }
html>body .slidecopy li { *margin-left:17px; *margin-bottom:5px; }
.slidecopy .head { color: #545454; font-size: 11px; line-height: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }