/* @override http://newfrontierranches.local/css/main.css */

/* -- colors --
dark brown:  #473F32
medium brown:  #746650
brown:  #97876A
med-light brown:  #BFBEA6
light brown:  #DEDDC4
cream:  #FBF9DC
red:  #932923

*/

/* @group base */

html,
body {
	height: 100%;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	margin: 0;
	padding: 0;
	}

body {
	font: 62.5% Verdana, Arial, Helvetica, Geneva, sans-serif;
	background: #97876A url(/images/page-bg.gif) repeat-y center;
	text-align: center; /* center layout in IE */
	}

p, ul {
	color: #473F32;
	font: 1.1em/1.8em Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	color: #932923;
	font: normal 1.8em/1.3em Georgia, "Times New Roman", Times, serif;
	}

h2 {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.4em;
	}

a:link, a:visited {
	color: #473F32;
	text-decoration: underline;
	}

a:hover, a:active, a:focus {
	color: #932923;
	text-decoration: none;
	}

img {
	border: none;
	}

.clearFloat {
	clear: both;
	}

.hide {
	position: absolute;
	left: -9999px;
	}

.red {
	color: #932923 !important;
	}

/* @end */

/* @group wrapper */

#wrapper {
	position: relative;
	width: 740px;
	margin: 0 auto;
	text-align: left;
	background-color: #FBF9DC;
	height: auto !important;
	height: 100%; /* IE 6 */
	min-height: 100%;
	}

/* @end */

/* @group header */

#header {
	margin: 0 8px 8px;
	text-align: center;
	height: 102px;
	border: 1px solid #97876A;
	border-top: none;
	background: url(/images/hdr-bg.jpg) repeat-x 0 top;
	}

#header img {
	display: block;
	margin: 0 auto;
	padding: 15px;
	}

#header img.print {
	display: none;
	}

/* @end */

/* @group navigation */

/* -- nav location classes -- 
nav-about  =  about
nav-re  =  real estate
  nav-re-p  =  real estate > properties (default ranches)
  nav-re-r  =  real estate > recreational properties
  nav-re-b  =  real estate > brokerage
nav-appr  =  appraisal
nav-mng  =  management
nav-cont  =  contact
nav-rsrc  =  resources
*/

#nav {
	position: relative;
	background-color: #932923;
	border-top: 1px solid #BFBEA6;
	height: 60px;
	text-align: center;
	}

/* @group main nav */

#navMain {
	background-color: #DEDDC4;
	height: 30px;
	}

#nav ul {
	list-style: none;
	margin: 0 auto;
	width: 617px;
	}

#nav li {
	display: block;
	float: left;
	padding-right: 8px;
	padding-left: 12px;
	background: url(/images/bullet.gif) no-repeat left center;
	}

li#nav-about {
	/* hide the bullet in the first link */
	padding-left: 8px;
	background: none;
	}

#nav li strong {
	/* hide the main links text */
	display: none;
	}

#nav li a {
	display: block;
	height: 30px;
	}

/* @group buttons */

/* about button */

#nav-about a {
	width: 73px;
	background: url(/images/nav-btn-about.gif) no-repeat center 0;
	}
#nav-about:hover a,
#nav-about.over a {
	background-position: center -30px;
	}
body.pg-about #nav-about a {
	background-position: center -60px;
	}

/* real estate button */

#nav-re a {
	width: 50px;
	background: url(/images/nav-btn-re.gif) no-repeat center 0;
	}
#nav-re:hover a,
#nav-re.over a {
	background-position: center -30px;
	}
body.pg-re #nav-re a,
body.pg-re-p #nav-re a,
body.pg-re-r #nav-re a,
body.pg-re-b #nav-re a {
	background-position: center -60px;
	}

/* appraisals button */

#nav-appr a {
	width: 60px;
	background: url(/images/nav-btn-appr.gif) no-repeat center 0;
	}
#nav-appr:hover a,
#nav-appr.over a {
	background-position: center -30px;
	}
body.pg-appr #nav-appr a {
	background-position: center -60px;
	}

/* management button */

#nav-mng a {
	width: 140px;
	background: url(/images/nav-btn-mng.gif) no-repeat center 0;
	}
#nav-mng:hover a,
#nav-mng.over a {
	background-position: center -30px;
	}
body.pg-mng #nav-mng a {
	background-position: center -60px;
	}

/* contact button */

#nav-cont a {
	width: 68px;
	background: url(/images/nav-btn-cont.gif) no-repeat center 0;
	}
#nav-cont:hover a,
#nav-cont.over a {
	background-position: center -30px;
	}
body.pg-cont #nav-cont a {
	background-position: center -60px;
	}

/* resources button */

#nav-rsrc a {
	width: 89px;
	background: url(/images/nav-btn-rsrc.gif) no-repeat center 0;
	}
#nav-rsrc:hover a,
#nav-rsrc.over a {
	background-position: center -30px;
	}
body.pg-rsrc #nav-rsrc a {
	background-position: center -60px;
	}

/* @end */

 /*show sub nav on rollovers*/ 

#nav li:hover ul,
#nav li.over ul {
	display: block;
	z-index: 6000;
	background-color: #932923;
	}

/* @end */

/* @group sub nav */

#nav li ul {
	position: absolute;
	top:  30px;
	left: 0;
	width: 740px;
	font: .95em/1.1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: .1em;
	text-align: left;
	text-transform: uppercase;
	/* hide the sub links initially */
	display: none;
	}

#nav li li {
	padding: 9px 0 0;
	background: none;
	}

#nav li li a {
	float: left;
	width: auto;
	height: 1.1em;
	padding: 0 1em;
	color: #FBF9DC;
	text-decoration: none;
	border-left: 1px solid #DEDDC4;
	background: none !important;
	}

#nav li#nav-re-p a {
	/* hide divider border in first list items */
	border-left: none;
	}

#nav li li a:hover {
	color: #FFF;
	}

/* show active states */

body.pg-re #nav-re ul,
body.pg-re-p #nav-re ul,
body.pg-re-r #nav-re ul,
body.pg-re-b #nav-re ul {
	display: block;
	}
	
body.pg-re-p #nav-re-p a,
body.pg-re-r #nav-re-r a,
body.pg-re-b #nav-re-b a {
	color: #97876A;
	}

/* @end */

/* @end */

/* @group content */

#content {
	width: 100%;
	position: relative;
	float: left;
	background: url(/images/1col-bg.jpg) repeat-y;
	}

#content.twoCol {
	background-image: url(/images/2col-bg.gif);
	}

div.separator {
	border-bottom: 1px solid #BFBEA6;
	/* make IE happy */
	font-size: 0;
	line-height: 0;
	}

/* @group top column */

#topCol {
	background-color: #DEDDC4;
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #BFBEA6;
	}

/* @group buttons */

#topCol p.backBtn,
#topCol p.printBtn {
	position: absolute;
	width: 150px; /* set a width to prevent IE display issues */
	top: 15px;
	font: italic 1.1em/20px Georgia, "Times New Roman", Times, serif;
	}

#topCol p.backBtn {
	left: 20px;
	text-align: left;
	}

#topCol p.printBtn {
	right: 20px;
	text-align: right;
	}

#topCol p.backBtn a:link,
#topCol p.backBtn a:visited,
#topCol p.printBtn a:link,
#topCol p.printBtn a:visited {
	display: block;
	height: 20px;
	text-decoration: none;
	}

#topCol p.backBtn a:link,
#topCol p.backBtn a:visited {
	padding-left: 25px;
	background: url(/images/btn-rnd-left-arrow.gif) no-repeat left 0;
	}

#topCol p.backBtn a:hover,
#topCol p.backBtn a:active {
	background-position: left -25px;
	}

#topCol p.printBtn a:link,
#topCol p.printBtn a:visited {
	padding-right: 32px;
	background: url(/images/btn-print.gif) no-repeat right 0;
	}

#topCol p.printBtn a:hover,
#topCol p.printBtn a:active {
	background-position: right -25px;
	}

/* @end */

/* @end */

/* @group main column */

#mainCol {
	width: 100%;
	float: left;
	margin-bottom: -1px;
	border-bottom: 1px solid #BFBEA6;
	}

#content.twoCol #mainCol {
	width: 495px;
	background: url(/images/main-col-bg.jpg) repeat-y;	
	}

#mainCol h2 {
	font-size: 2em;
	margin-bottom: .5em;
	}

#mainCol p {
	padding-bottom: 1.5em;
	}

#mainCol a:link,
#mainCol a:visited {
	color: #932923;
	}

#mainCol a:hover,
#mainCol a:active {
	color: #932923;
	}

#mainCol .contentBox {
	margin: 7px;
	padding: 20px 30px;
	border: 1px solid #97876A;
	}

#mainCol .frame {
	text-align: center;
	padding: 9px;
	background-color: #FBF9DC;
	border: 1px solid #97876A;
	margin: 0 auto 20px;
	width: 400px;
	}

/* @end */

/* @group side column */

#sideCol {
	float: right;
	width: 244px;
	}

#sideCol h2 {
	line-height: 1.4em;
	}

#sideCol p {
	font-size: 1.1em;
	line-height: 1.6em;
	}

#sideCol a.moreLink {
	color: #932923;
	text-transform: uppercase;
	white-space: nowrap;
	}

#sideCol ul {
	margin-bottom: 1em;
	margin-left: 1.5em;
	margin-top: .2em;
	}

#sideCol li {
	line-height: 1.2em;
	margin-bottom: .5em;
	}

#sideCol .contentBox {
	padding: 10px 20px;
	border-bottom: 1px solid #BFBEA6;
	margin-bottom: -1px;
	}

#sideCol div.lastItem {
	background: url(/images/side-col-btm-bg.jpg) repeat-x 10px top;
	}

#sideCol .sideColBtmCap {
	height: 100px;
	margin-bottom: -100px;
	background: url(/images/side-col-btm-bg.jpg) repeat-x 10px top;
	}

/* @end */

/* @group promo box */

#sideCol .promoBox {
	padding: 10px 10px;
	border-bottom: 1px solid #BFBEA6;
	margin-bottom: -1px;
	}

#sideCol .presentationPromo {
	position: relative;
	text-align: center;
	}

#sideCol .presentationPromo h2 {
	margin: 5px 10px .2em;
	font: 1.3em Verdana, Arial, Helvetica, Geneva, sans-serif;
	}

#sideCol .presentationPromo h2 a:link,
#sideCol .presentationPromo h2 a:visited {
	text-decoration: none;
	}

#sideCol .presentationPromo h2 a:hover,
#sideCol .presentationPromo h2 a:active,
#sideCol .presentationPromo h2 a:focus {
	text-decoration: underline;
	}

#sideCol .presentationPromo p {
	margin: 0 10px 0;
	font-size: .9em;
	line-height: 1.2;
	font-style: italic;
	color: #97876A;
	}

#sideCol .presentationPromo .banner {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 224px;
	height: 25px;
	background-image: url(/images/presentation-promo-banner.png);
	background-repeat: no-repeat;
	}

#sideCol .presentationPromo a:focus {
	outline: none;
	}

#sideCol .presentationPromo a:link img,
#sideCol .presentationPromo a:visited img {
	border: 1px solid #473F32;
	}

#sideCol .presentationPromo a:hover img,
#sideCol .presentationPromo a:active img,
#sideCol .presentationPromo a:focus img {
	border: 1px solid #932923;
	}

#sideCol .presentationPromo a:link .banner,
#sideCol .presentationPromo a:visited .banner {
	background-position: 0 0;
	}

#sideCol .presentationPromo a:hover .banner,
#sideCol .presentationPromo a:active .banner,
#sideCol .presentationPromo a:focus .banner {
	background-position: 0 -30px;
	}



/* @end */

/* @group contact box */

#sideCol .contactBox {
	padding: 10px 20px;
	border-bottom: 1px solid #BFBEA6;
	}

#sideCol div.lastItem .contactBox {
	border-bottom: none;
	}

#sideCol .contactBox p, #sideCol .contactBox ul {
	font-size: 1em;
	}

#sideCol .contactBox ul {
	list-style: none;
	margin-left: 0;
	}

#sideCol .contactBox li {
	margin-bottom: .2em;
	text-indent: 0;
	}

/* @end */

/* @end */

/* @group footer */

#footer {
	clear: both;
	width: 100%;
	font-size: 1em;
	position: relative;
	text-align: left;
	}

#footer p.left {
	float: left;
	margin: 5px 15px 5px 10px;
	}

#footer p.right {
	float: right;
	margin: 5px 10px 5px 15px;
	text-align: right;
	}

#devCredit {
	display: none;
	}

body.pg-home #devCredit {
	display: inline;
	}

/* @group contact */

#ftrContact {
	/*position: absolute;*/
	width: 100%;
	/*height: 30px;*/
	/*top: -1px;*/ /* move up 1px to overlap bottom border(s) of content */
	/*left: 0;*/
	font-size: 1.1em;
	line-height: 2.8em;
	text-align: center;
	list-style: none;
	border-top: 1px solid #BFBEA6;
	border-bottom: 1px solid #BFBEA6;
	background-color: #DEDDC4;
	}

#ftrContact li {
	display: inline;
	padding-left: 15px;
	background: url(/images/bullet.gif) no-repeat 4px center;
	}

#ftrContact li.firstItem {
	padding-left: 0;
	background: none;
	}

/* @end */

/* @end */

/* @group text buttons */

a.textBtn {
	font-size: .9em;
	line-height: 1.2em;
	text-transform: uppercase;
	padding: 7px 14px;
	}

a:link.textBtn,
a:visited.textBtn {
	color: #FBF9DC !important;
	background-color: #932923;
	text-decoration: none;
	}

a:hover.textBtn,
a:active.textBtn {
	color: #FFF;
	background-color: #473F32;
	text-decoration: none;
	}

/* @end */

/* @group shadow frame */

/* http://www.modxcms.com/index.php?id=318 */

/* set the image to use and establish the lower-right position */
.frameBox,
.frameBody,
.frameHead,
.frameHead2 {
	background: transparent url(/images/shadow-frame-flat.gif) no-repeat bottom right;
	}

.frameBox {
	width: 215px !important; /* intended total box width - padding-right(next) */
	width: 215px; /* IE Win = width - padding */
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 auto;	/* use to position the box */
	}

/* set the top-right image */
.frameHead {
	background-position: right top;
	margin-right: -10px; /* pull the right image over on top of border */
	padding-right: 17px; /* right-image-gap + right-inside padding */
	}

/* set the top-left image */
.frameHead2 {
	background-position: top left;
	padding: 13px 0 0 13px; /* padding-left = image gap + interior padding ... no padding-right */
	}

/* set the lower-left corner image */
.frameBody {
	background-position: bottom left;
	margin-right: 7px;	/* interior-padding right */
	padding: 0 0 17px 13px;	/* mirror .cssbox_head right/left */
	}

/* @end */