a img {
	border:none;
}

#overlay {
	width:100%;
	height:100%;
	background:#FFF;
	position:fixed;
	z-index:999;
}

#overlay img {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-75px;
}

html {
	position:relative;
	height:100%;
}

body {
	height:100%;
	background:url(/images/body-bg.png) repeat;
	padding:0;
	margin:0;
	color:#525457;
	font-family: Georgia, serif;
}

p {
	margin:0px 0px 10px 0px;
}

.color {
	color:#8EB6B7;
	font-weight:bold;
}

.success {
	color:#015f2d;
	margin-top:5px;
}

.failure {
	color:#dc4226;
	margin-top:5px;
}

/**
 * 	HEADER
 *  ------------------------------------------------------------------------------------------------------------------
 */
.header {
	background:#bed4d5;
	width:100%;
	height:120px;
	border-bottom:10px solid #8eb6b7;
	box-shadow: 0px 0px 10px 0px black;
}

.header .inner {
	width:950px;
	margin:0px auto;
	position: relative;
}

.header .logo {
	float:left;
	margin-left:10px;
	width:330px;
	height:130px;
	background:#525457;
	box-shadow: 2px 0px 13px 0px black;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding:20px 10px 0px 10px;
}

.menu {
	list-style:none;
	margin:0 60px 0 0;
	padding:50px 0px 0px;
}

.menu li {
	float:right;
	display:block;
	text-align:center;
	padding:5px 8px;
	line-height:20px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
	margin:15px 6px;
	text-shadow: 1px -1px #BECDCE, 1px 1px #D3E9E6;
	
}

.menu a {
	color:#525457;
}

.menu li:hover,
.menu li.active {
	border-bottom:2px solid;
}

#contact {
	width:130px;
	height:94px;
	background:url(/images/contact.png);
	position:absolute;
	z-index:90;
	right:100px;
	top:115px;
	cursor:pointer;
	transition:right 1s, transform 1s;
	-moz-transition:right 1s,  -moz-transform 1s; /* Firefox 4 */
	-webkit-transition:right 1s,  -webkit-transform 1s; /* Safari and Chrome */
	-o-transition:right 1s, -o-transform 1s; /* Opera */
}

#contact:hover {
	right:95px;
	transform:rotate(-10deg);
	-moz-transform:rotate(-10deg); /* Firefox 4 */
	-webkit-transform:rotate(-10deg); /* Safari and Chrome */
	-o-transform:rotate(-10deg);
}


/**
 * 	CONTENT
 *  ------------------------------------------------------------------------------------------------------------------
 */
.content {
	width:100%;
}

.content .inner {
	width:950px;
	margin:0px auto;
	overflow:hidden;
	font-family:Helvetica, Arial, sans-serif;
	clear:both;
}

#title {
	text-align:center;
	color:#9a9a9a;
}

#title h1 {
	color:#525457;
	font-size:50px;
	margin:20px 0px 0px 0px;
}

#title h2 {
	font-size: 36px;
	margin: 0px;
	line-height: 40px;
	padding-bottom:20px;
	font-variant:small-caps;
}

#title h2 span {
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing:-2px;
	font-size:26px;
	font-weight:normal;
	font-variant:normal;
}


#image-scroller {
	height:500px;
	width:100%;
	position:relative;
	overflow:hidden;
	box-shadow: 0px 0px 6px black;
}

#scroller-nav {
	width:950px;
	margin:0px auto;
	position:relative;
}

#scroller-nav .nav {
	width:75px;
	height:150px;
	position:absolute;
	z-index:100;
	cursor:pointer;
	top:160px;
}

#scroller-nav .nav#prev {
	background:url(/images/scroll.png) 0px 0px;
	left:0px;
}

#scroller-nav .nav#next {
	background:url(/images/scroll.png) -75px -150px;
	right:0px;
}

#scroller-nav .disabled#next {
	background:url(/images/scroll.png) -75px 0px !important;
	cursor:default;
}

#scroller-nav .disabled#prev {
	background:url(/images/scroll.png) !important;
	cursor:default;
}

#scroller-nav .nav#prev:hover {
	background:url(/images/scroll.png) 0px -149px;
}

#scroller-nav .nav#next:hover {
	background:url(/images/scroll.png) -75px -1px;
}

.scrollable .items {
	width:8000px;
	height:500px;
	position:absolute;
}

.scrollable .items div {
	height:500px;
	overflow:hidden;
	float:left;
}

.scrollable .items div img{
	width:100%;
}

#frame1 {
	float:left;
	background:url(/images/frame1.png);
	width: 135px;
	height: 280px;
	padding: 30px 60px;
	margin:90px 60px 100px 0px;
}

.frame-list {
	padding-left:20px;
}
.frame-list li {
	margin-left:0px;
	color:#525457;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	letter-spacing: -1.5px;
}

#frame2 {
	float:left;
	background:url(/images/frame2.png);
	width:165px;
	height:260px;
	padding:30px 43px;
	margin:40px 60px 0px 0px;
}

#frame3 {
	float:left;
	background:url(/images/frame3.png);
	width: 210px;
	height: 140px;
	margin-top: 40px;
	padding: 55px;
}

#frame3 h2 {
	text-align:center;
	font-style: italic;
}


/**
 * 	PAGE CONTENT
 *  ------------------------------------------------------------------------------------------------------------------
 */

#carpentry-cont,
#contact-cont,
#homepage-cont {
	width:840px;
	margin:0px auto 50px auto;
	background:#FFF;
	border:20px solid #FFF;
	box-shadow: 0px 0px 14px -5px black;
	overflow:hidden;
	position:relative;
}

#homepage-cont {
	margin-top: 50px;
}

#homepage-cont h2 {
	text-align: center;
}

#homepage-cont .homepage-box > div {
	width: 50%;
	float: left;
}

#homepage-cont .homepage-box > div:first-of-type {
	padding: 0 20px;
	box-sizing: border-box;
}

.homepage-box {
	padding: 0 20px 20px;
}

#contact-cont p {
	font-size:14px;
}

#contact-cont #address {
	float:left;
	overflow:hidden;
	margin-right:20px;
	width:228px;
	height:310px;
	background:url(/images/texture1.png);
	padding:20px;
	border:1px dashed #ccc;
}

#contact-cont #address h3,
#contact-cont #form h3 {
	margin-top:0px;
	font-variant: small-caps;
}

#contact-cont #form {
	float:left;
	width:505px;
	height:310px;
	background:url(/images/texture1.png);
	padding:20px;
	border:1px dashed #ccc;
}

#contact-cont #form input, 
#contact-cont #form textarea {
	padding:5px;
	font-size:12px;
	margin-bottom:3px;
	border:1px solid #CCC;
}

#contact-cont #form input { 
	width:50%;
}

#contact-cont #form textarea {
	width:90%;
	height:100px;
	font-family: arial;
}

#contact-cont #form .submit {
	background:#8EB6B7;
	color:#525457;
	border:none;
	font-size:12px;
	height:30px;
	margin-top:5px;
}

#contact-cont #form .submit:hover {
	background:#BECDCE;
	cursor:pointer;
	
}

.box,
.homepage-box {
	background:url(/images/texture1.png);
	border:1px dashed #CCC;
	clear:both;
	overflow:hidden;
}

.box img,
.box h3,
.box p,
.box ul {
	float:left;
}

.box .img_cont {
	background:#FFF;
	float:left;
	height:100%;
	margin-right:20px;
}

#grid-content {
	margin:45px 0px 10px 6px;
}

#grid-content div {
	float:left;
	width:254px;
	margin: 5px;
	padding: 5px;
	background: #FFF;
	border-radius: 2px;
	border: 1px dashed #CCC;
}

#grid-content div img {
	width:100%;
}

.box h3 {
	font-variant: small-caps;
}

.box p {
	font-size:14px;
	width:460px;
}

.box ul {
	width:410px;
}

.box div+p {
	margin-top:15px;
}

.box p:last-child {
	margin-bottom:15px;
}


/**
 * 	FOOTER
 *  ------------------------------------------------------------------------------------------------------------------
 */

.fence {
	width:100%;
	height:330px;
	background:url(/images/fence.png) center top;
}

.footer {
	width:100%;
	border-top:25px solid #707070;
	height:200px;
	box-shadow: 0px 0px 6px black;
	background:url(/images/floor2.png) center;
}

.outside {
	border-top:none;
	background:url(/images/grass.png) center;
}

.footer .inner {
	width:950px;
	height:200px;
	margin:0px auto;
	position:relative;
}

#drawers {
	width:300px;
	height:265px;
	background:url(/images/drawers.png);
	position:absolute;
	right:0px;
	top:-180px;
}

#stool {
	width:140px;
	height:217px;
	background:url(/images/stool.png);
	position:absolute;
	left:50px;
	top:-60px;
}

#foot-links {
	position:absolute;
	bottom:10px;
	left:0px;
	color:#FFF;
}

#foot-links a {
	color:#FFF;
	font-style:italic;
}

#foot-contact {
	position:absolute;
	bottom:10px;
	right:0px;
	color:#FFF;
	text-align: right;
}

#foot-contact a {
	color:#FFF;
}