/* CSS Document */

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper {
	position : relative;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	top: 10px;
	text-align : left;
	width : 800px;
	margin-left : auto;
	margin-right : auto;
	height: 530px;
	background-color: #FFFFFF;
	border: 1px solid #660033;
}

#logo {
	position : absolute;
	top: 0px;
	left: 0px;
	text-align : left;
	width : 200px;
	height: 80px;
	background-color: #FFFFFF;
}

#banner {
	position : absolute;
	top: 0px;
	left: 220px;
	text-align : left;
	width : 450px;
	height: 80px;
	background-color: #FFFFFF;
}

#about_but  {
	position : absolute;
	top: 3px;
	left: 690px;
	text-align : left;
	width : 109px;
	height: 38px;
	background-color:#FFFFFF;
}

#contact_but {
	position : absolute;
	top: 41px;
	left: 690px;
	text-align : left;
	width : 109px;
	height: 38px;
	background-color: #FFFFFF;
}

#leftnav {
	position : absolute;
	top: 92px;
	left: 0px;
	text-align : left;
	width : 200px;
	height: 430px;
	background-color: #FFFFFF;
}

#maindisplay {
	position : absolute;
	top: 100px;
	left: 200px;
	text-align : left;
	width : 570px;
	height: 400px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#tick1 {
	position : absolute;
	top: 205px;
	left: 10px;
	text-align : left;
	width : 30px;
	height: 28px;
	background-color: #FFFFFF;
}

#tick1text {
	position : absolute;
	top: 205px;
	left: 45px;
	text-align : left;
	width : 145px;
	height: 40px;
	background-color: #FFFFFF;
}

#tick2 {
	position : absolute;
	top: 260px;
	left: 10px;
	text-align : left;
	width : 30px;
	height: 28px;
	background-color: #FFFFFF;
}

#tick2text {
	position : absolute;
	top: 260px;
	left: 45px;
	text-align : left;
	width : 145px;
	height: 40px;
	background-color: #FFFFFF;
}

#tick3 {
	position : absolute;
	top: 315px;
	left: 10px;
	text-align : left;
	width : 30px;
	height: 28px;
	background-color: #FFFFFF;
}

#tick3text {
	position : absolute;
	top: 315px;
	left: 45px;
	text-align : left;
	width : 145px;
	height: 40px;
	background-color: #FFFFFF;
}

#tick4 {
	position : absolute;
	top: 370px;
	left: 10px;
	text-align : left;
	width : 30px;
	height: 28px;
	background-color: #FFFFFF;
}

#tick4text {
	position : absolute;
	top: 370px;
	left: 45px;
	text-align : left;
	width : 145px;
	height: 40px;
	background-color: #FFFFFF;
}

#pagetitle {
	position : absolute;
	top: 5px;
	left: 5px;
	width : 307px;
	height: 20px;
	background-color: #FFFFFF;
}

#homeblahblah {
	position : absolute;
	top: 30px;
	left: 50px;
	text-align : left;
	width : 475px;
	height: 130px;
	background-color: #FFFFFF;
}

#aboutblahblah {
	position : absolute;
	top: 30px;
	left: 50px;
	text-align : left;
	width : 475px;
	height: 289px;
	background-color: #FFFFFF;
}

#topborder {
	position : absolute;
	top: 165px;
	left: 50px;
	text-align : left;
	width : 475px;
	height: 5px;
	background-color: #660033;
}

#homepic {
	position : absolute;
	top: 170px;
	left: 225px;
	text-align : left;
	width : 300px;
	height: 200px;
	background-color: #FFFFFF;
}

#homepic2 {
	position : absolute;
	top: 170px;
	left: 50px;
	text-align : left;
	width : 165px;
	height: 200px;
	background-color: #FFFFFF;
}

#bottomborder {
	position : absolute;
	top: 370px;
	left: 50px;
	text-align : left;
	width : 475px;
	height: 25px;
	background-color: #FFFFFF;
}

#linkinfo {
	position : absolute;
	top: 40px;
	left: 50px;
	width : 500px;
	height: 20px;
	background-color: #FFFFFF;
}

#linkstable {
	position : absolute;
	top: 70px;
	left: 50px;
	text-align : left;
	width : 475px;
	height: 320px;
	background-color: #FFFFFF;
}

#cell1 {
	position : absolute;
	top: 0px;
	left: 0px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell2 {
	position : absolute;
	top: 0px;
	left: 238px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell3 {
	position : absolute;
	top: 60px;
	left: 0px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell4 {
	position : absolute;
	top: 60px;
	left: 238px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell5 {
	position : absolute;
	top: 120px;
	left: 0px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell6 {
	position : absolute;
	top: 120px;
	left: 238px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell7 {
	position : absolute;
	top: 180px;
	left: 0px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell8 {
	position : absolute;
	top: 180px;
	left: 238px;
	text-align : left;
	width : 237px;
	height: 60px;
	background-color: #FFFFFF;
}

#cell9 {
	position : absolute;
	top: 240px;
	left: 0px;
	text-align : left;
	width : 237px;
	height: 70px;
	background-color: #FFFFFF;
}

#cell10 {
	position : absolute;
	top: 0px;
	left: 0px;
	text-align : left;
	width : 237px;
	height: 70px;
	background-color: #FFFFFF;
}

#doortype {
	position : absolute;
	top: 5px;
	left: 315px;
	width : 256px;
	height: 20px;
	background-color: #FFFFFF;
}

#doorstable {
	position : absolute;
	top: 30px;
	left: 15px;
	text-align : left;
	width : 540px;
	height: 360px;
	background-color: #FFFFFF;
}

#doorcell1 {
	position : absolute;
	top: 0px;
	left: 0px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell2 {
	position : absolute;
	top: 0px;
	left: 180px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell3 {
	position : absolute;
	top: 0px;
	left: 360px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell4 {
	position : absolute;
	top: 113px;
	left: 0px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell5 {
	position : absolute;
	top: 113px;
	left: 180px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell6 {
	position : absolute;
	top: 113px;
	left: 360px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell7 {
	position : absolute;
	top: 226px;
	left: 0px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell8 {
	position : absolute;
	top: 226px;
	left: 180px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#doorcell9 {
	position : absolute;
	top: 226px;
	left: 360px;
	text-align : left;
	width : 180px;
	height: 108px;
	background-color: #FFFFFF;
}

#next {
	position : absolute;
	top: 340px;
	left: 340px;
	text-align : left;
	width : 200px;
	height: 20px;
	background-color: #FFFFFF;
}

#furtherinfo {
	position : absolute;
	top: 340px;
	left: 0px;
	text-align : left;
	width : 250px;
	height: 20px;
	background-color: #FFFFFF;
}


#granite {
	position : absolute;
	top: 50px;
	left: 0px;
	text-align : left;
	width : 570px;
	height: 75px;
	background-color: #FFFFFF;
}

#traditional {
	position : absolute;
	top: 150px;
	left: 0px;
	text-align : left;
	width : 570px;
	height: 75px;
	background-color: #FFFFFF;
}

#wood {
	position : absolute;
	top: 250px;
	left: 0px;
	text-align : left;
	width : 570px;
	height: 75px;
	background-color: #FFFFFF;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

#menu a, #menu a:visited {
  text-decoration:none;
  text-align:center;
  background-color:#FFFFFF; 
  color:#660033;
  display:block; 
  width:8em; 
  padding:0.2em;
  margin:0.5em auto;
  border:1px solid #660033;
  border-right:1px solid #660033;
  }
#menu a:hover {
  border-right:5px solid #660033;
  }
