body {
background: #eee;
}
div.leftBox {
width: 510px;
height: 475px;
border: 1px solid #999;
/*position: absolute;*/
margin: 1px;
float: left;
background: #fff;
}
div.rtBox {
background: #fff;
width: 420px;
height: 460px;
border: 1px solid #999;
margin: 1px;
float: right;
z-index: 0;
position: relative
}
div.txtBox {
font-family: verdana;
color: #666;
font-size: 9px;
background: #fff;
width: 330px;
float: right;
height: 90px;
border: 1px solid #eee;
z-index: 2;
position: relative;
margin: 13px 10px 7px 15px;
}
div.txtBox p {
font-family: verdana;
color: #666;
font-size: 9px;
line-height: 12px;
text-transform: uppercase;
margin: 4px;
}

div.Text {
width: 447px;
height: 400px;
line-height: 16px;
margin: 10px;
overflow: auto;
padding: 20px;
background: #eee;
border: 1px solid #999;
font-size: 10px;
font-family: verdana;
position: absolute;
z-index: 1;
text-align:justify
}


div.Text10 {
width: 447px;
height: 405px;
line-height: 16px;
margin: 10px;
overflow: auto;
padding: 20px;
background: #eee;
border: 1px solid #999;
font-size: 10px;
font-family: verdana;
position: absolute;
z-index: 1;
}

.Text10 {
background: #eee;
font-size: 10px;
font-family: verdana;
line-height: 16px;
}

.Text12 {
background: #eee;
font-size: 12px;
font-family: verdana;
line-height: 16px;
}

div.design {
margin: 10px;
padding: 10px;
text-align: center;
background: #eee;
border: 1px solid #999;
font-size: 12px;
background: #eee url(imgs/design48x.jpg) no-repeat 50% 50%;
z-index: 2;
position: absolute;
}
div.photo48 {
margin: 10px;
padding: 10px;
text-align: center;
background: #eee;
border: 1px solid #999;
font-size: 12px;
background: #eee url(imgs/photoshop.jpg) no-repeat 50% 50%;
z-index: 2;
position: absolute;
}
p.tog {
width: 28px;
height: 28px;
margin: 0;
padding: 0;
text-align: center;
background: #eee;
border: 1px solid #c3c3c3;
font-size: 12px;
line-height: 20px;
background: url(button.gif) no-repeat 50% 50%;
margin-top: 405px;
margin-left: 450px;
z-index: 3;
position: absolute;
}
div.pane1, div.pane2, div.pane3, div.pane4, div.pane5 {
text-transform: uppercase;
border: 1px solid #ccc;
width: 400px;
height: 97px;
margin: 12px 10px;
font-size: 8px;
line-height: 9px;
font-family: verdana;
color: #999;
padding: 0;
background: #eee url(imgs/.png) repeat-x;
}
div.rtSide {
background: transparent url(imgs/abutton03.jpg) no-repeat top right;
width: 21px;
height: 97px;
float: right;
padding: 0;
margin: 0;
}

button#bon {
background: transparent url(button.gif) no-repeat top left;
display: block;
font-family: verdana;
width: 28px;
height: 28px;
padding: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 6px;
float: left;
border: 0;z-index:6
}

div.rtSide01 {
background: transparent url(imgs/abutton002.jpg) no-repeat top right;
width: 21px;
height: 97px;
float: right;
padding: 0;
margin: 0;
}
button.rtSide {
background: transparent url(imgs/rtside.png) no-repeat top right;
width: 18px;
height: 97px;
float: right;
padding: 0;
margin: 0;
}
button {
background: transparent url(button.gif) no-repeat top left;
display: block;
font-family: verdana;
width: 28px;
height: 28px;
padding: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 6px;
float: left;
border: 0;
}
abutton {
background: transparent url(imgs/abutton03.jpg) no-repeat top left;
display: block;
font-family: verdana;
width: 21px;
height: 97px;
padding: 0;
margin-right: 1px;
margin-bottom: 5px;
margin-top: 0;
float: left;
border-right: 1px solid #ccc;
}
div.abutton {
background: transparent url(imgs/abutton03.jpg) no-repeat top left;
display: block;
font-family: verdana;
width: 21px;
height: 97px;
padding: 0;
margin-right: 1px;
margin-bottom: 5px;
margin-top: 0;
float: left;
border-right: 1px solid #ccc;
}

div#abutton {
background: transparent url(imgs/abutton03.jpg) no-repeat top left;
display: block;
font-family: verdana;
width: 21px;
height: 97px;
padding: 0;
margin-right: 1px;
margin-bottom: 5px;
margin-top: 0;
float: left;
border-right: 1px solid #ccc;
}

#b1,#b2,#b3,#b4 {
background: transparent url(imgs/abutton03.jpg) no-repeat top left;
display: block;
font-family: verdana;
width: 21px;
height: 97px;
padding: 0;
margin-right: 1px;
margin-bottom: 5px;
margin-top: 0;
float: left;
border-right: 1px solid #ccc;
}
div.panel {
margin: 0 auto;
padding: 0;
background: #eee;
border: 1px solid #ccc;
height: 100px;
width: 935px;
display: none;
font-family: verdana;
font-size: 10px;
line-height: 16px;
color: #333;
}
p.flip {
margin: 0 auto;
padding: 0;
color: #333;
border: 1px solid #ccc;
background: #eee url(imgs/bg.png) repeat-x bottom left;
font-family: verdana;
font-size: 10px;
line-height: 16px;
width: 935px;
text-align: center;
}

div.overlay01 {
text-transform: uppercase;
position: absolute;
top: 13px;
left: 70px;
width: 310px;
height: 80px;
z-index: 3;
border: 0 solid #f00;
margin: 1px;
background: transparent;
font-family: verdana;
font-size: 16px;
line-height: 30px
}

div.overlay01 p {
text-transform: uppercase;
position: absolute;
top: 13px;
left: 0px;
width: 310px;
height: 80px;
z-index: 3;
border: 0 solid #f00;
margin: 1px;
background: #eee;
font-family: verdana;
font-size: 16px;
line-height: 30px
}
div.overlay02 {
text-transform: uppercase;
position: absolute;
top: 120px;
left: 70px;
width: 310px;
height: 80px;
z-index: 3;
border: 0 solid #f00;
margin: 1px;
background: transparent;
font-family: verdana;
font-size: 16px;
line-height: 30px;
}
div.overlay03 {
text-transform: uppercase;
position: absolute;
top: 230px;
left: 70px;
width: 310px;
height: 80px;
z-index: 3;
border: 0 solid #f00;
margin: 1px;
background: transparent;
font-family: verdana;
font-size: 16px;
line-height: 30px;
}
div.overlay04 {
text-transform: uppercase;
position: absolute;
top: 340px;
left: 70px;
width: 310px;
height: 80px;
z-index: 3;
border: 0 solid #f00;
margin: 1px;
background: transparent;
font-family: verdana;
font-size: 16px;
line-height: 30px;
}
div.zindex3 {
z-index: 3;
border: 0 solid #f00;
position: absolute;
background: transparent;
}
div.bigBox {
margin: 20px auto;
width: 940px;
height: 600px;
border: 2px solid #f00;
background: #fff;
}

div.overlay04, div.overlay01, div.overlay02, div.overlay03 { left:60px }

span.title {font-size:10px;line-height:12px;text-transform:uppercase}

div.screen {/*filter:alpha(opacity=5);opacity:0.5;*/background:#fff url(imgs/screen.jpg) top left no-repeat;float:left;width:100px;height:84px;border:1px solid #ccc;margin:10px 6px;z-index:1}

/*opacity:0.5;//FF*/
/*filter:alpha(opacity=5);//IE*/

div.screen a:link img { opacity:0.50;filter:alpha(opacity=50) }
div.screen a:visited img { opacity:0.50;filter:alpha(opacity=50) }
div.screen a:active img { opacity:0.50;filter:alpha(opacity=50) }
div.screen a:hover img { opacity:1.0;filter:alpha(opacity=100) }


div.abut{
background: transparent url(imgs/abutton03.jpg) no-repeat top left;
display: block;
font-family: verdana;
width: 21px;
height: 97px;
padding: 0;
margin-right: 1px;
margin-bottom: 5px;
margin-top: 0;
float: left;
border-right: 1px solid #ccc;
}
div.screenBox {float:left;width:100px;height:84px;margin:0px 7px 0px 7px}

div.screenBox a:link img { opacity:0.50;filter:alpha(opacity=50) }
div.screenBox a:visited img { opacity:0.50;filter:alpha(opacity=50) }
div.screenBox a:active img { opacity:0.50;filter:alpha(opacity=50) }
div.screenBox a:hover img { opacity:1.0;filter:alpha(opacity=100) }

div.upArrow {width:400px;height:10px;text-align:center;background:#fff url(imgs/) 50% 50% no-repeat}

div.screens {/*width:915px;*/ height:88px;border:1px solid #ccc;margin:1px;padding:10px;background:#fff;text-align:center}

div.gbar {width:927px; height:12px;border:1px solid #ccc;margin:1px;padding:0px 4px;background:#ccc;text-align:center;font-family:verdana;font-size:10px;text-transform:uppercase;color:#fff;line-height:10px;margin-bottom:2px;
margin-top:10px}

div.gbar a:link,a:visited,a:active {background:transparent}
div.gbar a:hover {color:#f00;background:transparent}