/* CSS */

body { font-family: "Trebuchet MS", Verdana, geneva, sans-serif; font-size:small; margin:0 auto; padding:0; height:100%; text-align:center; background:#63b5bf; }
* { margin:0; padding:0; line-height:1.5em; }
h1 { padding:0; margin:10px 0px; font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size:180%; font-weight:normal; }
h2 { padding:0; margin:20px 0px 0 0; font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size:140%; font-weight:normal; }
#containerbkground { width:1320px; height:auto; margin:30px auto 0 auto; text-align:center; }
#container { background:#fff; border: 0px solid #235e66; font-size:95%; min-height: 100%; margin: 20px 184px; height: 100%; text-align:center; width:940px; }
#topheaderbar { width:940px; height:20px; margin:0px; color:#fff; background:#c0e559; }
#topheaderbar p { font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size:110%; font-weight:bold; text-align:center; letter-spacing:1px; color:#0066B3; }
#header { margin:0; padding:0px 160px; background:#246a72; text-align:center; clear:both; }
#sidebar { float:left; width:150px; height:400px; margin:5px 0px 5px 0px; padding:10px; color:#fff; background:#666; }
#content { float:left; width:920px; height:auto; margin:4px 0; padding:0 10px; background:#246a72; clear:both; }
#content ol, #content ul { padding:5px 20px; }
.contentinfo { background:#fff; padding:20px 30px 50px 30px; margin:20px 60px; height:auto; clear:both; }
#sidebar p, #content p { padding:12px 0px; text-align:left; }
.contentinfo h2 { padding:0 0 10px 0; color:#0066B3; }
.contentinfo img { border: 2px solid #d7f385; }
#content p.names { margin:0 0 20px 0; text-align:right; font-style:italic; border-bottom: 2px dotted #84c5c6; line-height:18px; }
#sidebar a, #content a { color:#555; text-decoration:underline; }
#content a img { text-decoration:none; border:0; }
#ads { padding:12px 0 0 0; margin:0; background:#acd23e; color:#555; font-size:95%; clear:both; height:38px; }
#ads h2 { font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size:140%; font-weight:normal; text-align:center; letter-spacing:1px; color:#0066B3; margin:0; padding:0; }
#footer { clear:both; padding: 5px 10px; background:#c0e559; font-family: Verdana, sans-serif; font-size:85%; text-align:left; }
#footer p { color:#0066b3; font-family: Verdana, sans-serif; font-size:10px; text-align:left; }
#footer a { color:#0066b3; }
#footer a:hover { color:#46b4c1; }
#nav { float:left; width:920px; margin:0; padding:10px; font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size:110%; background:#c0e559; color: #0066b3; font-weight:normal; }
#nav li { font-size:1.0em; list-style:none; display:inline; padding:5px 2px; }
#nav li a { margin:0px 0px; padding:7px; color:#0066b3; text-decoration:none; font-weight: bold; }
#nav li a:hover { background:#46b4c1; color:#c0e559; }
#homenav, #aboutnav, #kitchennav, #bathnav, #livingnav, #renderingsnav, #testimonialsnav, #newsawardsnav, #contactnav, #links #linksnav, #contact #contactnav { color:#c0e559; background:#46b4c1; }
ul { margin: 0; padding : 0; list-style : none; }
#sidebarnav { margin:0; padding:0; color: #fff; }
#sidebarnav ul { padding:4px; list-style:none; }
#sidebarnav li { margin:4px 0; list-style:none; }
#sidebarnav li a { color:#eee; text-decoration:underline; display:block; }
#sidebarnav li a:hover { background:#999; }

/* Slide Menu old
#sm {padding: 0px; margin: 0 auto;}
.sm {list-style:none; width:800px; height:400px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
*/

/* Side Menu updated 11/6/2011 JJF */
#sm {list-style: none; margin: 0 auto; padding: 0; overflow: hidden;} 
#sm li {float: left; display: block; height: 400px; width: 50px; padding: 15px 0; overflow: hidden;} 
#sm li.active {width: 775px;}

/* NEW Photo Gallery */
h3.gallery { font-size:100%; font-weight:normal; }
h2.gallery { color:#0066B3; padding:0; font-size:160%; }
#containertest {padding:0; border:1px solid #46B4C1; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px; background:#fff;}
#containertest a.pics {float:left; padding:10px 6px; display:inline; color:#000; text-decoration:none; width:135px; height:100px;}
#containertest h3 { color:#a2c248; padding:10px 10px; }

.more-link { clear:both; border-bottom:2px dotted #84C5C6; font-style:italic; text-align: right; padding:0 0 10px 0; margin:0 20px; color:#A2C248; }
#containertest .more-link a  { text-decoration: dotted; color:#A2C248; }

/* The outer div that contains the whole list of featured items */
.featured-list { width: 240px; float:left; border:1px solid #46B4C1; background: #e4f2b4; margin:0 5px; }

/* The div containing one individual featured item */
.featured-item { float:left; padding:0 6px; }

/* The anchor (<a>) wrapped around the featured item thumbnail */
.featured-link { }

/* The featured item thumbnail */
.featured-img { float:left; border:none; }

/* The div containing all the text referring to the featured item */
.featured-text { float:left; text-align: left; padding:0 6px 6px 6px; }

/* The strong element containing the title of the featured item */
.featured-title { text-align: left; padding:3px 0px; color:#0066B3; }

/* The paragraph element containing the description of the featured item */
.featured-desc { }

/*
#containertest a.pics img.thumb {display:block; cursor:pointer; border:0; background: #000;}

#containertest span.pic {display:none; border:0; width:720px; height: 545px; background:#fff; padding:0; margin:0;}
#containertest span.pic img {margin:0 auto; width:720px; height: 545px;}

#containertest a.pics:hover {white-space:normal; }

#containertest a.pics:active { } 

#containertest a.pics:active span {display:block; position:absolute; left:9px; top:276px; z-index:5;}


#containertest a.pics:focus { }

#containertest a.pics:focus span {display:block; position:absolute; left:9px; top:276px; z-index:5; outline:0;}


#containertest span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:24px 0 0 0; width:720px; text-align:center; color:#eee; z-index:1;}
#containertest span.info a {color:#000;}
#containertest span.info a:hover {text-decoration:none;}
#containertest span.info img {border:none; padding:0; margin:0;}
*/