/*
-----------------------------------------------

----------------------------------------------- */

body
{
	  background:#fff url("img/bg-body.gif") 0 0;
	margin: 0;
	padding: 10px;
	font: small Verdana,Sans-serif;
	color: #333;
}

#page
{
	width: 754px;
	margin: 0 auto;
}

#page2
{
	background: #fff;
	float: left;
	width: 730px;
	padding: 10px;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
}

#page3
{
	float: left;
	width: 730px;
	padding: 10px;
	border: solid #555;
	border-width: 1px 3px 3px 1px;
	font-size: 85%;
	line-height: 1.5em;
	color: #333;
	background-color: #fff;
}

/* =Links
----------------------------------------------- */

a { color: #72503a; }
a img { border-width: 0; }

/* =Headings
----------------------------------------------- */

h2
{
	font-size: 100%;
	margin: 1em 0 .9em 0;
	color: #563C2B;
	background-image: url(img/dotted.gif);
	background-repeat: no-repeat;
	background-position: 0 16px;
}

h3
{
	font-size: 13px;
	margin: 6px 0 .9em 2px;
	color: #6C8070;
	line-height: 26px;
	}

/* =Lists
----------------------------------------------- */

ul
{
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
}

li
{
	background: url("img/bullet.gif") no-repeat 6px 50%;
	margin: 0;
	padding: 0 0 0 17px;
}

/* =Misc
----------------------------------------------- */

p { margin: 0 0 .75em; }
p.btn { margin: 1em 0; }
.unit { white-space: nowrap; }

p.solo
{
	width: 100%;
	margin: 1.5em 0 -.5em;
}

p.solo img { display: block; }

/* =Header
----------------------------------------------- */

#header
{
	float: left;
	width: 730px;
	height: 65px;
	padding: 0 0;
	background-image: url(img/bradleylandgroup.gif);
	background-position: 0 0;
}

#logo
{
	float: left;
	display: block;
	width: 162px;
	text-decoration: none;
}

#logo img { display: block; }

#phone
{
	float: right;
	display: block;
	width: 140px;
	margin-top: 15px;
}

/* =Nav
----------------------------------------------- */

#nav
{
	float: left;
	width: 730px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	list-style: none;
	background-color: #5B3E2C;
	background-image: url(img/bg-nav.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#nav li
{
	background: none;
	display: inline;
	padding: 0;
}

#nav li a, #nav li strong
{
	float: left;
	width: auto;
	padding: 5px 9px 3px;
	border-left: #a67c60;
	border-right: #72503a;
	color: #fff;
	text-transform: none;
	text-decoration: none;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
}

#nav li strong { color: #fff; }

#nav li a strong
{
	padding: 0;
	border-width: 0;
}

#nav li a:hover
{
	border-left-color: #000;
	color: #fff;
	background-color: #513929;
}

/* =H1
----------------------------------------------- */

.home h1
{
	background-color: #fff;
	float: left;
	width: 730px;
	height: 2px;
	margin: 0 0 2px;
	border-bottom: #513929;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

.home h1 img { display: block; }

/* =Content
----------------------------------------------- */

#content
{
	float: left;
	width: 730px;
	margin: 0 0 0px;
}

#content-group
{
	float: right;
	width: 730px;
}

#content-main
{
	float: left;
	width: 730px;
	margin: 0 px 0 0px;
}

#content-extra
{
	float: right;
	width: 235px;
	margin: 0px 0px 0 0px;
}

#content-sub
{
	float: left;
	width: 175px;
	margin: 0 10px 0 0px;
}

#content-callout
{
	float: left;
	width: 175px;
	margin: 0px 10px 0 0px;

}

/* =Variations (default is SMX)
----------------------------------------------- */

.mxs #content { background-position: right top; }
.mxs #content-group { float: left; }
.mxs #content-sub { float: right; }
.xms #content { background-position: right top; }
.xms #content-group { float: left; }
.xms #content-sub { float: right; }
.xms #content-main { float: right; }
.xms #content-extra { float: left; }
.ms #content { background-position: right top; }
.ms #content-group { float: left; }
.ms #content-sub { float: right; }
.ms #content-main { width: 525px; }
.ms #content-extra { width: 525px; }
.sm #content-main { width: 525px; }
.sm #content-extra { width: 525px; }
.m #content { background-image: none; }
.m #content-group { width: 730px; }
.m #content-sub { width: 730px; }
.m #content-main { width: 730px; }
.m #content-extra { width: 730px; }

.h #content-group { float: left; }
.h #content-sub { float: left; }
.h #content-main { width: px; }
.h #content-callout { float:  left; }
.h #content-extra { float: left; }

/* =Subnav
----------------------------------------------- */

#subnav h3
{
	margin: 0;
	padding: 5px 10px 4px;
	border-bottom: #533A2A;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0;
	color: #fff;
	background-color: #72503A;
	background-repeat: repeat-x;
	background-position: 0 0;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#subnav ul
{
	background-color: #72503A;
	background-image: url(img/bg-subnav.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

#subnav li
{
	background: none;
	width: 190px;
	padding: 0;
}

#subnav li a
{
	background: url("img/bullet.gif") no-repeat 11px 50%;
	display: block;
	width: 158px;
	padding: 3px 10px 3px 22px;
	text-decoration: none;
	color: #000;
	border-color: #EFE #EFE #FF9 #EFE;
	border-width: 1px;
	border-style: solid;
}

#subnav li a:hover
{
	color: #fff;
	background-color: #FF9;
	background-image: url(img/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: 11px 50%;
}

#subnav p
{
	padding: 0 10px;
	color: #72503a;
}

/* =Home
----------------------------------------------- */

.home h2
{
	float: left;
	display: inline;
	margin: 5px .35em 0 0;
}

p#intro
{
	margin: 5px 0 .5em;
	font: bold 170%/1.4 Helvetica,Arial,Sans-serif;
	color: #333;
}

p.dreamhomes { background-color: #72503a; }

/* =Footer
----------------------------------------------- */

#footer
{
	float: left;
	width: 100%;
	border-color: #72503a;
	border-width: 8px 0 0 0;
	border-style: solid;
}

#footer hr { display: none; }

#footer p
{
	margin: 0;
	padding: 10px 10px 2px;
	text-align: center;
	border-color: #AFAE77;
	border-style: solid;
	border-width: 8px 0 0 0;
}