/* ----- universal settings -----*/
body {
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
	background: url('images/images-content/bg.jpg') center top repeat-x #a1282a; 
	font-family: verdana, san-serif; 
	font-size: 8pt; 
	color: #000;
}

td {font-size: 8pt;}
p {margin: 0px; padding: 0px;}


/* ----- typography/positioning ----- */
.content {padding: 0px 33px 0px 33px;}

.welcome {padding: 0px 0px 0px 33px;}
.latest {padding: 0px 33px 0px 33px; background: url('images/images-content/bg_latest.jpg') left top no-repeat; height:90px;}
.previous {padding: 0px 33px 0px 33px; background: url('images/images-content/bg_previous.jpg') left top no-repeat; height:135px;}

.footer, .copyright {color: #faecd2; text-align: center; font-size: 7pt;}


/* ----- links ----- */
a:link {text-decoration: none; color: #a1282a;}
a:visited {text-decoration: none; color: #a1282a;}
a:hover {text-decoration: underline; color: #a1282a;}
a:active {text-decoration: none; color: #a1282a;}

.footer a:link, .copyright a:link {text-decoration: none; color: #faecd2;}
.footer a:visited, .copyright a:visited {text-decoration: none; color: #faecd2;}
.footer a:hover, .copyright a:hover {text-decoration: underline; color: #faecd2;}
.footer a:active, .copyright a:active {text-decoration: none; color: #faecd2;}


/* ----- backgrounds ----- */
.top_l {background: url('images/images-content/top_l.jpg') right top no-repeat;}
.top_r {background: url('images/images-content/top_r.jpg') left top no-repeat;}

.cont_y {background: url('images/images-content/cont_y.jpg') center top repeat-y;}
.cont_l {background: url('images/images-content/cont_l.jpg') right top no-repeat;}

.bg_static {background: url('images/images-content/bg_static.jpg') left top no-repeat; height: 173px;}
.bg_y {background: url('images/images-content/bg_y.jpg') left top repeat-y;}

.cont_r {background: url('images/images-content/cont_r.jpg') left top no-repeat;}

.foot_l {background: url('images/images-content/foot_l.jpg') right top no-repeat;}
.foot_r {background: url('images/images-content/foot_r.jpg') left top no-repeat;}


/* ----- other stuff ----- */
.img {border: 2px solid #fff;}

/* ----- udm4 menu stuff ----- */
/* horizontal menu styling */
#udm ul li { width:auto; float:left !important; }
#udm ul li a { white-space:nowrap; }
/* top border tweak to make deeper menu levels merge together */
#udm ul ul { border-top:none !important; }

/* link heights corresponds with image height */
.navButton, .navButton:visited {
	height:40px;
	position:relative !important;
	}

/* link and list-item widths correspond with image widths */
#welcome, #welcomeButton, #welcomeButton:visited {
	width:119px;
	}
#realestate, #realestateButton, #realestateButton:visited {
	width:114px;
	}
#construction, #constructionButton, #constructionButton:visited {
	width:104px;
	}
#mls, #mlsButton, #mlsButton:visited {
	width:78px;
	}
#latestnews, #latestnewsButton, #latestnewsButton:visited {
	width:117px;
	}
#about, #aboutButton, #aboutButton:visited {
	width:102px;
	}
#contact, #contactButton, #contactButton:visited {
	width:126px;
	}

/* span is same dimensions as link and positioned to superimpose */
.navButton span, .navButton:visited span {
	display:block;
	height:40px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}

/* button images are span background images */
#welcomeButton span, #welcomeButton:visited span {
	background-image:url(images/images-top/nav_01-2.jpg);
	}

#realestateButton span, #realestateButton:visited span {
	background-image:url(images/images-top/nav_02-2.jpg);
	}

#constructionButton span, #constructionButton:visited span {
	background-image:url(images/images-top/nav_03-2.jpg);
	}

#mlsButton span, #mlsButton:visited span {
	background-image:url(images/images-top/nav_04-2.jpg);
	}

#latestnewsButton span, #latestnewsButton:visited span {
	background-image:url(images/images-top/nav_05-2.jpg);
	}

#aboutButton span, #aboutButton:visited span {
	background-image:url(images/images-top/nav_06-2.jpg);
	}

#contactButton span, #contactButton:visited span {
	background-image:url(images/images-top/nav_07-2.jpg);
	}

/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 0;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -40px;
	}

