/**** Fluid Solution - a LPR Property Style Sheet ****/
/**** Created by MITM Marketing ****/
/**** copyright 2007 ****/
/**** This Style Sheet can be used as a tool by those learning CSS, but please don't blantly steal ****/

* {
	margin: 0;
	padding: 0;
}
body {
	font: .75em "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	color: #4d4d4e;
	background: #010278 url(../i/bck.jpg) repeat-x;
}
a {
	color: #4d4d4e;
}
a:hover {
	color: #ce1616;
}
h2 {
	font-size: 20px;
	color: #ce1616;
	text-transform: uppercase;
}
h3 {
	font-size: 16px;
	color: #0e0e9d;
	margin-bottom: 8px;
	border-bottom: 1px solid;
}
p {
	margin-bottom: 10px;
}
#container {
	position: absolute;
	left: 50%;
	width: 741px;
	margin-left: -370px;
}
	#container h1 { display: none; }
#header {
	height: 177px;
	background: url(../i/header.jpg);
}
	#logo {
		width: 651px;
		float: left;
	}
		#logo span { display: none; }
		#logolink {
			position: absolute;
			left: 34px;
			top: 34px;
		}
		#logolink a {
			display: block;
			width: 240px;
			height: 105px;
		}
	#home {
		width: 90px;
		float: right;	
	}
	#nav {
		clear: both;
		height: 26px;
	}
		#nav ul { list-style: none; }
				#nav li {
					display: block;
					float: left;
				}
				#nav a {
					display: block;
					height: 26px;
				}
				#nav span, #nav h2 { display: none; }
				#nav a.product {
					width: 122px;
					background: url(../i/nav/1.jpg);
				}
				#nav a.product:hover {
					background-position: 0% -26px;
				}
				#nav a.project {
					width: 148px;
					background: url(../i/nav/2.jpg);
				}
				#nav a.project:hover {
					background-position: 0% -26px;
				}
				#nav a.sale {
					width: 158px;
					background: url(../i/nav/3.jpg);
				}
				#nav a.sale:hover {
					background-position: 0% -26px;
				}
				#nav a.quote {
					width: 134px;
					background: url(../i/nav/4.jpg);
				}
				#nav a.quote:hover {
					background-position: 0% -26px;
				}
				#nav a.about {
					width: 80px;
					background: url(../i/nav/5.jpg);
				}
				#nav a.about:hover {
					background-position: 0% -26px;
				}
				#nav a.contact {
					width: 99px;
					background: url(../i/nav/6.jpg);
				}
				#nav a.contact:hover {
					background-position: 0% -26px;
				}
#twocolcontent {
				margin-top: 8px;
				width: 737px;
				padding-left: 3px;
				background: url(../i/conbck.jpg) repeat-y!important;
				float: left;
			}
				#holder {
					width: 488px;
					float: left;
				}
					#toptxt {
						width: 468px;
						padding: 10px;
						float: left;
					}
					#map {
						width: 488px;
						height: 256px;
						margin-top: 12px;
						background: url(../i/area.jpg) no-repeat;
						float: left;
					}
					#map h2{font-size:17px; color:#fff; text-transform:none; font-weight:normal; margin-left:12px; margin-top:5px;}
						#map span {
							display: none;
						}
				#right {
					width: 242px;
					margin-right: 1px;
					padding-top: 10px;
					padding-left: 5px;
					float: left;
				}
				#contact {
					background-image: url(../i/wat.jpg);
					background-repeat: no-repeat;
					background-position: bottom right!important;
				}
			#onecolcontent {
				background-color: #fff;
				width: 719px;
				margin: 8px 3px 0 3px;
				padding: 8px;
				float: left;
			}		
				#onecolcontent li {
					margin-left: 30px;
					
				}	
					/* Showcase web page */
					#hold {
						width: 719px;
						margin-top: 10px;
						float: left;
					}
					#categ {
						width: 163px;
						height: 98px;
						padding: 5px;
						background: url(../i/catgbck.jpg);
						float: left;
					}
					#catgtext {
						width: 536px;
						margin-left: 10px;
						float: left;
					}
			#footer {
				clear: both;
				float: left;
				width: 711px;
				margin: 16px 3px;
				text-align: center;
				line-height: 1.7em;
				background-color: #fff;
				padding: 12px;
			}	
			
		.imgborder {
			border: #ebebeb 4px solid;
			margin-right: 10px;
			margin-top: 5px;
		}
		.imggal {
			margin: 3px;
			background: url(../i/thum.jpg) no-repeat;
		}
		.imgborfeatu {
			border: #010278 2px solid;
			margin-bottom: 8px;
			margin-left: 3px;
		}
		#galimg {
			width: 169px;
			height: 114px;
			padding: 3px;
			margin: 4px 1px;
			background: url(../i/thum.jpg) no-repeat;
		}
		#detailimg {
			width: 257px;
			height: 250px;
			padding: 3px;
			margin-right: 10px;
			background: url(../i/detail.jpg);
			float: left;
		}
		#detailtext {
			width: 442px;
			float: left;
		}
		
		.push10{margin-right:10px;}