html, body { margin:0; padding:0; background:#ffffff; color:#333300; min-width:960px; font-size:13px}
h1 { font:24px Helvetica,Arial,sans-serif; text-align:left; font-weight:bold; }
h2 { font:14px text-align:left; font-weight:bold; }
a { color:#666666; text-decoration:none; }
a:hover { color:#999999; text-decoration:none; }

/* Site Element - center for 1024px width browser */
#sitebox { width:960px; margin:0px auto; text-align:left; }

/* Header */
#header { width:960px; height:215px; float:left; margin:0px; }
#header { background-image:url(graphics/playhouses-header.jpg); background-repeat:no-repeat; }

#secondary { width:945px; height:155px; float:left; margin-right:15px; text-align:right; }
#secondary a {font:15px "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight:bold; text-decoration:none; line-height:45px; color:#000000; }
#secondary a:hover { color:#ffffff; }

#primary1 { width:210px; height:30px; float:left; padding:15px; }
#primary1 a {display:block; background-image:url(graphics/playhouse-photos.jpg); background-repeat:no-repeat; color:#000000; }
#primary1 a {font:18px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; text-align:center; line-height:26px; padding-bottom:6px; }
#primary1 a:hover { background-image:url(graphics/playhouse-photos-hover.jpg); color:#000000; }

#primary2 { width:210px; height:30px; float:left; padding:15px; }
#primary2 a {display:block; background-image:url(graphics/custom-playhouses.jpg); background-repeat:no-repeat; color:#000000; }
#primary2 a {font:18px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; text-align:center; line-height:26px; padding-bottom:6px; }
#primary2 a:hover { background-image:url(graphics/custom-playhouses-hover.jpg); color:#000000; }

#primary3 { width:210px; height:30px; float:left; padding:15px; }
#primary3 a {display:block; background-image:url(graphics/superior-build-quality.jpg); background-repeat:no-repeat; color:#000000; }
#primary3 a {font:18px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; text-align:center; line-height:26px; padding-bottom:6px; }
#primary3 a:hover { background-image:url(graphics/superior-build-quality-hover.jpg); color:#000000; }

#primary4 { width:210px; height:30px; float:left; padding:15px; }
#primary4 a {display:block; background-image:url(graphics/luxury-interiors.jpg); background-repeat:no-repeat; color:#000000; }
#primary4 a {font:18px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; text-align:center; line-height:26px; padding-bottom:6px; }
#primary4 a:hover { background-image:url(graphics/luxury-interiors-hover.jpg); color:#000000; }

#cta1 { width:930px; height:30px; float:left; padding:15px; }
#cta1 a {display:block; background-image:url(graphics/contact-us-for-information.jpg); background-repeat:no-repeat; color:#000000; }
#cta1 a {font:18px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; text-align:center; line-height:26px; padding-bottom:6px; }
#cta1 a:hover { background-image:url(graphics/contact-us-for-information-hover.jpg); color:#000000; }

#cta { width:200px; height:250px; float:right; }
#cta a { display:block; width:200px; height:100px; background-image:url(graphics/cta.jpg); background-repeat:no-repeat; padding:10px 5px 10px 20px; }
#cta a {font:16px "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight:bold; text-decoration:none; text-align:center; line-height:20px; color:#ffffff; }
#cta a:hover { background-image:url(graphics/cta-hover.jpg); color:#4040FF; }

#phnavigation {width:200px; height:350px; float:right; clear:right; }
.photonav { width:200px; height:100px; }
.photonav { display:block; background-image:url(graphics/cta.jpg); background-repeat:no-repeat; }
.photonav { font:12px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; font-weight:bold; text-align:center; }
.photonav { line-height:30px; padding-bottom:15px; color:#ffffff; }
.photonav a:hover { background-image:url(graphics/cta-hover.jpg); color:#4040FF; }

/* Layout */
#layout { width:930px; float:left; padding:0px 15px 15px 15px; }

/* Footer */
#footer { width:960px; height:100px; float:left; }
#footer { background-image:url(graphics/playhouses-footer.jpg); background-repeat:no-repeat; }

#footmenu { width:945px; height:35px; float:left; margin-right:15px; padding-top:20px; text-align:right; color:#ffffff; }
#footmenu a { font:16px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; line-height:35px; color:#ffffff; }
#footmenu a:hover { color:#000000; }

#foottext { width:945px; height:10px; float:left; margin-right:15px; text-align:right; color:#000000; }
#foottext { font:10px "Trebuchet MS", Helvetica, Arial, sans-serif; }

#sitemap { width:960px; float:left; }
#sitemap a { display:block; padding-left:50px; height:38px; }
#sitemap a { font:14px "Trebuchet MS", Helvetica, Arial, sans-serif; text-decoration:none; line-height:38px; }
.smhome      { margin-left: 50px; background-image:url(graphics/home.gif); background-repeat:no-repeat; }
.smgallery   { margin-left:100px; background-image:url(graphics/gallery.gif); background-repeat:no-repeat; }
.smcustom    { margin-left:100px; background-image:url(graphics/custom.gif); background-repeat:no-repeat; }
.smbuild     { margin-left:100px; background-image:url(graphics/build.gif); background-repeat:no-repeat; }
.sminterior  { margin-left:100px; background-image:url(graphics/interior.gif); background-repeat:no-repeat; }
.smabout     { margin-left:100px; background-image:url(graphics/about.gif); background-repeat:no-repeat; }
.smcontact   { margin-left:100px; background-image:url(graphics/contact.gif); background-repeat:no-repeat; }
.smsitemap   { margin-left:100px; background-image:url(graphics/sitemap.gif); background-repeat:no-repeat; }
.smphoto     { margin-left:150px; background-image:url(graphics/photo.gif); background-repeat:no-repeat; }


/* No image borders */
a img {border: none}

/* Text */
.large { font:20px; }
.average { font:11px; }
.small { font:9px Helvetica,Arial,sans-serif; }
.xsmall { font:7px Helvetica,Arial,sans-serif; }

/* Preload Images */
.hiddenpic { display:none; }