/* Homepage Main Package slider */ #mainpackage { width: 940px; height: 315px; z-index: 1; border: 1px #dfe0e5 solid; background: #f6f6f6; padding: 5px; } #mainpackage .anythingSlider { width: 940px; height: 315px; position: relative; top: 0; left: 0; margin: 0; } #mainpackage .anythingSlider .wrapper { width: 940px; overflow: auto; height: 315px; margin: 0 0; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ #mainpackage .anythingSlider .wrapper ul { width: 9400px; list-style: none; position: absolute; top: 0; left: 0; background: #4a4a4a; margin: 0; overflow: hidden; } #mainpackage .anythingSlider ul li { display: block; float: left; padding: 0; height: 315px; width: 940px; margin: 0; background: none; overflow: hidden; text-align: left; } #mainpackage .anythingSlider .arrow { display: none; height: 19px; width: 19px; background: url(/img/arrows_mainpackage.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 325px; cursor: pointer; } #mainpackage .anythingSlider .forward { background-position: 0 0; left: 22px; } #mainpackage .anythingSlider .back { background-position: -22px 0; left: 0px; } #mainpackage .anythingSlider .forward:hover { background-position: 0 -19px; } #mainpackage .anythingSlider .back:hover { background-position: -22px -19px; } #mainpackage #thumbNav { position: relative; top: 12px; text-align: right; padding-right: 12px; } #mainpackage #thumbNav a { color: #929292; font: 11px/18px Georgia, Serif; display: inline-block; padding: 0; width: 18px; height: 18px; margin: 0 3px 0 0; background: #929292; text-align: center; -moz-border-radius: 9px; -webkit-border-radius: 9px; } #mainpackage #thumbNav a:hover { color: #929292; background-image: none; } #mainpackage #thumbNav a.cur { color: #dbdbdb; background: #dbdbdb; } #mainpackage #start-stop { display:none; background: green; background-image: url(/img/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #mainpackage #start-stop.playing { background-color: red; } #mainpackage #start-stop:hover { background-image: none; } /* Prevents */ #mainpackage .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: hidden; width: auto; border: 0; } #mainpackage .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /*#mainpackage .wrapper_image { width: 940px; height: 315px; position: relative; top:-315px; left:0; background: url(/img/mainpackage_overlay.png) repeat-y right top; _background: none; }*/ #mainpackage .wrapper_image { display:none; } #mainpackage .image { width: 840px; height:315px; position: relative; top:0; left:-50px; } #mainpackage .wrapper_teaser { width:370px; height: 125px; position:relative; top:-453px; left:270px; text-align: right; } #mainpackage .teaser { width:344px; height: 149px; padding: 12px; border: 1px #c9cad5 solid; line-height: 24px; } #mainpackage .headline { font-size: 36px; color: #fff; line-height: 38px; font-family: Georgia, Times New Roman, Times, serif; text-shadow: 0 0 6px #000; -ms-filter:"progid:DXImageTransform.Microsoft.dropShadow(color=#000,offX=2,offY=2, positive=true)"; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000,offX=2,offY=2, positive=true); } #mainpackage .description { display: none; font-size: 15px; color: #444; line-height: 20px; } /* Practice Areas Main Package slider */ #PAmainpackage { width: 940px; height: 315px; z-index: 1; border-bottom: 1px #dfe0e5 solid; background: #f6f6f6; padding: 6px; } #PAmainpackage .anythingSlider { width: 940px; height: 315px; position: relative; top: 0; left: 0; margin: 0; } #PAmainpackage .anythingSlider .wrapper { width: 940px; overflow: auto; height: 315px; margin: 0 0; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ #PAmainpackage .anythingSlider .wrapper ul { width: 9400px; list-style: none; position: absolute; top: 0; left: 0; background: #4a4a4a; margin: 0; overflow: hidden; } #PAmainpackage .anythingSlider ul li { display: block; float: left; padding: 0; height: 315px; width: 940px; margin: 0; background: none; overflow: hidden; text-align: left; } #PAmainpackage .anythingSlider .arrow { display: none; height: 19px; width: 19px; background: url(/img/arrows_mainpackage.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 325px; cursor: pointer; } #PAmainpackage .anythingSlider .forward { background-position: 0 0; left: 22px; } #PAmainpackage .anythingSlider .back { background-position: -22px 0; left: 0px; } #PAmainpackage .anythingSlider .forward:hover { background-position: 0 -19px; } #PAmainpackage .anythingSlider .back:hover { background-position: -22px -19px; } #PAmainpackage #thumbNav { position: relative; top: 12px; text-align: left; padding-left: 12px; } #PAmainpackage #thumbNav a { color: #929292; font: 11px/18px Georgia, Serif; display: inline-block; padding: 0; width: 18px; height: 18px; margin: 0 3px 0 0; background: #929292; text-align: center; -moz-border-radius: 9px; -webkit-border-radius: 9px; } #PAmainpackage #thumbNav a:hover { color: #929292; background-image: none; } #PAmainpackage #thumbNav a.cur { color: #dbdbdb; background: #dbdbdb; } #PAmainpackage #start-stop { display:none; background: green; background-image: url(/img/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #PAmainpackage #start-stop.playing { background-color: red; } #PAmainpackage #start-stop:hover { background-image: none; } /* Prevents */ #PAmainpackage .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: hidden; width: auto; border: 0; } #PAmainpackage .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } #PAmainpackage .wrapper_image { width: 940px; height: 315px; position: relative; top:-315px; left:0; background: url(/img/mainpackage_overlay2.png) repeat-y right top; _background: none; } #PAmainpackage .image { width: 840px; height:315px; position: relative; top:0; left:-50px; } #PAmainpackage .wrapper_teaser { width:500px; height: 85px; position:relative; top:-408px; left:-205px; } #PAmainpackage .headline { font-size: 36px; color: #fff; line-height: 38px; font-family: Georgia, Times New Roman, Times, serif; text-shadow: 0 0 6px #000; }