/*
#############################################
CSS DOCUMENT FOR TLY CONSTRUCTION COMPANY
Author: Daniel Lindegren (www.DLindegren.com)
#############################################

Reminders
	-the height of the preview boxes on the home page are fixed

/* temp */ ul { list-style: none; }

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/* GLOBAL STYLES start */

	*{
		margin:0;
		padding:0;
		}

	img{
		border:0;
		}

	html{
		background:#070707;
		color:#fff;
		}

	header, aside, nav, section, article, img, footer, figure, figcaption{ /* Display elements as block elements */
		display:block;
		}

	body div#main-container{
		width:100%;

		background:#050505;

		overflow:hidden;
		}



/* // GLOBAL STYLES end */

/* HEADER start */

	header#branding{
		width:850px;
		height:191px;
		margin:0 auto;

		background:url(../img/tly-branding-header-bg.jpg);
		border-left:1px solid #000;
		border-right:1px solid #000;
		}

		header#branding a#tly-construction-logo{
			margin:42px 0 0 26px;

			float:left;
			}

		header#branding ul{
			width:296px;
			height:119px;
			margin-top:18px;
			padding-top:35px;

			background:url(../img/contractor-license-bg.png);

			float:right;
			list-style:none;

			text-align:center;
			font:18px Georgia, "Times New Roman", serif;
			color:#ccbaa8;
			line-height:18px;
			}

			header#branding ul li{
				padding-top:8px;
				}

/* // HEADER end */

/* PRIMARY NAVIGATION start */

	nav#primary-navigation ul{
		width:850px;
		height:50px;
		margin:0 auto;

		background:#090706 url(../img/primary-navigation-borders.png) 50% 0 no-repeat;
		border-left:1px solid #000;
		border-right:1px solid #000;

		list-style:none;

		color:#e8b98c;
		font:18px Georgia, "Times New Roman", serif;
		letter-spacing:0px;
		}

		nav#primary-navigation ul li{
			background:url(../img/primary-nav-separator.png) 0 50% no-repeat;

			float:left;
			}

		nav#primary-navigation ul li:first-child{
			background:none;
			}

			nav#primary-navigation a{
				height:36px;
				padding:14px 23px 0 23px;

				display:block;


				text-transform:uppercase;
				text-decoration:none;

				color:#e8b98c;

				/*
				-webkit-transition:color 0.3s ease-in-out;
				-moz-transition:color 0.3s ease-in-out;
				-o-transition:color 0.3s ease-in-out;
				*/
				}

				nav#primary-navigation a:active,
				nav#primary-navigation a:hover,
				nav#primary-navigation a:focus{
					color:#77231c;
					}

/* // PRIMARY NAVIGATION end */

/*###############
CONTENT start
###############*/

/* GLOBAL FOR MAIN CONTENT start */

	div#stained-concrete-photo{
		width:850px;
		height:305px;
		margin:0 auto;

		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;

		overflow:hidden;
		}

		body div#stained-concrete-photo img{
			border-bottom:6px solid #77231c;
			}

	section#main-content{
		width:850px;
		margin:0 auto;
		padding:20px 0 30px 0;

		border-bottom:6px solid #77231c;

		overflow:hidden;

		color:#baab9e;
		font:16px Ubuntu, Verdana, sans-serif;
		line-height:24px;
		}

	section#main-content{
		border-bottom:6px solid #77231c;
		}

		section#main-content img.align-side{
			margin:0 0 20px 20px;

			border:1px solid #ad9f93;

			display:block;

			float:right;
			}

		section#main-content a,
		#welcome a{
			color:#77231c;
			text-decoration:none;
			border-bottom:1px dotted #77231c;
			}

			section#main-content a:hover{
				color:#baab9e;
				text-decoration:none;
				border-bottom:1px dotted #77231c;
				}

		section#main-content p,
		section#main-content ul.bullet-list,
		section#main-content dl{
			padding-top:20px;
			}

			section#main-content p.list-head{
				font-weight:bold;
				}

		section#main-content .first-block{
			padding-top:10px;
			}

		section#main-content h1{
			margin-bottom:10px;
			padding-bottom:10px;

			font:32px Georgia, "Times New Roman", serif;
			color:#d8ac82;
			}

			section#main-content h1 span{
				padding-bottom:10px;
				background:url(../img/footer-header-border.png) 0 100% repeat-x;
				}

		section#main-content h2{
			margin-top:30px;

			font:24px Georgia, "Times New Roman", serif;
			color:#77231C;
			line-height:32px;
			}

		section#main-content ul.bullet-list{
			margin:0 0 0 20px;

			list-style:none;
			}
			section#main-content ul.bullet-list li{
				margin-top:5px;
				padding-left:20px;
				background:url(../img/list-bullet.png) 0 9px no-repeat;
				}
				section#main-content ul.bullet-list li:first-child{
					margin-top:0;
					}

		section#main-content dl#surfaces-treated dt,
		section#main-content dl#surfaces-treated dd{
			display:inline;
			}

/* GLOBAL FOR MAIN CONTENT end */



/* HOME start */

	/* WELCOME start */

	body#home section#welcome{
		width:850px;
		margin:0 auto;
		padding:30px 0;

		background:url(../img/welcome-separator.png) 350px 50% no-repeat;
		border-bottom:6px solid #77231c;

		overflow:hidden;
		}

		body#home section#welcome h1{
			width:358px;

			float:left;

			color:#d8ac82;
			font:42px Georgia, "Times New Roman", serif;
			line-height:54px;
			}

		body#home section#welcome p{
			width:480px;
			margin:20px 0 0 10px;

			float:left;

			color:#baab9e;
			font:16px Ubuntu, Verdana, sans-serif;
			line-height:24px;
			}

			body#home section#welcome p#welcome-intro{
				margin-top:0;
				}

	/* // WELCOME end */

	/* PREVIEWS start */

	body#home section#about-and-services-preview{
		width:810px;
		margin:0 auto;
		padding:23px 20px 16px 20px;

		background:#140908;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:6px solid #77231c;

		overflow:hidden;
		}

		body#home section#about-and-services-preview div#about-tly-preview{
			width:396px;
			background:url(../img/preview-box-bg.png);
			float:left;

			overflow:hidden;
			}

		body#home section#about-and-services-preview div#tly-services-preview{
			width:396px;

			background:url(../img/preview-box-bg.png);

			float:right;

			overflow:hidden;
			}
			body#home section#about-and-services-preview article{
				height:175px;

				padding:10px 20px;
				}

				body#home section#about-and-services-preview h1{ /* Applies to both preview boxes */
					width:100%;
					padding:10px 0;

					background:url(../img/preview-box-title-bg.png);
					border-bottom:1px solid #3f281c;

					color:#cfa57d;
					font:24px Georgia, "Times New Roman", serif;
					line-height:27px;
					text-align:center;
					}

				body#home section#about-and-services-preview p{

					color:#9b8e83;
					font:16px Ubuntu, Verdana, sans-serif;
					line-height:24px;
					}

				body#home section#about-and-services-preview ul.bullet-list{
					margin:20px 0 0 10px;

					list-style:none;

					color:#9b8e83;
					font:16px Ubuntu, Verdana, sans-serif;
					line-height:22px;
					}

					body#home section#about-and-services-preview ul.bullet-list li{
						margin-top:5px;
						padding-left:20px;

						background:url(../img/list-bullet.png) 0 8px no-repeat;
						}

				body#home a.read-more-preview{
					width:100%;
					padding:5px 0;
					background:url(../img/read-more-preview-bg.png);

					display:block;

					color:#cfa57d;
					font:16px Georgia, "Times New Roman", serif;
					line-height:16px;
					text-align:center;
					vertical-align:100%;

					text-decoration:none;
					}

					body#home a.read-more-preview:active,
					body#home a.read-more-preview:hover,
					body#home a.read-more-preview:focus{
						color:#77231c;
						font-size:16px !important;
						}

	/* // PREVIEWS end */

/* // HOME


/* REQUEST A QUOTE start */

	body#quote div#quote-form{
		float:left;
		}

	body#quote div#contact-info-container{
		float:right;
		}

/* // REQUEST A QUOTE end */



/* PHOTO GALLERY */


	.portfolio-content, .portfolio-area{
		width:850px;
		}

	p.categories {
		display:inline;

		color:#77231c;
		}

	ul.portfolio-categ{
		display:inline;
		}

		.portfolio-categ a {
			background: none !important;
			border: none !important;

			font-size:14px;

			color:#baab9e !important;
			}

	ul.portfolio-area {
		margin-top:20px;
		overflow: hidden;

		list-style: none;
		}

		.portfolio-categ li{ /* category list */
			margin-right:10px;
			padding-left:10px;

			border-left:1px solid #77231c;

			display:inline;
			}

			.portfolio-categ li:first-child {
				border-left:none;
				}

	.portfolio-area ul {
		list-style: none;
		}

		.portfolio-area li{
			width: 174px;
			padding: 2px;
			margin:5px 17px;

			float: left;
			overflow: hidden;
			}

			.image-block{
				display:block;

				position: relative;
				}

				.image-block img{
					border:1px solid #0e0e0e;
					border-radius: 4px 4px 4px 4px;
					background:#0e0e0e;
					padding:10px;
					box-shadow:2px 2px 5px #000;
					}

					.image-block img:hover{
						border: 1px solid #0e0e0e;
						box-shadow:0 0 8px #554040;
						}

				.image-block figcaption {
					margin-top:0px !important;
					padding-top:0px !important;
					font:10px/1.5 Verdana;
					}

					.image-block h3 {
						margin-top:3px;

						color:#baab9e;
						font-size:10px;
						font-weight: normal;

						text-align:center;
						}

					.image-block .image-caption {
						margin:0 !important;
						padding:0 !important;
						}

/* // END PHOTO GALLERY */


/* CONTACT start */
	body#contact section#main-content,
	body#quote section#main-content{
		background:url(../img/contact-information-bg.png) 100% 0 repeat-y;
		}

	body div#form{
		float:left;
		}

		body small#required{
			margin-left:170px;

			font-size:12px;
			color:#77231c;
			font-style:italic;
			}

		body small.invalid-form-field{
			margin-left:5px;

			font-size:12px;
			color:#77231c;
			font-style:italic;
			}

		body p#form-text{
			width:560px;

			margin:10px 0 25px 0;
			padding:0;
			}

		body div#form ul.client-form{
			margin:0;
			padding:10px 0 0 0;

			display:block;

			overflow:hidden;
			}

			body div#form ul.client-form li{
				margin:10px 0 0 0;
				padding:0;
				background:none;

				clear:both;
				overflow:hidden;
				}
				body div#form ul.client-form li:first-child{
					margin:0;
					}

				body div#form label{
					width:155px;
					padding-right:15px;

					float:left;

					text-align:right;
					}

				body div#form ul.client-form input,
				body div#form ul.client-form textarea{
					width:250px;
					height:25px;
					padding:0 5px;

					background:#0f0f0f;
					border:1px solid #2e2e2e;

					color:#baab9e;
					font:14px Ubuntu, Verdana, sans-serif;
					}

					body div#form ul.client-form input:focus,
					body div#form ul.client-form textarea:focus{
						outline:0;
						background:#070707;
						}

				body div#form ul.client-form li textarea{
					height:100px;
					}


				#form .grouping label {
					float: none;
					}

				#form ul.grouping {
					margin: 0;
					padding: 0;
					}

				#form ul.grouping li {
					margin: 0 !important;
					padding: 0 !important;
					}

					#form .grouping input {
						width:	auto !important;
						height: 20px !important;
						padding:0 !important;
						margin:4px 5px 0 0 !important;

						border: none !important;

						clear:both;
						float:left;
						}

					#form .grouping label {
						width: auto;
						float:left;
						}

				#form fieldset {
					border: none;
					float: left;
					}

				body input#submit{
					margin:10px 0 0 170px;
					padding:5px 25px;

					background:#0f0f0f;
					border:1px solid #2e2e2e;

					display:block;
					clear:both;

					color:#baab9e;
					font:14px Ubuntu, Verdana, sans-serif;
					}


	body div#contact-info-container{
		width:262px;
		padding-left:10px;

		background:url(../img/contact-info-edge.png) no-repeat;

		float:right;

		letter-spacing:1px;
		text-align:right;
		}

		body div#contact-info-shadow{
			height:179px;
			padding:14px 15px 10px 10px;

			background:url(../img/contact-info-repeat.png) repeat-x;
			}

			body p#company-title{
				padding:0;
				margin:0;

				font-size:18px;
				letter-spacing:0;
				}

				body p#company-title span{
					padding:0;

					border-bottom:1px dotted #77231c;

					color:#77231c;
					font-weight:bold;
					}

			body p#contact-phone,
			body p#contact-address{
				padding-top:13px;
				}

				body p#contact-phone span,
				body p#contact-address span{
					display:block;
					}

					body p#contact-phone em,
					body p#contact-address em{
						color:#77231c;
						font-style:normal;
						font-size:16px;
						}





/* CONTACT end */


/* SITEMAP start */

	body#sitemap section#main-content ul#sitemap-list{
		margin:0;
		padding:5px 0 0 0;

		list-style:none;
		}

		body#sitemap section#main-content ul li{ /* Clear previous bullet style */
			background:none !important;
			padding:0;
			}

			body#sitemap section#main-content ul#sitemap-list li{
				margin-top:5px;
				}

			body#sitemap section#main-content ul#sitemap-list li a{
				padding-left:25px;

				background:url(../img/navigation-list-bullet.png) 0 5px no-repeat;

				color:#baab9e;
				font-size:18px;
				text-decoration:none;
				border: none;
				}

				body#sitemap section#main-content ul#sitemap-list li a:hover{
					background:url(../img/navigation-list-bullet-on.png) 0 3px no-repeat;
					}

/* SITEMAP end */


/* PRIVACY POLICY start */

	body#privacy section#main-content article#privacy-policy img{
		margin:20px 45px 0 45px;

		float:right;
		}

	body#privacy section#main-content article#privacy-policy ul li span{
		display:block;

		font-size:14px;
		}

	body#privacy section#main-content article#privacy-policy footer{
		margin-top:40px;

		color:#77231C;
		text-align:center;
		font:12px Ubuntu, Verdana, sans-serif;
		}

/* // PRIVACY POLICY end */


/* THANK YOU start */

	body#thank-you p.form-successful{
		font:24px Georgia, "Times New Roman", serif;
		color:#77231C;
		line-height:32px;
		}

	body#thank-you small.redirect{
		padding-top:20px;

		font-size:12px;
		font-style:italic;
		}

/* // THANK YOU end */

/* ERROR 404 */

	ol.page-missing{
		padding:10px 0 0 20px;

		list-style: none;
		}

		ol.page-missing li {
			color:#77231C;
			}

/* // ERROR 404 */

/* // CONTENT end */

/* FOOTER start */

	footer#main-footer{
		width:850px;
		margin:0 auto;
		padding:20px 0;

		background:url(../img/footer-shadow.png) 50% 0 no-repeat;

		overflow:hidden;

		color:#6c6c6c;
		font:14px Ubuntu, Verdana, sans-serif;
		line-height:22px;
		}

			footer#main-footer h2{
				padding-bottom:5px;

				background:url(../img/footer-header-border.png) 0 100% repeat-x;

				color:#a48c77;
				font:24px Georgia, "Times New Roman", serif;
				}

		footer#main-footer div#company-info,
		footer#main-footer div#secondary-navigation,
		footer#main-footer div#tly-affiliates{
			margin-left:25px;
			}

		footer#main-footer div#company-info{
			width:300px;
			margin-left:0;

			float:left;
			}
			footer#main-footer div#company-info p.vcard{
				margin-top:10px;
				}

			footer#main-footer div#company-info p.vcard a{
				color:#6c6c6c;
				text-decoration:none;
				}

			footer#main-footer div#company-info p.vcard span.phone-separator{
				padding:0 5px;
				}

			footer#main-footer div#company-info p.vcard .tel span[class="type"]{
				display:none;
				visibility:hidden;
				}

			footer#main-footer div#company-info ul{
				margin-top:10px;
				padding-top:10px;

				background:url(../img/footer-hr.png) 0 0 repeat-x;

				list-style:none;
				}

				footer#main-footer div#company-info ul li{
					list-style:none;
					}

		/* SECONDARY NAVIGATION */

		footer#main-footer div#secondary-navigation{
			width:200px;
			margin-left:45px;

			float:left;
			}

			footer#main-footer div#secondary-navigation ul{
				margin-top:10px;

				list-style:none;
				}

				footer#main-footer div#secondary-navigation ul li a{
					padding-left:25px;

					background:url(../img/navigation-list-bullet.png) 0 3px no-repeat;

					color:#6c6c6c;
					text-decoration:none;
					}

					footer#main-footer div#secondary-navigation ul li a:active,
					footer#main-footer div#secondary-navigation ul li a:hover,
					footer#main-footer div#secondary-navigation ul li a:focus{
						background:url(../img/navigation-list-bullet-on.png) 0 3px no-repeat;
						}

		footer#main-footer div#affiliates-and-author{
			width:260px;

			float:right;
			}

			footer#main-footer div#affiliates-and-author ul#affiliate-logos{
				margin:15px 0;
				padding-bottom:15px;

				background:url(../img/footer-hr.png) 0 100% repeat-x;

				overflow:hidden;
				list-style:none;
				}

				footer#main-footer div#affiliates-and-author ul#affiliate-logos li{
					margin-left:20px;
					float:right;
					}

					footer#main-footer div#affiliates-and-author ul#affiliate-logos li:first-child{
						float:left;
						}

					footer#main-footer div#affiliates-and-author ul#affiliate-logos li:first-child{
						margin-left:0;
						}

					footer#main-footer div#affiliates-and-author ul#affiliate-logos li a{
						width:113px;
						height:50px;

						border:1px solid #000;

						display:block;
						overflow:hidden;

						text-indent:-2000px;
						}

						footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#aci-affiliate{
							background:url(../img/aci-logo.png);
							}

							footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#aci-affiliate:active,
							footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#aci-affiliate:hover,
							footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#aci-affiliate:focus{
								background:url(../img/aci-logo-on.png);
								}

						footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#ez-stain-affiliate{
							background:url(../img/ez-stain-logo.png);
							}

							footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#ez-stain-affiliate:active,
							footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#ez-stain-affiliate:hover,
							footer#main-footer div#affiliates-and-author ul#affiliate-logos li a#ez-stain-affiliate:focus{
								background:url(../img/ez-stain-logo-on.png);
								}

			footer#main-footer div#affiliates-and-author p,
			footer#main-footer div#affiliates-and-author a{
				padding-top:0px;

				display:inline;

				text-transform:uppercase;

				color:#232323;
				font:9px Arial,Sans-Serif;
				line-height:normal;

				vertical-align:top;
				}

			footer#main-footer div#affiliates-and-author a{

				border-bottom:1px dotted #232323;

				text-decoration:none;
				}

				footer#main-footer div#affiliates-and-author a:hover{
					color:#454545;
					text-decoration:none;
					}

			footer#main-footer div#affiliates-and-author ul#w3c{
				margin:0 0 0 3px;
				padding-left:30px;

				background:url(../img/w3c-logo.png) 0 0 no-repeat;

				display:inline;
				list-style:none;
				line-height:normal;
				overflow:hidden;
				}

				footer#main-footer div#affiliates-and-author ul#w3c li{
					display:inline;
					line-height:normal;
					}

					footer#main-footer div#affiliates-and-author ul#w3c li:first-child{
						padding:0 0 0 0;
						margin: 0 0 0 0;
						background:0url(../img/ampersand.png) 100% 0px no-repeat;
						}

/* // FOOTER end */