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

/*--- CONTENTHEADER ---*/
#contentheader ul li a { color: #333; }
#contentheader { border: 0; }
#contentheader h1 a { width: 398px; background-image: url(http://www.getpond.com/images/passion/hdr-sw-info.gif); padding-bottom: 10px; }

/*--- COMPANY NAV ---*/
body#contact #contentheader ul li#pn-contact a,
body#crew #contentheader ul li#pn-crew a,
body#press #contentheader ul li#pn-press a,
body#feedback #contentheader ul li#pn-feedback a,
body#legal #contentheader ul li#pn-legal a { color: #999; cursor: default; }

/*--- LAYOUT ---*/
html { background-color: #f5f6f7; }
body { background: transparent; width: 960px; margin: 0 auto; }
#container { background: url(http://www.getpond.com/images/elements/base/content_top.png) no-repeat 0 0; padding-top: 10px; width: 100%; }
#content { padding: 32px 52px 0; background: url(http://www.getpond.com/images/elements/base/content_bg.png) repeat-y; }
#main { background: url(http://www.getpond.com/images/elements/base/content_bottom.png) no-repeat 0 100%; padding-bottom: 10px; }

#main h3 { font-size: 13px; color: #333; font-weight: bold; word-spacing: -0.1em; }
#main .sidebar { font-size: 11px; color: #666; }
#main .sidebar p,
#main .sidebar ul,
#main .sidebar h4 { font-size: 11px; line-height: 14px; }

/*--- BOXES ---*/
#main .box { background: #fff url(http://www.getpond.com/images/conmpany/box200.png) no-repeat center bottom; padding: 4px 8px 4px 8px; margin-bottom: 10px; }
#main .box .contacttop { position: relative; background: #fff url(http://www.getpond.com/images/passion/contact_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
#main .box .supporttop { position: relative; background: #fff url(http://www.getpond.com/images/passion/support_boxtop.gif) no-repeat center top; margin: -4px -8px 8px -8px; }
#main .box .feedbacktop { position: relative; background: #fff url(http://www.getpond.com/images/passion/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 { padding-top: 10px; margin-left: -12px; }
#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; }

#insidecontent { float: left; width: 600px; margin-top: 5px; }
#insidecontent.faq { width: 940px; }
#content.faq grid2col .column.last { float: right; }

.sidebar h3 { font-weight: bold; font-size: 11px; margin-top: 9px; }
.sidebar { float: right; width: 200px; margin-top: 15px; }
.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; }