
/**********
TYPOGRAPHY
***********/
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #666;
	background: #999999 url(../images/interface/bg_body.png) repeat-y 50% 0;
}
#bodyinner {
	background: url(../images/interface/bg_bodybottom.png) repeat-x bottom left;
}
#contentwrapper, #footer {
	line-height: 150%;
}
#contentwrapper p, 
#contentwrapper h1, 
#contentwrapper h2, 
#contentwrapper h3,
#contentwrapper h4,
#contentwrapper h5,
#contentwrapper h6,
#contentwrapper ul,
table {
	margin-bottom: 12px;
}
#contentwrapper h1, 
#contentwrapper h2, 
#contentwrapper h3,
#contentwrapper h4,
#contentwrapper h5,
#contentwrapper h6 {
	font-weight: bold;
	color: #8F323C;
}
#contentwrapper h1 {
	font-size: 20px;
}
.community #contentwrapper h1 {
	font-size: 26px;
	color: #4189ab;
}
#contentwrapper h2 {
	font-size: 18px;
}
#contentwrapper h3 {
	font-size: 16px;
}
#contentwrapper h4 {
	font-size: 14px;
}
#sidebar h4 {
	font-size: 16px;
}
#sidebar #resources h4 {
	color: #4189ab;
}
#sidebar #greatbuys h4 {
	color: #C98127;
}
#contentwrapper h5 {
	font-size: 12px;
}
#contentwrapper h6 {
	font-size: 10px;
}
#contentwrapper ul {
	list-style-type: disc;
	padding-left: 14px;
}
#welcome h1, #search h2 {
	color: #4189ab;
}
#welcome h2, #search h3 {
	font-size: 16px;
	color: #c98127;
}
#contentwrapper h4.communityinfo {
	color: #8f323c;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 20px;
}
#contentwrapper h4.communityinfo a {
	color: #8f323c;
	text-decoration: none;
}
#contentwrapper h4.mcchord {
	color: #123943;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 20px;
}
#contentwrapper h4.mcchord a {
	color: #123943;
	text-decoration: none;
}
#contentwrapper h4.resources {
	color: #4189ab;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 20px;
}
#contentwrapper h4.resources a {
	color: #4189ab;
	text-decoration: none;
}
#contentwrapper h4.mortgagecalc {
	color: #fff;
}
#footer {
	color: #fff;
	font-size: 11px;
}

/*************
 GLOBAL LAYOUT 
 **************/
 
#outerwrapper {
	width: 1020px;
	padding: 0;
	margin: 0 auto;
	background: #fff url(../images/interface/bg_bodybottom.png) repeat-x bottom left;
}
#header {
	margin-left: 10px;
	height: 128px;
	background: #fff url(../images/interface/bg_header.png) no-repeat top left;
	position: relative;
	margin-bottom: 48px;
}
#header #logo {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 265px;
}
#header #promos {
	width: 114px;
	height: 53px;
	position: absolute;
	top: 66px;
	left: 309px;
}
#header #guideform {
	position: absolute;
	bottom: 8px;
	right: 34px;
}
#header #guideform .textinput, 
.mapform .textinput {
	background-color: #123943;
	font-size: 10px;
	color: #fff;
	border: 1px solid #7498a6;
	padding: 4px;
	width: 146px;
}
#header #call_us {
	position: absolute;
	top: 127px;
	right: 40px;
}
#login {
	color: #8f323c;
	position: absolute;
	top: 136px;
	right: 288px;
	font-size: 13px;
	text-align: right;
	word-spacing: 1px;
}
#login a {
	color: #8f323c;
	font-weight: normal;
}
#footer {
	margin-top: 24px;
	height: 166px;
	background: url(../images/interface/bg_footer.png) no-repeat top left;
}
#footer div {
	margin-top: 18px;
}
#footer li {
	list-style-type: disc;
	list-style-position: inside;
}
#footer img {
	margin-top: 12px;
}

/****************
INDEX PAGE LAYOUT
*****************/

#search2 {
	background: #fff url(../images/interface/bg_idx-box.png) repeat-y top left;
	width: 942px;	
}
#search2 .innerbox {
	background: url(../images/interface/bg_idx-boxbottom.png) no-repeat bottom left;
	padding-bottom: 12px;
}
#search2 .boxtop {
	background: url(../images/interface/bg_idx-boxtop.png) no-repeat top left;
	height: 12px;
}
#search2 .mapwrapper {
	width: 588px;
	height: 416px;
	position: relative;
}
#search2 #quicksearch {
	float: right;
	width: 320px;
	height: 324px;
	background: #fff url(../images/interface/bg_idx-quicksearch.png) no-repeat top right;
}
#search2 .srtwrap label {
	clear: both;
}
#snapshot {
	position: absolute;
	top: 317px;
	width: 306px;
	right: 0;
}
#search {
	clear: both;
	margin-top: 12px;
	background: #fff url(../images/interface/bg_homepagesearch.png) repeat-y top left;
	width: 942px;
	margin-left: 9px;
	margin-right: 9px;
}
#search .innerbox {
	background: url(../images/interface/bg_homepagesearchbottom.png) no-repeat bottom left;
	min-height: 240px;
	padding-bottom: 12px;
}
#search .boxtop {
	height: 11px;
	background: url(../images/interface/bg_homepagesearchtop.png) no-repeat top left;
}
#search .col1 {
	width: 588px;
	float: left;
	padding: 12px;
}
#search .col1 p, #search .col1 img {
	margin-left: 8px;
}
#search .col2 {
	width: 300px;
	padding: 12px 12px 12px 0;
	float: right;
}
#search .mapwrapper {
	width: 588px; 
	height: 205px; 
	background: url(../images/interface/quicksearchmap.png) no-repeat top left;
}
/*
#search .col2a, #search .col2b {
	width: 120px;
	float: left;
	padding-left: 20px;
}
#search .col2a input, #search .col2b input, #search .col2a select, #search .col2b select {
	width: 100px;
	margin-bottom: 6px;
}
#search select#sort {
	width: 244px;
	margin-bottom: 18px;
}
#search label {
	display: block;
}
*/
#belowsearch {
	margin-top: 24px;
}
#belowsearch ul {
	margin: 0;
	padding: 0;
}
#belowsearch li {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 6px;
}
#belowsearch .col1, #belowsearch .col2, #belowsearch .col3 {
	float: left;
	width: 296px;
	margin-right: 24px;
}
#belowsearch .col3 {
	margin-right: 0;
}

/*************************
COMMUNITY INFO PAGE LAYOUT
**************************/

#sidebar .block {
	background: url(../images/interface/divider_dotted.png) repeat-x bottom left;
	padding-bottom: 24px;
	margin-bottom: 24px;
}
#sidebar .last {
	background: none;
}
#communities ul {
	color: #8f323c;
}
#quicksearch h4 {
	margin-bottom: 8px;
}
#quicksearch {
	width: 300px;
	background: url(../images/interface/quicksearch_boxbg.png) repeat-y top left;
}
#quicksearch .innerbox {
	background: url(../images/interface/quicksearch_boxbottom.png) no-repeat bottom left;
}
#quicksearch .boxtop {
	background: url(../images/interface/quicksearch_boxtop.png) no-repeat top left;
	height: 10px;
}
#quicksearch .boxcontent {
	padding: 6px 16px 16px;
}
#quicksearchform label {
	display: block;
}
#quicksearchform .col {
	width: 126px;
}
#quicksearchform .leftcol {
	float: left;
	margin-right: 16px;
}
#quicksearchform .rightcol {
	float: right;
}
#quicksearchform .col input,
#quicksearchform .col select {
	width: 120px;
	margin-bottom: 2px;
}
#quicksearchform .srtwrap select {
	width: 100%;
	margin-bottom: 4px;
}
#quicksearchform .buttons {
	text-align: right;
}

/***********
HOME BUYER PROCESS 
************/

#homebuyerprocessmap a {
	color: #ffffff !important;
	text-decoration: none !important;
}

/***********
MILITARY RELOCATION
***********/

#quicklinks {
	padding: 12px;
}
#quicklinks ul {
	list-style-type: none;
}

/********
MISC
*********/
.imgright {
	float: right;
	margin: 8px 0 8px 12px;
	border: 1px solid #666;
}
.imginput {
	vertical-align: middle;
}
th, td {
	border: 1px solid #999;
	padding: 3px 6px;
}
#greatbuys td {
	border: none;
}
th {
	text-align: left;
}

/*.mapwrapper {
	position: relative;
}*/
.mapform {
	position: absolute;
	width: 236px;
	bottom: 5px;
	right: 4px;
	padding: 8px;
}
.mapwrapper a {
	text-decoration: none !important;
}
.mapwrapper #emailform-resources {
	background: #fff url(../images/interface/bg_mapform-resources.png) no-repeat bottom right;
}
.mapwrapper #emailform-relocation {
	right: 5px;
	/*background: #fff url(../images/interface/bg_mapform-relocation.png) no-repeat bottom right;*/
	background: #fff;
}
#contentwrapper {
	min-height: 600px;
}
#contentwrapper .mapform h5 {
	color: #c98127 !important;
	font-size: 12px;
	margin-bottom: 8px;
}
#snapshotform label,
#snapshotform-ajax label,
.snapshotform-ajax label {
	display: block;
}
#snapshotform #fullname, #snapshotform-ajax #fullname, .snapshotform-ajax #fullname,
#snapshotform #email, #snapshotform-ajax #email, .snapshotform-ajax #email,
#snapshotform #phone, #snapshotform-ajax #phone, .snapshotform-ajax #phone,
#snapshotform #mls, #snapshotform-ajax #mls, .snapshotform-ajax #mls {
	width: 100%;
	margin-bottom: 6px;
}
/*#snapshotform #mls, #snapshotform-ajax #mls {
	width: 56px;
}*/
#snapshotform .btn, #snapshotform-ajax .btn, .snapshotform-ajax .btn {
	vertical-align: middle;
	margin-left: 12px;
}

/*******
MORTGAGE CALCULATOR
********/

#mortgagecalc {
	background: #656666 url(../images/interface/mortgagecalc_boxbottom.png) no-repeat bottom left;
	color: #fff;
}
#mortgagecalc h4 {

}
#mortgagecalc .boxtop {
	height: 12px; 
	background: url(../images/interface/mortgagecalc_boxtop.png) no-repeat top left;
}
#mortgagecalc .boxcontent {
	padding: 0 12px 24px;
}
#mortgagecalc form {
	padding: 0 48px 12px;
}
#mortgagecalc label, #mortgagecalc #IDX-mortgageAmortization, #mortgagecalc #IDX-mortgageSubmit {
	display: block;
	margin: 8px 0 4px;
}
#mortgagecalc #IDX-mortgageSubmit {
	text-align: center;
}

/**********
LINK STYLING
***********/

a {
	font-weight: bold;
}
a:link, a:visited {
	color: #123943;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8f323c;
	text-decoration: none;
	font-weight: bold;
}
#communities a:link, #communities a:visited {
	color: #8f323c;
}
#communities a:hover, #communities a:active {
	color: #123943;
}
#greatbuys a {
	color: #C98127;
	text-decoration: none;
}
#footer a {
	color: #fff;
	font-weight: normal;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
}

/****************
NAVIGATION SPRITES
*****************/

#topnav {
	position: absolute;
	top: 1px;
	left: 275px;
	width: 805px;
	height: 44px;
}
#topnav li {
	display: inline;
}
#topnav a {
	display: block;
	float: left;
	height: 44px;
	background: url(../images/interface/sprite.png) no-repeat;
}
#topnav a#propertysearch {
	width: 120px;
	background-position: 0 0;
}
#topnav a#propertysearch:hover, #topnav a#propertysearch:active {
	background-position: 0 -55px;
}
#topnav a#resources {
	width: 133px;
	background-position: -120px 0;
}
#topnav a#resources:hover, #topnav a#resources:active {
	background-position: -120px -55px;
}
#topnav a#relocation {
	width: 137px;
	background-position: -253px 0;
}
#topnav a#relocation:hover, #topnav a#relocation:active {
	background-position: -253px -55px;
}
#topnav a#communityinfo {
	width: 169px;
	background-position: -390px 0;
}
#topnav a#communityinfo:hover, #topnav a#communityinfo:active {
	background-position: -390px -55px;
}
#topnav a#contact {
	width: 96px;
	background-position: -559px 0;
}
#topnav a#contact:hover, #topnav a#contact:active {
	background-position: -559px -55px;
}
a#promos {
	background: url(../images/interface/sprite.png) no-repeat;
	background-position: 0 -105px;
}
a#promos:hover, a#promos:active {
	background-position: -120px -105px;
}

/***********
LIGHTBOXES
************/

.mapwrapper a {
	position: absolute;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.lboxes {
	display: none;
}
.lbox {
	width: 476px;
	padding: 12px;
}
.lbox p, .lbox h1 {
	margin-top: 0;
}
.lbox h1 {
	font-size: 20px;
	margin-bottom: 24px;
}
.lbox p {
	margin-bottom: 12px;
	line-height: 150%;
}
.lbox-lcol {
	width: 300px;
	background: url(../images/interface/divider_dotted_vertical.png) repeat-y top right;
	float: left;
	padding-right: 12px;
}
.lbox-rcol {
	width: 152px;
	float: right;
}

/***********
IDX SHOWCASE
************/

#IDX-showcaseWrapper {
	font-size: 11px;
}
#IDX-showcaseWrapper img {
	border: 1px solid #666;
}
