/*Fonts*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

 @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

/* CSS RESET =============================================== */

body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset, img {

	border:0;

}

address, caption, cite, code, dfn, th, var {

	font-style:normal;

	font-weight:normal;

}

ol, ul {

	list-style:none;

}

caption, th {

	text-align:left;

}

h1, h2, h3, h4, h5, h6 {

	font-size:100%;

	font-weight:normal;

	margin:0;

}

q:before, q:after {

	content:'';

}

abbr, acronym {

	border:0;

}

/* GLOBAL CSS =============================================== */

* {

	margin: 0;

}

body {

	padding: 0px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 22px;

	color: #663300;

	background: url(../images/timber_bg.jpg) repeat #fff;

	height:0px !important;

}

p {

	margin: 10px 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-style:normal;

	color:#fff;

	font-size:16px;

	line-height:26px;

}

p.small {

	font-size: 11px;

	line-height: 18px;

	color: #d2caa9;

	font-family: Helvetica, Arial, sans-serif;

}

p.small span {

	color: #f5c2d6;

}

p span.bold {

	font-size:20px;

	font-weight:bold;

}

p.big {

	font-size: 18px;

	font-style: italic;

}

strong span {

	color: #f5c2d6;

	font-style: italic;

}



a:link, a:visited, a:active {

	padding: 0px;

	margin: 0px;

	background: none;

	color: #F05F25;

	text-decoration: none;

}

a:hover {

	color: #fff;

	text-decoration: none;

}

img {

	border: 0px;

}

.clear {

	clear:both;

}

.test {

	border:#F00 1px solid;

}

.hide-text {

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

}

hr {

	border: 0;

	height: 0;

	border-top: 1px solid rgba(0, 0, 0, 0.1);

	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

/********************/



.left {

	float: left;

	margin-right: 30px;

}

.right {

	float: right;

	margin-left: 30px;

}

.center {

	text-align:center;

	margin-left: 30px;

}

/* TEXTSTYLE CSS upwards =============================================== */



h1 {

	font-family: 'Open Sans', sans-serif;

	color: #fff;

	font-size: 44px;

	line-height:50px;

	font-weight:normal;

	padding-top:20px;

}

h2 {

	font-family: 'Open Sans', sans-serif;

	color: #fff;

	font-size: 18px;

	line-height: 30px;

}

h3 {

	font-family: 'Open Sans', sans-serif;

	color: #fff;

	font-size: 14px;

	line-height: 20px;

	font-weight:bold;

}

.txt-homepage-links {

	font-family: 'Open Sans', sans-serif;

	color: #333;

	font-size: 16px;

	line-height: 22px;

	font-weight:bold;

	text-align:center;

}

/* divs */



#wrapper {

	width: 100%;

	background: url(../images/bg_white_line.png) repeat-x;

}

#header {

	width:960px;

	height: 162px;

	margin: 0 auto;

}

#right-header {

	float:right;

	width:580px;

	height:54px;

	display:block;

}

#right-header .tagline {

	font-family: 'Open Sans', sans-serif;

	color: #B27847;

	font-size: 18px;

	line-height: 50px;

	font-style:normal;

	font-weight:600;

	text-transform:uppercase;

	width:340px;

	float:left;

}

#right-header .phone {

	font-family: 'Open Sans', sans-serif;

	color: #B27847;

	font-size: 30px;

	line-height: 50px;

	font-style:normal;

	font-weight:600;

	text-transform:uppercase;

	width:240px;

	float:right;

	text-align:right;

	background-image: url(../images/phone_icon.png);

	background-repeat: no-repeat;

	background-position: 0px 13px;

}

#logo {

	background: url(../images/transform_floors_logo.png) no-repeat;

	width:349px;

	height:115px;

	display:block;

	opacity: 1;

	-webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	-o-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

	float:left;

	margin-top:24px;

}

#logo:hover {

	opacity: 0.7;

}

#logo a {

	width:349px;

	height:115px;

	display:block;

	zoom: 1;

}

.btn-book-now {

	width:203px;

	height:59px;

	display:block;

	position: absolute;

	z-index:9999;

	margin-top: 26px;

}

.btn-book-now a {

	width:203px;

	height:59px;

	display:block;

	opacity:1;

	filter:alpha(opacity=100);

	-webkit-transition:all 0.2s;

	-moz-transition:all 0.2s;

}

.btn-book-now a:hover {

	opacity:0.7;

	filter:alpha(opacity=70);

}

/*Main Nav*/

#nav {

	width:560px;

	height:40px;

	margin: 0 auto;

	float:right;

	margin-top:29px;

}

#nav ul {

	width:560px;

	height:40px;

}

#nav li {

	float:left;

	height:40px;

	padding:0 1px 0 1px;

}

#nav li a {

	display:block;

	line-height:40px;

	color:#531F13;

	text-align:center;

	font-size:24px;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight:300;

	padding: 0 15px;

}

#nav li a.active, #nav li a:hover {

	background-color:#CC9E61;

	color:#fff;

}

/*Homepage Sliding background*/

#banner {

	width: 940px;

	height: 420px;

	background-color: #fff;

	margin: 0 auto;

	padding: 10px;

	z-index:9999;

	overflow:hidden;

}

/*Sliding Images*/

.slideshow {

	width:940px;

	height:420px;

}

/*hero image for general pages*/

#banner-general {

	width: 940px;

	height: 150px;

	background-color: #fff;

	margin: 0 auto;

	padding: 10px;

	z-index:9999;

}



/*border for gallery*/

#gallery-content {

	width: 940px;

	height: 700px;

	background-color: #fff;

	margin: 0 auto;

	padding: 10px;

	z-index:9999;

	margin-top: -130px;

}



/*homepage-content*/

#homepage-content {

	width:865px;

	/*min-height:380px;*/

	margin:0 auto;

}

.homepage-links {

	width:258px;

	/*height:350px;*/

	float:left;

	display:block;

	margin-top:28px;

	padding: 0 15px 0 15px;

	opacity: 1;

	-webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	-o-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

	margin-bottom:20px;

}

.homepage-links:hover {

	opacity: 0.7;

}

#content-homepage-wrapper {

	background-color:#541F14;

	width:100%;

	z-index:-1;

	margin-top: -160px;

	position: absolute;

}

#content-homepage {

	width:940px;

	margin:0 auto;

	color:#fff;

	padding-top: 160px;

	padding-bottom:40px;

}

a.call-to-action {

	width:230px;

	height:51px;

	display:block;

	background: url(../images/btn_free_quote.png) repeat;

	color:#1E0000;

	text-align:center;

	text-transform:uppercase;

	font-size:24px;

	line-height: 50px;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight:300;

	opacity: 1;

	-webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	-o-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

}

a:hover.call-to-action {

	opacity: 0.7;

}

.floatleft {

	float: left;

	margin: 0px 10px 10px 0px;

}

.floatright {

	float: right;

	margin: 0px 0px 20px 50px;

}

/* footer */

#footer {

	width: 100%;

	height:120px;

	color:#521F13;

	font-family: 'Open Sans', sans-serif;

	font-size:12px;

	background: url(../images/bg_footer.png) repeat-x;

}

#footer-content {

	width:950px;

	margin:0 auto;

	padding-top: 10px;

}

#footer-content p {

	color:#521F13;

	font-size:12px;

}

#footer-content a {

	color:#521F13;

	font-weight:bold;

	font-family: 'Open Sans', sans-serif;

}





/*Content*/



#content-general-wrapper {

	background-color:#541F14;

	width:100%;

	z-index:-1;

	margin-top: -80px;

	position: absolute;

}

#content-gallery-wrapper {

	background-color:#541F14;

	width:100%;

	z-index:-1;

	margin-top: 60px;

	position: absolute;

}

#content-general{

	width:940px;

	margin:0 auto;

	color:#fff;

	padding-top: 80px;

	padding-bottom:40px;

}



#content-general img.right {

	float: right;

	margin: 0 0 0 15px;

	padding-left: 25px;

	clear:both;

}

#content-general img.left {

	float: left;

	margin: 0 0 0 15px;

	padding-right: 25px;

	clear:both;

}

#content-general li {

	list-style: outside disc;

	margin-left: 20px;

}

#content-general .underline {

	text-decoration:underline;

}

#content-general .italic {

	font-style:italic;

}

#content-general td img {

	margin-top:10px;

}

#content-general a {

	font-weight:bold;

}

#content-general a:hover {

	color:#996600;

}





/*Fass*/

.faq{

	padding-bottom:20px;

	padding-top:10px;

	border-bottom:#73473E solid 1px;

}

/*Contact*/

#content .column {

	float:left;

	width:430px;

	margin-right:20px;

}



#content .column a{

	color:#F05F25;

}

#content .column a:hover{

	color:#fff;

}



input, textarea {

	padding:4px;

	width:300px;

}



textarea {

	font-family:'Open Sans', sans-serif;

	min-height:100px;

	max-height:150px;

	max-width:300px;

}



input[type=submit] {

	background:#F05F25;

	border:none;

	padding:4px;

	width:100px;

	height:30px;

	cursor:pointer;

	font-family:'Open Sans', sans-serif;

}

.address {
	float:left;
	width: 30%;
	terxt-align: left !important;
	line-height: 16px;	
}
.site-info {
	text-align: right;	
}