/*RainXchange Layout Information*/
/*© 2008 Sweetwater Landscape - All Rights Reserved.*/

.section .sosumi { position: absolute; left: 842px; top: 450px; width: 90px; margin: 0; padding: 0; }

body { background: #e2f2ff url(http://www.getpond.com/images/elements/layout/backgroundbody.jpg) repeat-x 0 0; color: #404040; }

#container { width: 960px; }
#main { padding-top: 6px; background: url(http://www.getpond.com/images/elements/layout/content_top.gif) no-repeat; }
#content { background: url(http://www.getpond.com/images/elements/layout/content_bg.gif) repeat-y; padding: 0 20px 20px; }
#content .grid2cola { width: 920px; }
#content .grid2cola .column.first { width: 610px; }
#content .grid2cola .column.last { width: 270px; }
#bottom { background: url(http://www.getpond.com/images/elements/layout/content_bottom.gif) no-repeat; width: 960px; height: 6px; font-size: 1px; }

#contentheader { border: 0; }
#contentheader h1 { margin-bottom: 0 !important; }
body#overview #contentheader h1 a { width: 360px; background-image: url(http://www.getpond.com/images/homeshow/homeshow_title.gif); }
#contentheader ul#contentnav li a { margin-left: 20px; }

body#overview 	 #contentheader ul#contentnav li#pn-overview a { color: #333; cursor: default; }

#content #hero { margin-top: -3px; margin-bottom: 40px; }
#content a { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content .navlinks a { clear: both; text-decoration: none; color: #08c; }
#content .navlinks a:hover { text-decoration: underline; }

/* main, content (colors, text, images) */
#main blockquote {font-size: larger; color: #4e4e4e; padding: 1em 1.2em; margin: 0 0 1em 0; border: 1px solid #e2e2e2; background: #f1f1f1; line-height: 140%;}
#main blockquote p {text-indent: -0.5em; margin: 0; padding: 0;}
#main blockquote em {color: #000; font-size: 10px;}
#main .sidebar { line-height: 17px; }
#materials dl { margin-bottom: 1em; }
#overview dt, #materials dt {padding: .3em 0 .5em; font-weight: bold; float: left; width: 3em; clear: both; border-top: 1px solid #e9e9e9;}
#overview dd, #materials dd {padding: .3em 0 .5em; border-top: 1px solid #e9e9e9; margin-left: 4em;}
#right { float: right; width: 250px; margin: 0 0 10px 20px; line-height: 120%; }

ul.pdf li { margin-left:8px; background:transparent url(http://www.getpond.com/images/elements/globaliconpdf12x12.gif) no-repeat scroll 0 0.4em; display:block; padding-left:20px; }

/* top-level heros */
#main #hero { width: 958px; min-height: 268px; margin-bottom: 25px; margin-left: -19px; }
#main #hero h2 { text-indent: -9999px; }
body#overview #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/homeshow/homeshow_hero.jpg) no-repeat 0 100%;  }

#consultstrip { margin: 30px auto; width: 962px; height: 91px; background: url(http://www.getpond.com/images/elements/base/productstrip.png) no-repeat; }
#consultstrip h4 { float: left; margin: -18px 44px 0 48px; }
#consultstrip ul { padding-top: 30px; font-size: 12px; line-height: 16px; color: #999; }
#consultstrip ul li strong { font-weight: normal; color: #000; }
#consultstrip a { color: #08c; text-decoration: none; }
#consultstrip a:hover { text-decoration: underline; }

/* -- slyder styles -- */
.slider { position: relative; margin: 0 -50px -40px; padding: 0 50px 0 49px; height: 200px; background: url(http://www.getpond.com/images/homeshow/features_slyder_bg.png) no-repeat left bottom; }
.slider h2 { text-align: center; font-size: 16px; line-height: 1; color: #888; text-shadow: #fff 0 1px 0; }

.slider .mask { position: absolute; top: 1px; width: 960px; margin-left: -50px; height: 200px; overflow: hidden; }
.slider .mask .container { position: absolute; }
.slider .mask .container .action { display: block; float: left; padding: 0 20px; width: 250px; height: 199px; color: #252525; }
.slider .mask .container .action.first { padding-left: 70px; }
.slider .mask .container .action img { margin: 0; }
.slider .mask .container .action h3 { font-size: 12px; line-height: 1em; margin: 2px 0; }
.slider .mask .container .action p { font-size: 11px; color: #555454; }

.slider .arrow { display: block; position: absolute; top: 0; width: 50px; height: 200px; background: no-repeat 0 50%; cursor: pointer; }
.slider .arrow.left { left: 0; background-image: url(http://www.getpond.com/images/homeshow/more_arrow_left.png); _background-image: url(http://www.getpond.com/images/homeshow/more_arrow_left.gif); }
.slider .arrow.right { right: 1px; background-image: url(http://www.getpond.com/images/homeshow/more_arrow_right.png); _background-image: url(http://www.getpond.com/images/homeshow/more_arrow_right.gif); }
.slider img.left { left: auto; background: none; }
.slider img.right { right: auto; background-image: none; }
.slider .arrow.disabled { background-position: 100% 50%; cursor: default; }

/* sliders */
#content #slider { position:relative; width:958px; height:123px; margin:0 -50px; background:url(http://www.getpond.com/images/homeshow/sliderbg.png) repeat-x 0 0; }

#content #slider .ACSliderPageNav { top:auto; bottom:8px; margin-left:-18px; }

#content #slider .ACSliderPreviousArrow,
#content #slider .ACSliderNextArrow { width:0px; height:123px; top:0; }
#content #slider .ACSliderPreviousArrow { background:url(http://www.getpond.com/images/homeshow/arrow-blank.gif) no-repeat 0 -123px; }
#content #slider .ACSliderNextArrow { background:url(http://www.getpond.com/images/homeshow/arrow-blank.gif) no-repeat 0 -123px; }
#content #slider .ACSliderPreviousArrow:hover,
#content #slider .ACSliderNextArrow:hover { background-position:0 -246px; }
#content #slider .inactive { background-position:0 0 !important; cursor:default; }

#content #slider .ACSliderMaskDiv { display:block; width:870px; height:123px; margin:0 40px; }

#content #slider .ACSliderMaskDiv ul { display:block; width:3504px; height:123px; top:0; margin:0; padding:0; }
#content #slider .ACSliderMaskDiv ul li { display:block; float:left; width:873px; height:123px; margin:0; padding:0; }
#content #slider .ACSliderMaskDiv ul li a.active { background:url(http://www.getpond.com/images/homeshow/slider-caret.png) no-repeat 50% 0; }


/* photos
------------------------*/

body#overview #content #swap { position: relative; width: 910px; height:300px; overflow: auto; }
body#overview #content #swap .section { position: absolute; margin-left: 10px; width: 880px; height: 300px; }
body#overview #content #swap .section img { margin-top: 0px; margin-bottom: 7px; }
body#overview #content #swap .section .caption { position:absolute; left:0; bottom:2em; width:100%; text-align:center; font-size:11px; color:#797c80; }
body#overview #content #swap .section .caption p { margin:0; }

body#overview #content #slider { position:relative; width:958px; height:123px; margin:0 -19px; background:url(http://www.getpond.com/images/homeshow/sliderbg.png) repeat-x 0 0; }

body#overview #content #slider .ACSliderMaskDiv ul.page { display:block; position:static; float:left; width:870px; height:123px; }
body#overview #content #slider .ACSliderMaskDiv ul.page li { display:inline; float:none; }
body#overview #content #slider .ACSliderMaskDiv ul.page li a { float:left; width:290px; height:118px; padding-top:10px; text-align:center; font-size:11px; color:#252525; text-decoration:none; }
body#overview #content #slider .ACSliderMaskDiv ul.page li a b { display: block; margin: 0 -5px 0 0; font-weight:normal; opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }
body#overview #content #slider .ACSliderMaskDiv ul.page li a img { margin: 0 0 -7px 0; }
body#overview #content #slider .ACSliderMaskDiv ul.page li a:hover b { -webkit-transition:opacity .3s ease-in-out; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }
body#overview #content #slider .ACSliderMaskDiv ul.page li a.active { outline:none; }
body#overview #content #slider .ACSliderMaskDiv ul.page li a.active b { color:#000; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }

body#overview #content #slider .ACSliderMaskDiv ul.software li a { position:relative; width:96px; height:98px; padding-top:18px; font-size:11px; color:#252525; text-decoration:none; }
body#overview #content #slider .ACSliderMaskDiv ul.software li a b { display:block; position:absolute; left:0; bottom:18px; width:96px; font-weight:normal; opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }
body#overview #content #slider .ACSliderMaskDiv ul.software li a:hover b { -webkit-transition:opacity .3s ease-in-out; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }
body#overview #content #slider .ACSliderMaskDiv ul.software li a.active b { color:#000; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }


/* no javascript version */
body#ads #ads-nojs { clear:both; margin:0 -40px 0 0; font-size:11px; }
body#ads #ads-nojs p { text-align:center; margin:30px 40px 1.6em 0; padding:10px 20px; background:#f6f6f6; border:1px solid #ccc; }
body#ads #ads-nojs div { position:relative; float:left; width:87px; margin:0 12px 50px 0; text-align:center; }

body#ads #ads-nojs div a { position:relative; display:block; width:87px; padding-bottom:18px; margin:0 auto; text-decoration:none; font-size:11px; color:#888; text-align:center; cursor:pointer; }
body#ads #ads-nojs div a span { display:block; margin:0 auto; width:87px; height:67px; overflow:hidden; }
body#ads #ads-nojs div a span img { margin:0; }
body#ads #ads-nojs div a b { display:block; position:absolute; left:0; bottom:0; width:87px; font-weight:normal; }

body#ads #ads-nojs div a:hover,
body#ads #ads-nojs div a:active { color:#08c; }

/* slider */
body#ads #content #slider .ACSliderMaskDiv { width:864px; margin:0 55px; }
body#ads #content #slider .ACSliderMaskDiv ul li { float:left; width:108px; height:123px; text-align:center; }

body#ads #content #slider .ACSliderMaskDiv ul li a { position:relative; display:block; width:108px; height:104px; margin:0 auto; padding-top:22px; text-decoration:none; font-size:11px; color:#888; text-align:center; cursor:pointer; }
body#ads #content #slider .ACSliderMaskDiv ul li a span { display:block; margin:0 auto; width:87px; height:67px; overflow:hidden; }
body#ads #content #slider .ACSliderMaskDiv ul li a span img { margin:0; }
body#ads #content #slider .ACSliderMaskDiv ul li a b { display:block; position:absolute; left:0; bottom:18px; width:108px; font-weight:normal; opacity:0; -moz-opacity:0; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); }

body#ads #content #slider .ACSliderMaskDiv ul li a:hover { position:relative; }
body#ads #content #slider .ACSliderMaskDiv ul li a:hover b { -webkit-transition:opacity .3s ease-in-out; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }

body#ads #content #slider .ACSliderMaskDiv ul li a.active { cursor:default; }
body#ads #content #slider .ACSliderMaskDiv ul li a.active span img { margin-top:-67px; }
body#ads #content #slider .ACSliderMaskDiv ul li a.active b { color:#000; opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }