@charset "UTF-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Screen layout stylesheet for Fegan Terrazzo Flooring

Created by: Liam Burns
Created: 12-04-08

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

* {
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}

body {
	font-size: 90%;
	font-family: Verdana, Helvetica, sans-serif;
	background: #000 url('../images/background_01.gif') top center no-repeat;
}

p { margin-bottom: 10px; }

h1, h2 { margin-top: 30px; }

#page-wrapper {
  width: 746px;
  height: 100%;
  margin: 10px auto;
  text-align: center;
  background: #000;
  padding: 0;
}

	#header-wrapper,
	#midsection-wrapper {
		text-align: left;
	}
		
		#header-wrapper {
		  float: left;
		  width: 100%;
		}
		
			#header {
			  float: left;
			  width: 100%;
			  height: 157px;
			  background: url("../images/header.jpg") no-repeat left top;
			}

				#header a {
					display: block;
					width: 100%;
					height: 157px;
					text-decoration: none;	
					text-indent: -2000px;
					}
				
	
#midsection-wrapper {
  float: left;
  width: 100%;
  margin:  0 0 0 0;
  padding: 0 0 0 0;
  display: inline;
  background: #fff url('../images/content-bg.jpg') bottom left no-repeat;
}
		
		
	#midsection-wrapper #midsection {
		margin-right: 10px;
	}
	
	#prim-nav {
		float: left;
		width: 142px;
		background: #ccc url('../images/prim-nav-bg.jpg') top left repeat-x;
	}
		
		#prim-nav ul {
			min-height: 400px;
			list-style-type: none;
		}
		
			#prim-nav ul li {
			}
			
				#prim-nav ul li a {
					display: block;
					padding: 10px 5px 10px 16px;
					border-bottom: 1px solid #ccc;
					background: #ccc url('../images/prim-nav-btn.jpg') top right no-repeat;
					font-family: Helvetica, Arial, sans-serif;
					color: #222;
					font-size: 0.95em;
					text-decoration:none;
				}
	
					#prim-nav ul li a:hover {
						color: #631700;
						border-bottom: 1px solid #aaa;
						text-decoration: underline;
						background: #ccc url('../images/prim-nav-btn-hover.jpg') top right no-repeat;
					}
				
					#prim-nav ul li.current a {
						background: #ccc url('../images/prim-nav-btn-hover.jpg') top right no-repeat;
					}
					
					#prim-nav ul li.home a:hover {
						background: #ccc url('../images/home-btn-hover.gif') top right no-repeat;
					}
				

	
	#midsection-wrapper #content {
		float: right;
		width: 570px;
	
	}

	#homepage p {
		margin: 0 0 25px 0;
		padding: 0;
		line-height: 140%;
	}
		
		#homepage #content img.go-left {
			margin: 0 10px 10px 0;
			border: 1px solid #666;
		}	
		
		#homepage #content img.go-right {
			margin: 0 0 10px 10px;
			border: 1px solid #666;
		}	
		
	#homepage #flash-content,
	#about-us #flash-content {
		margin-top: 20px;
	}
	
	#maintenance #do,
	#maintenance #dont	{
		margin-left: 10px;
	}
	
		#maintenance #do li,
		#maintenance #dont li	{
			margin-bottom: 1em;
			list-style: none;
		}
	
		#maintenance #do li {
			padding-left: 25px;
			background: url(../images/do.png) 0em 0.125em no-repeat;
		}
		
		#maintenance #dont li {
			padding-left: 25px;
			background: url(../images/dont.png) 0em 0.125em no-repeat;
		}
	
	#faq p {
		line-height: 1.7em;
		
	}
	
	#gallery #images {
		margin: 20px 0;
	}
	
	#gallery #images img {
		float: left;
		margin: 3px;
		border: none;
	}
	
	#contact-us h1 {
		margin-bottom: 40px;
	}
	
	#contact-us h2 {
		margin-bottom: 5px;
	}
	
	#contact-us #address {
		float: left;
		width: 250px;
		margin-right: 30px;
	}
	
	#contact-us #details {
		float: left;
		width: 250px;
	}
	
	
	#contact-us #form-wrapper {
		float: left;
		width: 525px;
		clear: both;
		background: #ebebeb url('../images/form-top.gif') top left no-repeat;
		margin: 0px 10px 50px 0px;
	}
	
		#contact-us #form {
			background: url('../images/form-bottom.gif') bottom left no-repeat;
			padding: 20px;
		}
	
		#contact-us label.left {
			float: left;
			width: 100px;
			text-align: right;
			margin-right: 5px;
		}
		
		#contact-us label.top {
			display: block;
			margin: 5px 0;
		}
		
		#contact-us input {
			width: 180px;
			font-size: 1.05em;
			margin-bottom: 1.4em;
		}
		
		#contact-us textarea {
			width: 470px;
		}
		
		#contact-us input,
		#contact-us textarea {
			border: 1px solid #666;
			background: #ffffff url(../images/input-bg.gif) top left repeat-x;
			padding: 2px;
		}
		
		#contact-us input:focus,
		#contact-us textarea:focus {
			background: #ffffff;
		}
		
		#contact-us #submit {
			margin: 20px 0 0 330px;
			width: 150px;
			height: 32px;
			font-size: 1em;
			border: 1px solid #666;
			background: #fff url(../images/btn-bg.gif) bottom left repeat-x;
		}
			
	#thank-you #content {
		text-align: center;
	}
	
		#thank-you #content img,
		#thank-you #content p {
			margin: 20px 0;
		}
	
	h1 {
		font-size: 1.3em;
		margin-bottom: 8px;
	}
	
	h2 {
		font-size: 1.15em;
		margin-bottom: 8px;
	}
	
	h3 {
		font-size: 1em;
		margin: 10px 0 5px 0;
	}

	#footer-wrapper {
	  float: left;
	  width: 100%;
	  background: #5f1c00 url('../images/footer-bg.jpg') left top;
	}
		#footer {
		  padding: 1em 0 15px 0;
		}
		
		#footer span {
			color: #fff;
			padding: 0 1.5em;
			font-size: 12px;
		}
			#footer span a { color: #fff; }
	
	img.go-left {
		float: left;
		margin: 0 0 0 0;
	}
	
	img.go-right {
		float: right;
		margin: 0 0 0 0;
	}
	
	.border {
		border: 1px solid #999;
	
	}
	
	.clear-both,
	.cb {
		clear: both;
	}
	
	.hidden {
	  display: none;
	}

	
	#local-info table tr td {
		padding: 2px;
	}
	
	tr.striped {
		background: #ddd url('../images/table-striped-bg.jpg') top left repeat-y;
	}
	
		#props-wr {
		text-align: center;
		padding: 4px 0;
		color: #fff;
		font-size: 11px;
	}
	
		#props-wr a {
			color: #fff;
		}