html, body {
       height: 100%;
 }
 
body {
       margin: 0px;
       padding: 0px;
 }
  
body, p {
	color: #4E4C4B;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	font-weight:300;
	background-color: #ffffff;
	list-style: none;
}

h1 {
font-family: 'Source Sans Pro', sans-serif;
font-size:24px;
}

h2 {
font-family: 'Source Sans Pro', sans-serif;
font-size:18px;
font-weight:400;
}
h3 {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
font-weight:400;
}
h4 {
font-family: 'Source Sans Pro', sans-serif;
font-size:12px;
}
h5 {
font-family: 'Source Sans Pro', sans-serif;	
font-size:10px;
}
h6 {
font-family: 'Source Sans Pro', sans-serif;
font-size:8px;
}


a img {
border: none;
} 

a {
color: #C9B94A;
text-decoration:none;
}

a:hover {
color: #CCCCCC;
}


#wrapper {
       width: 100%;
       min-height: 100%;
       height: auto !important;
       height: 100%;
       margin: 0px 0px -41px 0px;
 }
 
#container {
	width: 960px;
	margin: 0 auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1
}


/*--------------- Sticky Header */
.sticky-header {
float:right;
width:100%;
background-color:#FFF;
}

nav.sticky-header {
color:#ccc;
background-color:#FFF;
width:100%;
height: 30px;
font-size:80%;
text-transform:uppercase;
font-weight:400;
}

nav.sticky-header ul {
margin: 0px;
padding: 5px 0px 5px 670px;
}

nav.sticky-header li {
display:inline;
margin-right:10px;
}

nav.sticky-header li a {
color:#ccc;
padding: 5px 0px 7px 0px;
}

nav.sticky-header li a:hover, nav.sticky-header li a.current {
	color:#666;
	background-color: none;
	padding: 5px 0px 7px 0px;
}




/*--------------- Header */


header{
height:170px;
background-color:#fff;
}



/*-----------Navigation */

nav {
color:#000;
background-color:#fff;
height: 30px;
font-size:14px;
margin-top:20px;
text-transform:uppercase;
letter-spacing:1.5px;
font-weight:400;
}

nav ul {
margin: 0px;
padding: 5px 0px 5px 30px;
}

nav li {
display:inline;
margin-right:30px;
}

nav li a {
color:#000;
padding: 5px 0px 7px 0px;
}

nav li a:hover, nav li a.current {
	color:#000;
	background-color:#fff;
}

nav li a:hover.residential, nav li a.currentR  {
	color:#162659;	
}

nav li a:hover.commercial, nav li a.currentC  {
	color:#973767;		
}

nav li a:hover.kids, nav li a.currentK  {
	color:#409B54;	
}

nav li a:hover.services, nav li a.currentS  {
	color:#ACADAB;
}

nav li a:hover.shop, nav li a.currentSH  {
	color:#C90;
}

nav li a:hover.press, nav li a.currentP  {
	color:#77754D;	
}

nav li a:hover.about, nav li a.currentA  {
	color:#BD9B74;
}

nav li a:hover.contact, nav li a.currentCO  {
	color:#C9B94A;
}


/*--------------- Body */

/*--------------- Index Page Slideshow */
section.indexslideshow {
	width: 752px; height: 501px; 
	margin-top:30px;
	margin-left: 75px;
	overflow: visible; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative;
	
}

section.indexslideshow, ul.nobullet{
	list-style: none;
}

#slideshowindex ul#slidesindex {
	list-style: none;
}



/*--------------- Residential Projects Slideshow */

section.slideshow {
	width: 752px; height: 501px; 
	margin-top:30px;
	margin-left: 75px;
	overflow: visible; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative;
}


section.slideshow ul#navigation {
	display: block;
	list-style: none;
	position: relative; z-index: 20;
}

section.slideshow ul#navigation li#prev {
	float: left; margin: -513px 0 0 -87px;
}

section.slideshow ul#navigation li#next {
	float: right; margin: -513px -47px 0 0 ;
}

section.slideshow ul#navigation li a {
	display: block; width: 37px; height: 501px;
}

section.slideshow ul#navigation li#prev a {
	background: url(images/nav-handdrawn-prev.png);
	background-repeat:no-repeat;
}

section.slideshow ul#navigation li#prev a:hover {
background: url(images/nav-handdrawn-prev-hover.png); background-repeat:no-repeat;
}

section.slideshow ul#navigation li#next a {
	background: url(images/nav-handdrawn-next.png); background-repeat:no-repeat;
}

section.slideshow ul#navigation li#next a:hover {
	background: url(images/nav-handdrawn-next-hover.png); background-repeat:no-repeat;
}

section.slideshow ul#slides {
	list-style: none;
}

section.slideshow ul#slides li {
	margin: 5px 0 0 0;
}

.imagecaptionrp {
width: 742px;
margin: 20px auto;
font-family: 'Lato', sans-serif;
color: #333333;
font-size: 13px;
line-height: 1.5em;
text-align:center;
}

.imagecaptiondb {
width: 742px;
margin-top: 170px;
margin-left: 75px;
font-family: 'Lato', sans-serif;
color: #333333;
font-size: 13px;
line-height: 1.5em;
text-align:center;
}


/*--------------- Columns */

section.onecolumncentered {
	margin-top:30px;
	margin-left: 75px;
}

section.onecolumncentered-index {
	margin-top:30px;
	margin-left: 75px;
}

section.onecolumncentered-residential {
	margin-top:30px;
	margin-left: 75px;
}

section.onecenteredcolumn-press {
width: 762px;
float:left;
margin: 50px 0 0 75px;
padding: 0 0 0 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:center;
}

section.leftcolumn-press {
width: 254px;
float:left;
margin: 37px 5px 0px 5px;
padding: 0px 0px 90px 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
line-height: 1.5em;
font-size:14px;
text-align: center;
}

section.middlecolumn-press {
width: 254px;
float: left;
margin: 37px 5px 0px 25px;
padding: 0px 0px 30px 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align: center;
}

section.rightcolumn-press {
width: 254px;
float: left;
margin: 37px 5px 0px 25px;
padding: 0px 0px 30px 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:center;
}

section.leftcolumnservices {
width: 442px;
float:left;
margin: 40px 0px 0px 35px;
padding: 0px 0px 0px 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
text-align:justify;
}

section.rightcolumnservices {
width: 320px;
float: left;
margin: 30px 5px 0px 0px;
padding: 0px 0px 0px 20px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:justify;
list-style:none;
}

section.leftcolumn-about {
width: 423px;
float:left;
margin: 40px 0px 10px 45px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:left;
}

figure {
	margin: 0 0 20px 0;
	float:none;
}

section.rightcolumn-about {
width: 320px;
float: left;
margin: 30px 5px 0px 0px;
padding: 0px 0px 90px 20px;
background-color:none;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:justify;
list-style-image:url(images/liststylequatrefoil-grey.gif)
}

section.leftcolumn-contact {
width: 442px;
float:left;
margin: 40px 0px 0px 35px;
padding: 0px 0px 0px 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
text-align:justify;
}

section.rightcolumn-contact {
width: 320px;
float: left;
margin: 30px 5px 124px 20px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:left;
}

section.leftcolumn-careers {
width: 442px;
float:left;
margin: 40px 0px 0px 35px;
padding: 0px 0px 0px 5px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
text-align:justify;
}

section.rightcolumn-careers {
width: 320px;
float: left;
margin: 30px 5px 124px 20px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height: 1.5em;
text-align:justify;
}

article.kids {
clear:both;
overflow:auto;
width:auto;
}

section.onecolumncentered-kids {
width:880px;
float:left;
line-height: 1.5em;
margin: 30px 0px 10px 0px;
text-align:center;
}

section.leftcolumn-kids {
width: 340px;
float:left;
margin-left:40px;
padding:0px 50px 130px 20px;
line-height: 1.5em;
font-size:14px;
text-align: left;
clear:left;
}

section.rightcolumn-kids {
width: 340px;
float:left;
padding:0px 50px 130px 20px;
font-size:18px;
line-height: 1.5em;
text-align: left;
clear:right;

}


/*--------------- Footer */

/* Secondary Navigation */


 
footer {

width:920px;
height:30px;
margin:70px 0px 0px 0px;
padding:0px 0px 40px 0px;
border-top:#ccc thin solid;
background-color:#fff;	
}

nav.footer {
color:#ccc;
background-color:#fff;
height: 30px;
font-size:80%;
margin-top:20px;
text-transform:uppercase;
font-weight:400;
}

nav.footer li {
display:inline;
margin-right:10px;
}

nav.footer li a {
color:#ccc;
padding: 5px 0px 7px 0px;
}

nav.footer li a:hover, nav.footer li a.current {
	color:#666;
	background-color:#fff;
}