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

body {
	background-color: #999;
}
#container {
	background-color: #FFF;
	margin: auto;
	height: 1024px;
	width: 1280px;
	border: medium solid #000;
	z-index: 0;
	position: relative;
}
#container #header {
	height: 200px;
	width: 1280px;
	position: relative;
	background-image: url(assets/images/homeheader.jpg);
}
#container #header2 {
	position: relative;
	width: 1280px;
	height: 200px;
	z-index: 1;
}
#container #header3 {
	position: relative;
	width: 1280px;
	height: 200px;
	z-index: 1;
}
#container #nav {
	position: relative;
	height: 50px;
	width: 1280px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	color: #FFF;
	text-align: center;
}

#container #main {
	position: relative;
	width: 1280px;
	height: 725px;
	background-image: url(assets/images/mainbg.jpg);
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: left;
}
#container #main #exterior {
	position: absolute;
	width: 585px;
	height: 600px;
	top: 50px;
	left: 50px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#container #main #exterior #exteriorimage {
	height: 300px;
	width: 400px;
	overflow: hidden;
	position: absolute;
	bottom: 100px;
	left: 90px;
	border: medium double #000;
}

#container #main #extcont {
	height: 400px;
	width: 550px;
	position: absolute;
	left: 75px;
	top: 50px;
	padding-top: 80px;
}
#container #main #extgall {
	position: absolute;
	height: 600px;
	width: 550px;
	top: 50px;
	right: 75px;
	list-style: none;
}

#container #main #interior {
	position: absolute;
	height: 600px;
	width: 585px;
	top: 50px;
	right: 50px;
}
#container #main #interior #interiorimage {
	position: absolute;
	width: 400px;
	height: 300px;
	bottom: 100px;
	left: 80px;
	overflow: hidden;
	border: medium double #000;
}

#container #main #intcont {
	height: 651px;
	width: 585px;
	top: 50px;
	left: 50px;
	position: absolute;
}
#container #main #intgal {
	height: 600px;
	width: 585px;
	top: 50px;
	right: 50px;
	position: absolute;
}
#container #main #intro {
	position: absolute;
	height: 250px;
	width: 800px;
	z-index: 3;
	top: 100px;
	text-indent: 1.0em;
	border: medium solid #000;
	padding-left: 1em;
	padding-right: 1em;
	left: 225px;
}
#container #main #contructpic {
	position: absolute;
	height: 300px;
	width: 400px;
	z-index: 3;
	top: 360px;
	overflow: hidden;
	left: 230px;
	word-spacing: 4in;
	background-image: url(assets/images/homeconstruction2.jpg);
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

#container #main #contructpic2 {
	position: absolute;
	height: 300px;
	width: 400px;
	z-index: 3;
	top: 360px;
	overflow: hidden;
	word-spacing: 4in;
	right: 222px;
	background-image: url(assets/images/homeacoustics.jpg);
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}

#container #main #acoustics {
	height: 600px;
	width: 585px;
	position: absolute;
	left: 50px;
	top: 50px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#container #main #acoustics #acousticsimage {
	height: 300px;
	width: 400px;
	overflow: hidden;
	position: absolute;
	left: 80px;
	border: medium double #000;
	bottom: 100px;
}
#container #main #hometheater #hometheaterpic {
	height: 300px;
	width: 400px;
	overflow: hidden;
	position: absolute;
	left: 80px;
	border: medium double #000;
	bottom: 100px;
	z-index: 3;
}

#container #main #acouscon {
	height: 600px;
	width: 585px;
	top: 50px;
	left: 50px;
	position: absolute;
}
#container #main #acousgal {
	height: 600px;
	width: 585px;
	top: 50px;
	right: 50px;
	position: absolute;
}
#container #main #hometheater {
	height: 600px;
	width: 585px;
	position: absolute;
	top: 50px;
	right: 50px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#container #main #htcont {
	height: 600px;
	width: 585px;
	top: 50px;
	left: 50px;
	position: absolute;
}
#container #main #htgal {
	height: 600px;
	width: 585px;
	top: 50px;
	right: 50px;
	position: absolute;
}
#container #footer {
	position: relative;
	width: 1280px;
	height: 50px;
	background-color: #D1242A;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: .9em;
	padding: 0px;
	z-index: 1;
	overflow: hidden;
}

#extgal li {
	float: left;
	width: 500px;
	list-style-type: none;
}
#extgal li img {
	border:2px solid #000;
	padding:.1em;
}
#extgal li a img:hover {
	border-color:#F00;
}
#intgall li {
	float: left;
	width: 500px;
	list-style-type: none;
}
#intgall li img {
	border:2px solid #000;
	padding:.1em;
}
#intgall li a img:hover {
	border-color:#F00;
}

#acous li {
	float: left;
	width: 500px;
	list-style-type: none;
}
#acous li img {
	border:2px solid #000;
	padding:.1em;
}
#acous li a img:hover {
	border-color:#F00;
}

#ht li {
	float: left;
	width: 500px;
	list-style-type: none;
}
#ht li img {
	border:2px solid #000;
	padding:.1em;
}
#ht li a img:hover {
	border-color:#F00;
}