/*Passion Layout Information*/
/*© 2009 Sweetwater Landscape - All Rights Reserved.*/

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-top: 6px; margin-bottom: 0 !important; }
body#passion #contentheader h1 a { width: 166px; background-image: url(http://www.getpond.com/images/passion/passion_title.gif); }
body#crew #contentheader h1 a { width: 297px; background-image: url(http://www.getpond.com/images/passion/crew_title.gif); }
body#press #contentheader h1 a { width: 207px; background-image: url(http://www.getpond.com/images/passion/press_title.gif); }
body#contact #contentheader h1 a { width: 287px; background-image: url(http://www.getpond.com/images/passion/contact_title.gif); }
body#feedback #contentheader h1 a { width: 206px; background-image: url(http://www.getpond.com/images/paradise/rainxchange_title.gif); }
body#legal #contentheader h1 a { width: 183px; background-image: url(http://www.getpond.com/images/paradise/landscape_title.gif); }
body#wgtour #contentheader h1 a { width: 183px; background-image: url(http://www.getpond.com/images/paradise/landscape_title.gif); }
#contentheader ul#contentnav li a { margin-left: 20px; }

body#passion 	 #contentheader ul#contentnav li#pn-passion a,
body#crew		 #contentheader ul#contentnav li#pn-crew a,
body#press 		 #contentheader ul#contentnav li#pn-press a,
body#contact	 #contentheader ul#contentnav li#pn-contact a,
body#feedback	 #contentheader ul#contentnav li#pn-feedback a,
body#legal		 #contentheader ul#contentnav li#pn-legal a	{ color: #333; cursor: default; }

#content #hero { margin-top: -3px; margin-bottom: 40px; }
#content.tabs #hero { margin-top: -3px; margin-bottom: 0px; }
#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: 300px; margin-bottom: 40px; margin-left: -19px; }
#main #hero h2 { text-indent: -9999px; }
body#passion #hero {height: 350px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/passion_hero.jpg) no-repeat 0 100%; }
body#crew #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/pondless_hero.jpg) no-repeat 0 100%; }
body#press #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press_hero.jpg) no-repeat 0 100%; }
body#contact #hero { height: 300px; margin-top: -4px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/contact_hero.jpg) no-repeat 0 100%; }
body#feedback #hero { width: 960px; height: 360px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/rainxchange_hero.jpg) no-repeat 0 100%; }
body#legal #hero { width: 960px; height: 400px; margin-top: -6px; margin-left: -20px; background: url(http://www.getpond.com/images/paradise/landscape_hero.jpg) no-repeat 0 100%; }

/* Water Garden News Heros */
body#press.rainxchange #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/rainxchange_hero.jpg) no-repeat 0 100%; }
body#press.maintenance #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/maintenance_hero.jpg) no-repeat 0 100%; }
body#press.wgtour #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/wgtour_hero.jpg) no-repeat 0 100%; }
body#press.wgtour2 #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/wgtour2_hero.jpg) no-repeat 0 100%; }
body#press.springclean #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/springclean_hero.jpg) no-repeat 0 100%; }
body#press.potm #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/potm_hero.jpg) no-repeat 0 100%; }
body#press.paradise #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/paradise_hero.jpg) no-repeat 0 100%; }
body#press.showtime #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/showtime_hero.jpg) no-repeat 0 100%; }
body#press.restrictions #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/restrictions_hero.jpg) no-repeat 0 100%; }
body#press.late #hero { height: 300px; margin-top: -6px; margin-left: -19px; background: url(http://www.getpond.com/images/passion/press/late_hero.jpg) no-repeat 0 100%; }

/* Consultation Strip */
#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; }

/* Side Bar */
.sidebar h3 { font-weight: bold; font-size: 11px; margin-top: 9px; }
.sidebar { width: 200px; float: right; margin-top: -25px; }
#main #subnav .sidebar { width: 200px; float: right; margin-top: 0px; }
.sidebar ul { margin: 0 8px 0 12px; }
.sidebar a:link, .sidebar a:visited { text-decoration: none; }
.sidebar a:hover, .sidebar a:active { text-decoration: underline; }
.sidebar .padder a.support {padding-top: 10px; }

/*--- BOXES ---*/
.box { background: #fff url(http://www.getpond.com/images/conmpany/box200.png) no-repeat center bottom; padding: 4px 8px 4px 8px; margin-bottom: 10px; }
.box .newstop { position: relative; background: #fff url(http://www.getpond.com/images/passion/elements/news_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
.box .archivetop { position: relative; background: #fff url(http://www.getpond.com/images/passion/elements/archive_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
.box .crewtop { position: relative; background: #fff url(http://www.getpond.com/images/passion/elements/crew_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
.box .contacttop { position: relative; background: #fff url(http://www.getpond.com/images/passion/elements/contact_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
.box .supporttop { position: relative; background: #fff url(http://www.getpond.com/images/passion/elements/support_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
.box .feedbacktop { position: relative; background: #fff url(http://www.getpond.com/images/passion/elements/feedback_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }

p.answer { margin-top: -15px; }
#main .box .top p { margin-top: 5px; margin-left: 47px; }
#main .box p, #main .nobox p { font-size: 10px; line-height: 15px; margin-bottom: 8px; }
#main .box h4 { text-indent: -9999px; height: 25px; overflow: hidden; position: relative; margin-bottom: 0; }
#main .padder { padding: 0 8px; }
#main ul li { margin-left: 10px; }
#main ul.none li.notop {margin-top: -9px; }
#main ul.square { font-size: 10px; line-height: 14px;}
#main ul.square li { margin-left: 10px; }
#main ul.square li.notop {margin-top: -20px; }
#main ul.standard li { margin-left: 20px; color: #666; }


/* Sub Nav - Tab Layout*/
#main #subnav { padding-top: 1.3em; width: 958px; border-top: 1px solid #ccc; background: url(http://www.getpond.com/images/elements/tablayout/subnav_bg.gif) repeat-x 0 0; }
#main .tabs #subnav { padding-top: 0; border: none; background: url(http://www.getpond.com/images/elements/tablayout/subnav_bg_tab.gif) repeat-x 0 0; zoom:1; }

#main .tabs #subnav h2.tab { display:inline; }
#main .tabs #subnav h2.tab a { position:relative; float:left; width:145px; margin:0 -40px 1em 30px; padding:16px 14px 9px; z-index:15; outline:none; color:#666; text-align:center; font-size:15px; font-weight:normal; cursor:pointer; outline:none; moz-outline:none; background:url(http://www.getpond.com/images/elements/tablayout/subnav_tab.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/elements/tablayout/subnav_tab.png'); }
#main .tabs #subnav h2.tab.active a { color:#000; background:url(http://www.getpond.com/images/elements/tablayout/subnav_tab_active.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/elements/tablayout/subnav_tab_active.png'); }
#main .tabs #subnav h2.tab a span.new { display:block; width:145px; margin:-16px -14px -9px; padding:16px 14px 9px; text-align:center; background:url(http://www.getpond.com/images/elements/tablayout/subnav_tab_new.png) no-repeat; behavior:url(http://www.getpond.com/global/iepngfix/iepngfix.htc); }

#subcontainer { width: 958px; margin: -19px; background: #fff url(http://www.getpond.com/images/elements/tablayout/content_bg.jpg) repeat-x 0 0; }

#main #subnav .grid2cola { width: 920px; margin: 19px; }
#main #subnav .grid2cola .column.first { width: 610px; }
#main #subnav .grid2cola .column.last { width: 270px; }