/* CSS Document */

#my-glider { padding:15px 0 15px 0; margin:-5px 0 10px 0; width:760px; background:url(../../images/bg.gif) no-repeat;}

#my-glider .scroller .section  img { float:left; padding-top:1px;  width:289;}

img {  border-style: none;}

#my-glider .scroller .section .intro { float:right; width:180px; height:280px; padding:10px 6px 10px 0px; position:relative; text-align:right; }
#my-glider .scroller .section .intro img.av_icon { position:absolute; bottom:8px; right:7px; width:15px; height:15px; padding:0; float:none; }
#my-glider .scroller .section .intro img.av_icon.both { right:29px; }

#my-glider .scroller .section h3 { font-size:18px; font-weight: lighter; color: #033;  }
#my-glider .scroller .section h5 { font-size:11px; font-weight: lighter; color: #033; text-align:justify; }

#my-glider .scroller .section h4 { font-size:10px; font-weight: lighter; color: #033; position:absolute; bottom:-15px; right:175px; text-align:left}

#my-glider .scroller .section p { font-size:12px; color:#666; }


/* modify width and height of scrolling section if necessary	*/
div.scroller { width: 652px; height: 600px; overflow: hidden; }

/* modify width and height of each section as needed (should match the size of the scroller window)	*/
div.scroller div.section { width:652px; height:600px; overflow:hidden; }
div.scroller div.content { width: 652px;}

#my-glider .controls { float:left; width:86px; height:600px; padding:1px 6px 10px 0px; }



#my-img .controls  { float:left; width:450px; height:600px; text-align:justify; padding-top:1px; font-size:14px; color:#666; }