/* Babiestots2teens CSS Document  */

/* -- MASTER SETUP -- */

html, body {margin: 20px 0; padding:0; color:#000; background:#CCD120; font:100% Arial, Verdana, Helvetica, sans-serif !important; height:100%; text-align:center;}

form, select, input, textarea {margin:0; padding:0;}
select, input, textarea {font-size: 1.0em;font-family: Arial, Verdana, Helvetica, sans-serif; }

ul {margin: 0; padding: 0; list-style: none}
a:hover {text-decoration: underline;}
fieldset {border: 0; margin: 0; padding: 0;}
hr {display: none; visibility: hidden;}

/*- Paragraph tag -*/
p {margin:15px 0 ;}


/* -- ACCESSIBILITY SPECIFIC -- */
#skiplinks {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* ----------------- LAYOUT ----------------- */

/* wrapper */
#wrapper {width:772px; height:100%; margin: 0 auto; position: relative; text-align:left; font-size:0.70em; line-height:14px; }

#wrapper #header {width:772px; height:100px; background:#FFF;}
#wrapper #header img {float:left; margin:15px 0 0 15px; display:inline;}
#wrapper #header h1 {float:right; margin:22px 18px 0 0; display:inline; width:363px; height:62px; background: url(../images/strapline.gif) no-repeat scroll; text-indent:-5555px;} 

/* NAVIGATION */
#wrapper #menu ul {width:770px; height:22px; padding:0; margin:0;overflow:hidden;border-left:1px solid #FFF; border-right:1px solid #FFF;}
#wrapper #menu ul li {background:#8c901f; width:154px; height:22px; margin:0; padding:0; float:left; text-align:center; font-weight:bold; line-height:23px; color:#FFF; }
/*#wra pper #menu ul li.selected.home {border-right:1px solid #FFF;}
#wrap per #menu ul li.selected.fence {border-left:1px solid #FFF; border-right:1px solid #FFF; width:153px;} 
#wrap per #menu ul li.selected.gallery {border-left:1px solid #FFF; border-right:1px solid #FFF; width:153px;} 
#wrap per #menu ul li.selected.deck {border-left:1px solid #FFF; border-right:1px solid #FFF; width:153px;} 
#wrap per #menu ul li.selected.contact {border-left:1px solid #FFF;} */
#wrapper #menu ul li a {width:152px; border-left:1px solid #8c901f; border-right:1px solid #8c901f; display:block; height:23px; text-decoration:none; color:#FFF;}
#wrapper #menu ul li a.active {background:#cdd121; border-left:1px solid #FFF; border-right:1px solid #FFF;}
#wrapper #menu ul li a.active.first {border-left:1px solid #cdd121; border-right:1px solid #FFF;}
#wrapper #menu ul li a.active.last {border-left:1px solid #FFF; border-right:1px solid #cdd121;}
#wrapper #menu ul li a:hover {text-decoration:none; background:#cdd121; border-left:1px solid #cdd121; border-right:1px solid #cdd121;}
#wrapper #menu ul li a.first:hover {border-left:1px solid #cdd121; border-right:1px solid #FFF;}
#wrapper #menu ul li a.middle:hover {border-left:1px solid #FFF; border-right:1px solid #FFF;}
#wrapper #menu ul li a.last:hover {border-left:1px solid #FFF; border-right:1px solid #cdd121;}


/* CONTAINER */
#wrapper #container {border:1px solid #FFF; margin:0; padding:31px 0 0 0; width:770px; }



/* FOOTER */ 

#wrapper #container #footer {margin:10px 10px 10px 10px;overflow:hidden; height:40px; width:750px;}
#wrapper #footer ul {line-height:50px; width:770px;}
#wrapper #footer ul li {float:left; padding:0 20px 0 0; color:#606A2C;}
#wrapper #footer ul li a {color:#606A2C; text-decoration:none;}
#wrapper #footer ul li a:hover {text-decoration:underline;}


/* ----------------- LAYOUT ----------------- */
/* -- USEFUL CLASSES -- */
.clr {clear: both; overflow:hidden}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /* FF clearfix */
.fl {float: left}
.fr {float: right}
.cb {clear: both;}
.nw {white-space: nowrap;}
.asterisk {font-family: Verdana; font-style: normal; font-size: 1.1em; color: #666;}
.noasterisk {display: block; width: 10px; height: 1px; float: left;}