/* Layout Styles */
body {
	background-color: #fff;
	color:#000;
	margin: 0px;
	padding:0px;
	font: normal 80% Arial, Helvetica, sans-serif;
	width:100%;

}
#head {
	width:100%;
	margin:0;
	background-color:#AF8951;
	color:#D5D5C1;
	border-top: 1px solid #bfa174;
	border-bottom:1px solid #8c6e41;
	height: 80px;
	padding: 0px;

}
#sub-head {
	width:100%;
	background-color: #CFC298;
	color:#000;
	border-top: 1px solid #CFB997;
	background-image: url(../images/nav_back.gif);
}
#main {
	width:100%;
	background-color:#fff;
	color:#000;
	border-bottom:1px solid #BEA074;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-y;
}
#box-left {
	width: 19.99%;
	float: left;
	background-color:#fff;
	color:#000;
}
.box-left-content, .box-main-content, .box-right-content {
	border: 1px solid #eee8aa;
	padding: 4px;
	margin: 3px 3px 6px 3px;
	background-color: #fff;
	color:#000;
	text-align: left;
}
.box-main-content{
	background-image:  url(../img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#main-content {
	width: 60%;
	float: left;
	background-color:#fff;
	color:#000;
}
#box-right {
	width: 20%;
	float: left;
	background-color:#fff;
	color:#000;
}
#foot {
	width:100%;
	text-align:center;
	margin:auto;
}
#contact {
	background-color:#F1EEE2;
	color:#000;
	margin-left: auto;
	margin-right:auto;
	border:1px ridge #ccc;
	padding:3px;
	clear: both;
	width: 40%;
}
#nav-bar {
	color: #001E77;
	background:transparent;
}
#column-image {
	background-image:  url(../img/dodds.jpg);
	background-repeat: repeat-y;
	height: 265px;
}
#gallery img {
	margin: 0 5px 0;
}
#gallery a:link img, #gallery a:active img, #gallery a:visited img{
	border:1px solid #000
}
#gallery a:hover img {
	border: 1px solid #eee8aa;
}
#cart-content {
	font:  normal 0.9em Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	width: 250px;
}
#fab-box {
	float:left;
	width:20%;
	padding:0.5em 0 0 5%;
	margin: 0.5em 0 0 0;
}
#fab-box2 {
	float:right;
	width:70%;
	margin: 0.5em 0 0 0;
}
/** Table Styles **/

#prices {
	width:96%;
	margin:0 auto;
	padding:0;
	border:1px solid #000;
	text-align: center;
}
#prices th, #assoc th {
	background-color:#CFC298;
	font: bold .9em Arial, Helvetica, sans-serif;
	color:#000;
	padding: 2px 2px 2px 5px;
	text-align:left;
}
#prices td {
	padding: 5px;
	border-bottom:1px solid #eee8aa;
	font:normal .8em Arial, Helvetica, sans-serif;
	text-align:left;
}
.c1 {width:15%}
.c2 {width:50%}
.c3 {width:20%}
.c4 {width:15%}

#assoc td {
	padding: 5px;
	border-bottom:1px solid #eee8aa;
}
#assoc td p {
	text-align:left;
}
#assoc a:link {
	font:bold 1em Arial, Helvetica, sans-serif;
}
.a1 {width:15%}
.a2	{width:15%}
.a3	{width:40%}
.a4 {width:30%}

#homes {
	margin:0;
	padding:0;
}
#homes td {
	border-bottom:1px solid #eee8aa;
}
#homes td p {
	font:normal .9em Arial, Helvetica, sans-serif;
}
#homes a:link {
	font:bold 1em Arial, Helvetica, sans-serif;
}
.home-image {
	width: 50%;
}
.home-details {
	width:50%;
	vertical-align: top;
}
#order {
	padding:0;
	margin:0 auto 0 5px;
	width:99%;
	text-align:center;
}
#order th {
	background-color:#CFC298;
	font: bold .9em Arial, Helvetica, sans-serif;
	color:#000;
	padding: 2px 2px 2px 5px;
	text-align:center;
}
#order td {
	border-bottom:1px solid #eee8aa;
	padding:5px;
	font: normal .9em Arial, Helvetica, sans-serif;
}
.no-border {
	border-bottom: 1px solid #000;
}

/* HTML Elements */

.box-main-content a:link, .box-main-content a:visited, .box-right-content a:link, .box-right-content a:visited, .center a:link, .center a:visited{
	text-decoration:none;
	font: bold .9em Geneva, Arial, Helvetica, sans-serif;
	color: #0033CC;
	background:transparent;
}
.box-main-content a:hover, .box-main-content a:active, .box-right-content a:hover, .box-right-content a:active, .center a:hover, .center a:active{
	text-decoration:underline;
	color:#993333;
	background:transparent;
}
.box-right-content a:link {
	font: bold 1em Geneva, Arial, Helvetica, sans-serif;
}
#contact a:link, #contact a:visited, #contact a:active {
	text-decoration:none;
	color:#000;
	background:transparent;
}
#contact a:hover {
	text-decoration:underline;
	color:#993333;
	background:transparent;
}
.box-right-content img {
	border:0;
	text-decoration: none;
}
h1 {
	font: bold 30px Georgia, "Times New Roman", Times, serif;
	margin:0 0 0 100px;
	padding: 0px;
	color: #D5D5C1;
	background:transparent;
	z-index: 1;
	position: relative;
}
h2 {
	font: bold 1.3em "Times New Roman", Times, serif;
	color: #000;
	background-color: #eee;
	margin:3px;
	padding: 3px;
	border-bottom: 1px solid #ddd;
	border-right:  1px solid #ddd;
}
h3 {
	font: italic bold 1.4em "Times New Roman", Times, serif;
	padding: 5px 0 10px 10px;
	margin:0;
}
h4 {
	text-decoration:none;
	margin:10px 0px 0px 10px;
	padding:0;
	color: #003399;
	background:transparent;
	font-size: 1.2em;
	font-weight: bold;
}
#main-content h4 a:link, #main-content h4 a:visited, #main-content h4 a:active {
	color:#003399;
	background:transparent;
	text-decoration:none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #003399;
	background-color: #EFEFDE;
	padding-right: 3px;
	padding-left: 3px;
}
#main-content h4 a:hover{
	color:#993333;
	background:transparent;
	text-decoration:none;
}
h5 {
	font: bold 1.2em "Times New Roman", Times, serif;
	color: #000;
	background:transparent;
	margin:0;
	padding:0;
}
h5.fab {
	font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background:transparent;
	margin:0;
	padding:0.5em 0 0 0;
}
#box-left p, #main p, #main-content p {
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin:3px;
	padding:0;
}
#box-right p{
	font:normal .8em Verdana, Arial, Helvetica, sans-serif;
	margin:3px;
	padding:0;
}
#sub-head p {
	font:italic normal 1.3em Georgia, "Times New Roman", Times, serif;
	margin:3px;
	padding:0 0 0 150px;
	color: #333333;
	background:transparent;
}
#box-right p{
	margin-bottom: 6px;
}
#contact p {
	text-align:left;
}
#main-content p.pad {
	margin-left:2em;
}
#foot p {
	font:normal .8em Verdana, Arial, Helvetica, sans-serif;
}
.box-right-content ul{
	margin:0px 0px 8px 30px;
	padding:0px;
	list-style-type: square;
	font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;
}
#main-content ul {
	margin:0.5em 0 0 3em;
	padding:0;
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
}
/*Classes */
.float-right {
	float:right;
	margin:5px;
	position: relative;
}
.float-left {
	float:left;
	margin:5px;
	position: relative;
}
.center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.clear{
	clear:both;
	font-size:0em;
	line-height:0em;
}
.logo {
	position: absolute;
	top: 5px;
	float: left;
	z-index: 1;
	left: 10px;
}
.collage {
	position:absolute;
	top:28px;
	left: 0px;
}
.bricks {
	position:absolute;
	top:3px;
	right: 40px;
}
.small {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding: 10px;
}
.config {
	border-bottom:1px dotted #000
}

/*** Menu Elements ***/
#menuList {
  margin: 0px;
  padding: 10px 0px 10px 30px;
}
li.menubar {
	font-size: .9em;
	line-height: 1.5em;
	list-style: url(../img/triacross.gif) none;
}
.menu {
  display: none;
  margin-left: 15px;
  padding: 0px;
}
.menu li {
	list-style: none;
}
a.actuator {
	background-color: transparent;
	color: #5E492B;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
}
a.actuator:hover {
  text-decoration: underline;
}
.menu li a {
  background-color: transparent;
  color: #003399;
  font-size: 1em;
  text-decoration: none;
}
.menu li a:hover {
  border-bottom: 1px dashed #003399;
}
span.key {
  text-decoration: underline;
}
.clear {
	clear:both;
	line-height:0em;
}