﻿#navigationmenu
{
	color: #382415;
	display: block;
	font-size: 11px;
	letter-spacing: 0.12em;
	list-style-type: none;
	margin: 0;
	padding: 6px 0 0 21px;
}
#navigationmenu li
{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigationmenu #nav1
{
	width: 144px;
}

#navigationmenu #nav2
{
	width: 250px;
	background: none;
}
#navigationmenu #nav3
{
	width: 91px;
}

#navigationmenu #nav4
{
	width: 182px;
}
#navigationmenu #nav5
{
	width: 120px;
}
#navigationmenu #nav6
{
	width: 60px;
	padding-left: 100px;
}
#navigationmenu a
{
	text-decoration: none;
	color: #554131;
}

.menuSelected
{
	text-decoration: underline !important;
	color: #554131;
}

#navigationmenu a:hover
{
	text-decoration: underline;
	color: #554131;
}

#RESOURCES #main .demo li
{
	padding-bottom: 0;
}
ul.menu
{
	display: block;
	padding: 0;
	margin: 0;
}
ul.menu li
{
	list-style-type: none;
	display: block;
	width: 122px;
	height: 116px;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	overflow: hidden;
	line-height: 1em !important;
	border-right: solid 1px #DCCFC1;
	border-top:solid 1px #DCCFC1;
	color: #fff !important;
	text-align: left;
}
.p1, .panel1
{
	background: #41464E;
	width: 984px;
}
.p1hover
{
	background: #292C31;
}
.p2, .panel2
{
	background: #BF9445;
	width: 984px;
}
.p2hover
{
	background: #9D7937;
}
.p3, .panel3
{
	background: #AA9C79;
	width: 984px;
}
.p3hover
{
	background: #81775C;
}
.p4, .panel4
{
	background: #829664;
	width: 984px;
}
.p4hover
{
	background: #66774D;
}
.p5, .panel5
{
	background: #7D959B;
	width: 984px;
}
.p5hover
{
	background: #556569;
}
.p6, .panel6
{
	background: #6A8D83;
	width: 984px;
}
.p6hover
{
	background: #455b54;
}
.p7, .panel7
{
	background: #655040;
	width: 984px;
}
.p7hover
{
	background: #4F3F32;
}
.p8, .panel8
{
	background: #9C8675;
	border-right: none !important;
	width: 984px;
}
.p8hover
{
	background: #6F5F53;
}
ul.menu li span
{
	display: block;
	margin: 4px;
	background: #eef;
	cursor: default;
}
ul.menu li p
{
	display: block;
	margin: 0px;
	cursor: pointer;
	padding-left: 9px;
	color: #fff !important;
}
ul.menu .heading
{
	font-family: arial;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 2px;
	padding-top: 11px;
}
ul.menu .community
{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.04em;
}
ul.menu .size
{
	font-family: verdana;
	font-size: 9px;
	line-height: 1.3em;
	letter-spacing: -0.04em;
}
ul.menu .style
{
	font-family: verdana;
	font-size: 9px;
	letter-spacing: 0.02em;
	line-height: 1.5em;
}
ul.menu .builder
{
	font-family: verdana;
	font-size: 10px;
	font-style: italic;
	line-height: 1.2em;
}
#picContent
{
	height: 355px;
	width: 983px;
}
.pic1
{
	background: #fff url(../../assets/images/2010/Montecito.jpg) center center no-repeat;
}
.pic2
{
	background: #fff url(../../assets/images/2010/Sonoma.jpg) center center no-repeat;
}
.pic3
{
	background: #fff url(../../assets/images/2010/Carmel.jpg) center center no-repeat;
}
.pic4
{
	background: #fff url(../../assets/images/2010/LaCasella.jpg) center center no-repeat;
}
.pic5
{
	background: transparent url(../../assets/images/2010/SantaRosa.jpg) center center no-repeat;
}
.pic6
{
	background: transparent url(../../assets/images/2010/Monterey.jpg) center center no-repeat;
}
.pic7
{
	background: transparent url(../../assets/images/2010/Coronado.jpg) center center no-repeat;
}
.pic8
{
	background: transparent url(../../assets/images/2010/SantaCruz.jpg) center center no-repeat;
}

#navigationlogo
{
	position: relative;
	top: 0px;
	left: 0px;
}

#navigation
{
	/*height: 25px;
	background: transparent url(../../assets/images/2010/2010header-lower.jpg);*/
	margin-left: 0px;
	width: 984px;
	position: absolute;
	top: 47px;
	left: 0px;
}
#navigation #img
{
	/*background: transparent url(../assets/images/2010/2010Logo.png) no-repeat;             height:103px;*/
}
#microsite
{
	border: solid 1px #57422F; /*width: 983px;*/
	height: 544px;
	padding: 0px;
	margin: 0 0 0 0px;
	position: relative;
	width: 983px;
}
#menuwrapper
{
	/*padding:1px;*/
}

#ms-content
{
	position: absolute;
	top: 5px;
	width: 984px;
}

#left
{
	float: left;
	width: 349px;
	margin: 0px;
}
#right
{
	float: right;
	width: 634px;
	background: #FFF;
	height: 598px;
}
#leftCol ul
{
	padding: 0 0 0 28px;
	margin: 0;
}
#rightCol ul
{
	padding: o;
	margin: 0;
}

#leftList li, #rightCol li
{
	list-style-type: none;
	margin-bottom: 24px;
}
#leftList li p, #rightCol li p
{
	color: #685344;
	font-size: 11px;
	line-height: 1.4em;
	margin: 8px 0 0;
	padding-left: 24px;
}
#leftList li p
{
	padding-left: 26px;
}
#rightList li p
{
	padding-left: 24px;
}
#leftList li h5, #rightCol li h5
{
	color: #492F1C;
	font-size: 20px;
	margin: 0;
	font-family: Arial;
}
#leftList li h5
{
	padding-left: 5px;
}
#rightCol li h5
{
	padding-left: 5px;
}


#leftCol h3, #rightCol h3
{
	color: #492F1C;
	margin: 0 0 15px 0 !important;
	font-size: 17px;
	font-family: Arial;
	font-weight: bold;
}
#leftCol h3
{
	padding-left: 35px;
	line-height: 24px;
	margin-bottom: 5px;
	text-decoration: none;
}
#rightCol h3
{
	padding-left: 7px;
	line-height: 24px;
	margin-bottom: 5px;
	text-decoration: none;
}
#leftCol, #rightCol
{
	/*margin-top: 114px;             margin-left: 50px;*/
}
#leftCol
{
	float: left;
	width: 180px;
}
#rightCol
{
	float: right;
	width: 169px;
}
#neighborImage
{
	padding-left: 7px;
	padding-top: 39px;
}

#one
{
	background: transparent url(../../assets/images/2010/1.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#two
{
	background: transparent url(../../assets/images/2010/2.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#three
{
	background: transparent url(../../assets/images/2010/3.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#four
{
	background: transparent url(../../assets/images/2010/4.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#five
{
	background: transparent url(../../assets/images/2010/5.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#six
{
	background: transparent url(../../assets/images/2010/6.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#seven
{
	background: transparent url(../../assets/images/2010/7.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}
#eight
{
	background: transparent url(../../assets/images/2010/8.gif) center center no-repeat;
	padding: 5px;
	margin-right: 3px;
}

#left #heading
{
	color: #492F1C;
	font-size: 37px;
	padding-bottom: 36px;
	padding-left: 34px;
	padding-top: 41px;
}

.underlineText
{
	text-decoration: underline;
}

div#Commercial1
{
	position: relative;
	top: 52px;
}

div#Commercial2
{
	position: relative;
	top: 67px;
}

div#Commercial3
{
	position: relative;
	top: 81px;
}

div#Commercial4
{
	position: relative;
	top: 94px;
}

div#PriorityContent
{
	background-color: #FFFFFF !important;
	font-family: Arial;
	font-size: 14px;
	color: #333333;
	position: relative;
	height: 748px;
	border-bottom: solid 9px #E39324;
}

div#PriorityHeader
{
	position: absolute;
	top: 18px;
	left: 40px;
	font-size: 43px;
	letter-spacing: -0.02em;
	height: 80px;
	line-height: 1.5em;
}

div#PrioritySubHeader
{
	position: absolute;
	top: 78px;
	left: 41px;
	font-size: 18px;
	line-height: 1.5em;
}

div#PrioritySubHeader a
{
	color: #333333;
}

div#Step1Image
{
	position: absolute;
	top: 194px;
	left: 45px;
}

div#Step1Content
{
	position: absolute;
	top: 166px;
	left: 167px;
	line-height: 1.5em;
	width: 500px;
}

div#Step1Content a
{
	color: #333333;
}

div#Step2Image
{
	position: absolute;
	top: 362px;
	left: 45px;
}

div#Step2Content
{
	position: absolute;
	top: 297px;
	left: 167px;
	line-height: 1.5em;
	width: 520px;
}

div#Step3Image
{
	position: absolute;
	top: 519px;
	left: 45px;
}

div#Step3Content
{
	position: absolute;
	top: 494px;
	left: 167px;
	line-height: 1.5em;
	width: 500px;
}

/*div#Step4Image
{
	position: absolute;
	top: 557px;
	left: 53px;
}

div#Step4Content
{
	position: absolute;
	top: 536px;
	left: 187px;
	line-height: 1.5em;
	width: 740px;
}*/

div#PrintPriorityPDF
{
	position: absolute;
	top: 646px;
	left: 45px;
}

div#PrintPriorityPDF img
{
	border: 0;
}

div#PrintPriorityPDF a
{
	color: #333333;
}

div#PriorityFooterText
{
	position: absolute;
	top: 688px;
	left: 36px;
	font-size: 11px;
	color: #333333;
	width: 900px;
}

div#GrandOpening
{
	background-color: #FFFFFF !important;
	font-family: Arial;
	font-size: 14px;
	color: #333333;
	position: relative;
	height: 597px;
}

div#GrandOpeningDateHeader
{
	width: 340px;
	position: absolute;
	top: 47px;
	left: 42px;
	font-size: 26px;
	letter-spacing: 0.03em;
}

div#GrandOpeningHeader
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#GrandOpeningContent
{
	width: 340px;
	position: absolute;
	top: 223px;
	left: 35px;
	font-size: 12px;
	line-height: 1.6em;
}

div#GrandOpeningContent a
{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}

div#GrandOpeningImage
{
	position: absolute;
	top: 0px;
	right: 0px;
}

div#Box1
{
    position: absolute;
	top: 170px;
	left: 700px;   
}

div#Box2
{
    position: absolute;
	top: 263px;
	left: 700px;   
}

div#Box3
{
    position: absolute;
	top: 385px;
	left: 700px;   
}