@charset "utf-8";
/*****Reset*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*****Basic Elements*****/

body {
	background-image:url(../images/bg.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#004b85;
	font-size:40px;
	font-style:italic;
	padding-bottom:10px;
	border-bottom:3px solid #fcb131;
	margin-bottom:14px;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:27px;
	color:#005fa4;
	margin-bottom:20px;
}

h3 strong {
	font-weight:bold;
	color:#003e70;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:17px;
	color:#005fa4;
	margin-bottom:20px;
}

h4 strong {
	font-weight:bold;
	color:#003e70;
}

#content ul {
	margin-bottom:20px;
}

#content ul li {
	list-style-position:inside;
	list-style-type:square;
}

#content #rightCol ul li {
	list-style-position:inside;
	list-style-type:none;
}

p {
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}

strong {
	font-weight:bold;
	color:#005FA4;
}

a {
	color:#00589B;
}

/*****Generic Classes*****/

.clearLeft {
	clear:left;
	width:0px;
	height:0px;
}

.hide {
	display:none;
}

.button {
	background-color:#FF9933;
	color:#FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:7px;
	text-decoration:none;
}

.button:hover {
	background-color:#FF6600;
}

.pdf {
	padding-left:22px;
	background-image:url(../images/icon_pdf.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

div.pager a {
	width:20px;
	height:20px;
	background-color:#00589b;
	display:inline-block;
	margin-top:10px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

div.pager a:hover {
	opacity:1;
}

div.pager a.activeSlide {
	background-color:#FCB131;
	opacity:1;
}

div.pager a{
	margin-right:10px;
	opacity:0.8;
}

.red {
	color:#FF0000;
}

/*****Basic Layout*****/

#container {
	width:775px;
	margin:0 auto;
	background-color:#FEF4DE;
}

/*****Header*****/

#header {
	z-index:0;
}

#headerImage {
	height:379px;
	position:relative;
}

#headerImage.dancingCouple {
	background-image:url(../images/bg_imageMain4.jpg);
}

#headerImage h1 {
	background-image:url(../images/h1_eskatonVillageLogo.png);
	height:234px;
	left:-56px;
	position:absolute;
	text-indent:-9999px;
	top:131px;
	width:275px;
	margin:0px;
}

#headerImage h1 a {
	display:block;
	width:275px;
	height:234px;
	text-indent:-9999px;
}

ul#nav {
	height:48px;
	background-image:url(../images/nav_mainRoseville.gif);
	background-position:right top;
}

ul#nav li {
	display:inline;
}

ul#nav li a {
	background-image:url(../images/nav_mainRoseville.gif);
	display:block;
	height:48px;
	text-indent:-9999px;
	float:left;
}

ul#nav li a:hover {
}

ul#nav.roseville li a.availableHomes {
	width:158px;
	background-position:0 0;
}

ul#nav.roseville li a.availableHomes:hover {
	background-position:0 48px;
}

ul#nav.roseville li a.communityMap {
	width:158px;
	background-position:-158px 0;
}

ul#nav.roseville li a.communityMap:hover {
	background-position:-158px 48px;
}

ul#nav.roseville li a.models {
	width:88px;
	background-position:-314px 0;
}

ul#nav.roseville li a.models:hover {
	background-position:-314px 48px;
}

ul#nav.roseville li a.features {
	background-position:-402px 0;
	width:99px;
}

ul#nav.roseville li a.features:hover {
	background-position:-402px 48px;
}

ul#nav.placerville li a.availableHomes {
	width:158px;
	background-position:0 0;
}

ul#nav.placerville li a.availableHomes:hover {
	background-position:0 48px;
}

ul#nav.placerville li a.communityMap {
	width:158px;
	background-position:-158px 0;
}

ul#nav.placerville li a.communityMap:hover {
	background-position:-158px 48px;
}

ul#nav.placerville li a.models {
	width:88px;
	background-position:-314px 0;
}

ul#nav.placerville li a.models:hover {
	background-position:-314px 48px;
}

ul#nav.placerville li a.features {
	background-position:-402px 0;
	width:99px;
}

ul#nav.placerville li a.features:hover {
	background-position:-402px 48px;
}

ul#subnav {
	background-image:url(../images/nav_sub.gif);
	color:#fcb131;
	height:26px;
	padding:5px 0 0 15px;
}

ul#subnav li {
	display:inline;
	font-size:11px;
}

ul#subnav li a {
	color:#FFFFFF;
	text-decoration:none;
}

ul#subnav li a:hover {
	text-decoration:underline;
}

ul#switchArea {
	background-image:url(../images/nav_switchArea.png);
	height:122px;
	left:519px;
	margin-bottom:-122px;
	position:relative;
	top:-144px;
	width:274px;
	z-index:1;
}

ul#switchArea.roseville {
	top:-144px;
	left:519px;
}

ul#switchArea.placerville {
	top:-144px;
	left:519px;
}

ul#switchArea li a {
	position:absolute;
	bottom:0;
}

ul#switchArea li a {
	height:41px;
	display:block;
	text-indent:-9999px;
}

ul#switchArea li a.roseville {
	left:0px;
	width:131px;
}

ul#switchArea li a.placerville {
	right:0px;
	width:143px;
}

#blueBar {
	background-image:url(../images/decide_blueBar.gif);
	background-color:#1F5B98;
	background-position:bottom;
	background-repeat:no-repeat;
}

#blueBar p {
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	line-height:22px;
	padding:15px 40px 25px;
	margin-bottom:0px;
}

#blueBar p strong {
	color:#FFFFFF;
	
}

/*****Content*****/

#content {
	background-color:#fef4de;
	clear:left;
}

#singleCol {
	padding:33px 23px 33px 33px;
	background-color:#fef4de;
	font-size:14px;
	line-height:1.5em;
}

ul#decide {
	height:326px;
	position:relative;
	width:690px;
	margin:-46px auto 20px;
}

ul#decide li {
	float:left;
	list-style-type:none;
}

ul#decide li a.roseville {
	background-image:url(../images/decide_roseville.png);
	background-position:left top;
	display:block;
	width:345px;
	height:326px;
	text-indent:-9999px;
}

ul#decide li a.roseville:hover {
	background-position:left bottom;
}

ul#decide li a.placerville {
	background-image:url(../images/decide_placerville.png);
	background-position:right top;
	display:block;
	width:345px;
	height:326px;
	text-indent:-9999px;
}

ul#decide li a.placerville:hover {
	background-position:right bottom;
}

#leftCol {
	width:514px;
	float:left;
	padding:33px 23px 33px 33px;
	background-color:#fef4de;
	font-size:14px;
	line-height:1.5em;
}

#leftCol img {
	margin-bottom:20px;
}

#rightCol {
	width:205px;
	float:left;
	/*padding-top:46px;*/
	background-color:#fef4de;
	background-image:url(../images/nav_sideNavBg.jpg);
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#rightCol img.image {
	position:absolute;
	top:46px;
}

#rightCol h3 {
	background-image:url(../images/h3_multiServiceCommunity.gif);
	height:88px;
	width:205px;
	margin-top:346px;
	text-indent:-9999px;
	margin-bottom:20px;
}

#rightCol h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:19px;
	color:#004B85;
	margin-bottom:5px;
	padding-left:7px;
}

#rightCol ul {
	padding-left:7px;
	padding-bottom:30px;
}

ul#rightSideNav li a {
	color:#005fa4;
	font-size:12px;	
	text-decoration:none;
	line-height:19px;
}

ul#rightSideNav li a:hover {
	text-decoration:underline;
}

ul.tabs {
	text-align:right;
	height:35px;
	padding-right:3px;
}

ul.tabs li {
	display:inline;
}

ul.tabs li a {
	padding:10px;
	background-color:#EAD3A1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFFFFF;
	text-decoration:none;
}

ul.tabs li.ui-tabs-selected a {
	background-color:#C4AA79;
}

#photosSlide_theSummit,
#photosSlide_theCanyon,
#photosSlide_theHighland,
#photosSlide_theRidge,
#photosSlide_theCottage,
#photosSlide_theChalet,
#photosSlide_theVilla,
#photosSlide_theChateau {
	height:264px;
}


#photosSlide_theSummit.landscape,
#photosSlide_theCanyon.landscape,
#photosSlide_theHighland.landscape,
#photosSlide_theRidge.landscape,
#photosSlide_theCottage.landscape,
#photosSlide_theChalet.landscape,
#photosSlide_theVilla.landscape,
#photosSlide_theChateau.landscape {
	height:343px;
}


.photoHeight {
	height:264px;
}

hr {
	color:#FCB131;
	margin:40px 0;
	border:0px;
	border-bottom:3px solid #FCB131;
}

#contactForm {
	width:364px;
	margin-left:152px;
}

#contactForm label {
	width:150px;
	display:inline-block;
	margin-bottom:10px;
}

#contactForm input, #contactForm textarea {
	padding:5px;
	border:1px solid #C2AB79;
	width:200px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#contactForm input[type="submit"] {
	border:0px;
	padding:5px;
	width:64px;
	margin-top:10px;
}

#contactForm input[type="submit"]:active, #contactForm input[type="submit"]:focus {
	background-color:#FF9933;
}

#contactForm input:focus, #contactForm textarea:focus {
	background-color:#fffaee;
}

#contactForm td {
	vertical-align:top;
}

/*****Footer*****/

#footer {
	clear:left;
	font-size:12px;
	line-height:17px;
	padding-top:20px;
	margin:0 auto;
	width:775px;
}

#footer h1 {
	background-image:url(../images/h1_footerLogo.gif);
	width:166px;
	height:141px;
	text-indent:-9999px;
	float:left;
	margin-top:-10px;
	margin-right:10px;
}

#footer p {
	display:block;
	float:left;
	width:560px;
}

#footer p#equalHousing {
	background-image:url(../images/icon_equalHousing.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:33px;
	font-weight:bold;
	color:#00508d;
}

table.intro {
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align:top;
}

table.intro td {
	font-size:12px;
	color:#1f5b98;
	padding-bottom:20px;
}

table.intro td.left {
	font-weight:bold;
	text-align:right;
	font-size:18px;
	width:221px;
	padding-right:20px;
}

/*****Etc*****/

.ui-tabs-hide { display: none; }