/*  SCOTTS CREEK  */
/*  www.scottscreek.com  */
/*  Version: v1.1 


/*  STYLES
******************************************************************/

	*								{margin:0; padding:0;}
	body							{background:#2b2016; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#222;}
	img								{border:none;}
	hr								{display:none;}
	sup								{font-size:50%;}
	a								{color:#222;}
	a.click							{font-weight:bold; text-decoration:none; padding:1px 24px 1px 0; background:url(../images/click.gif) right no-repeat;}
	a.click:hover					{text-decoration:underline;}
	a.clickback						{font-weight:bold; text-decoration:none; padding:1px 24px 1px 25px; background:url(../images/clickback.gif) left no-repeat;}
	a.clickback:hover				{text-decoration:underline;}
	dl								{margin-bottom:1.8em;}
	dl a							{text-decoration:none;}
	dl a:hover						{text-decoration:underline;}
	dt								{font-weight:bold;}
	dd								{margin-bottom:1em;}
	.clear							{clear:both;}
	.hrzrule						{height:4px; margin:1em 0; background:url(../images/bg_headline.gif) bottom right no-repeat;}
	.hide							{display:none;}

/*  TOP
******************************************************************/
	
	#outer							{background:#af9a7a url(../images/bg_main.gif) top repeat-x;}
	#container						{margin:0 auto; width:776px; position:relative;}
	
	#top 							{height:36px; position:relative; z-index:3;}
	#top ul							{position:absolute; top:0; left:182px; list-style-type:none;}
	#top li							{float:left;}	
	#top #logo						{position:absolute; left:40px; top:1px; width:123px; height:141px;}	


/*  NAVIGATION
******************************************************************/

	#nav a							{height:36px; background:url(../images/main_navigation.gif); display:block; text-indent:-999em; border-left:solid 1px #000; outline:none;}
	
	#nav #home						{width:44px; background-position:-0px 0;}
	#nav #home.current				{background-position:0 36px;}
	#nav #home:hover				{background-position:0 72px;}
	
	#nav #siteplan					{width:59px; background-position:-44px 0;}
	#nav #siteplan.current			{background-position:-44px 36px;}
	#nav #siteplan:hover			{background-position:-44px 72px;}
	
	#nav #neighborhood				{width:82px; background-position:-103px 0;}
	#nav #neighborhood.current		{background-position:-103px 36px;}
	#nav #neighborhood:hover		{background-position:-103px 72px;}
	
	#nav #devteam					{width:105px; background-position:-185px 0;}
	#nav #devteam.current			{background-position:-185px 36px;}
	#nav #devteam:hover				{background-position:-185px 72px;}
	
	#nav #areainfo					{width:95px; background-position:-290px 0;}
	#nav #areainfo.current			{background-position:-290px 36px;}
	#nav #areainfo:hover			{background-position:-290px 72px;}
	
	#nav #news						{width:43px; background-position:-385px 0;}
	#nav #news.current				{background-position:-385px 36px;}
	#nav #news:hover				{background-position:-385px 72px;}
	
	#nav #gallery					{width:51px; background-position:-428px 0;}
	#nav #gallery.current			{background-position:-428px 36px;}
	#nav #gallery:hover				{background-position:-428px 72px;}
	
	#nav #contact					{width:67px; background-position:-479px 0; border-right:solid 1px #000;}
	#nav #contact.current			{background-position:-479px 36px;}
	#nav #contact:hover				{background-position:-479px 72px;}
	

/*  MAIN
******************************************************************/

	#main 							{width:767px; height:378px; background:url(../images/main_00.jpg); position:relative; z-index:2;}	
	#main h2,#main p				{display:none;}
	#main a 						{}
	#main img 						{position:absolute; z-index:1;}
	
	#main a#prev					{position:absolute; top:304px; left:669px; width:25px; height:20px; display:block; position:absolute; z-index:2; background:url(../images/controls_previous.png) no-repeat; line-height:999em; overflow:hidden; outline:none;}
	#main a#control 				{position:absolute; top:302px; left:697px; width:25px; height:20px; display:block; position:absolute; z-index:3; background:url(../images/controls_pause.png) no-repeat; line-height:999em; overflow:hidden; outline:none;}
	#main a#control.play 			{background:url(../images/controls_play.png) no-repeat; outline:none;}
	#main a#control.pause			{background:url(../images/controls_pause.png) no-repeat; outline:none;}
	#main a#next 					{position:absolute; top:300px; left:725px; width:25px; height:20px; display:block; position:absolute; z-index:4; background:url(../images/controls_next.png) no-repeat; line-height:999em; overflow:hidden; outline:none;}

	.home 							{background:url(../images/main_01.jpg);}	
	.neighborhood 					{background:url(../images/main_02.jpg);}	
	.siteplan	 					{background:url(../images/main_03.jpg);}	
	.designguidelines				{background:url(../images/main_04.jpg);}	
	.devteam						{background:url(../images/main_05.jpg);}	
	.areainfo						{background:url(../images/main_06.jpg);}	
	.news							{background:url(../images/main_07.jpg);}	
	.pressreleases					{background:url(../images/main_08.jpg);}	
	.gallery						{background:url(../images/main_09.jpg);}	
	.contact						{background:url(../images/main_10.jpg);}	


/*  HOME
******************************************************************/

	#homecontent					{background:url(../images/content_vertical.gif) top center no-repeat; padding:12px 0 60px 0;}
	#homecontent .homecolumn1		{width:324px; float:left; padding-left:40px;}
	#homecontent .homecolumn2		{width:324px; float:right; padding-right:30px;}


/*  CONTENT
******************************************************************/

	#content						{background:url(../images/content_vertical.gif) no-repeat; padding:12px 0 60px 0; background-position:490px 0;}
	#content.wide					{width:697px; padding-right:30px; padding-left:40px; background:none;}
	h2.siteplan						{background:url(../images/bg_headline2.gif) bottom right no-repeat!important; }
	div.siteplanintro				{padding-left:170px; padding-top:16px;}
	
	#content ul						{margin-left:18px;}
	
	#content div.column1			{width:424px; float:left; padding-left:40px;}
	#content div.column2			{width:224px; float:right; padding-right:30px;}
	#content div.column2 dl			{font-size:.95em;}
	#content div.column2 p			{font-size:.95em;}
	#content div.column2 a.click	{font-size:12px;}
	
	#content div.photo_left			{float:left; background:#938268; padding:3px; margin:0 12px 12px 0; position:relative;}
	#content div.photo_right		{float:right; background:#938268; padding:3px; margin:0 12px 12px 12px; position:relative;}
	#content div.photo_left p,
	#content div.photo_right p		{color:#e7ddcf; font-size:1em; text-align:left; margin-bottom:2px; margin-left:8px;}
	#content div.photo_left img,
	#content div.photo_right img	{border:solid 1px #000;}
	#content img.enlarge			{position:absolute; bottom:26px; right:4px;}
	
	#content div.content_left		{width:400px;}
	
	#content p,	 #homecontent p		{font-family:Arial, Helvetica, serif; font-weight:normal;font-size:1em; margin-bottom:1em;}
	#content h2, #homecontent h2,
	#content h3, #homecontent h3 	{font-family:"Times New Roman", Times, serif; margin-bottom:.8em; padding-bottom:12px; font-weight:normal; font-style:italic; color:#212121; background:url(../images/bg_headline.gif) bottom right no-repeat;}
	#content h2, #homecontent h2	{font-size:1.8em;}
	#content h3, #homecontent h3 	{font-size:1.6em;}
	
	/* FORMS */
	
	fieldset						{border:none;}
	legend							{display:none;}
	label							{width:90px; float:left; text-align:right; margin-right:9px; padding-top:2px; font-weight:bold;}
	fieldset .col1					{width:45%; float:left;}
	fieldset .col2					{width:45%; float:left;}
	fieldset input,
	fieldset select					{border:solid 1px #86765e; background:#e7ddcf; padding:3px 3px 3px 6px; margin-bottom:3px; width:180px;}
	fieldset select					{width:191px;}
	fieldset input.button			{border:none; background:none; width:67px; height:17px;}
	fieldset input.city				{width:89px; margin-right:3px;}
	fieldset input.state			{width:22px; margin-right:3px;}
	fieldset input.zip				{width:41px; margin-right:3px;}


/*  FOOTER
******************************************************************/

	#footer							{background:#2b2016 url(../images/bg_footer.gif) top repeat-x;}
	#footer	a						{color:#817b75;}
	#footer	p						{font-size:.95em; color:#817b75;}
	#footer	.content				{width:776px; margin:0 auto; background:url(../images/footer_vertical.gif) top center no-repeat; padding:16px 0 80px 0;}
	#footer .content .col1			{width:324px; float:left; padding-left:40px;}
	#footer .content .col2			{width:324px; float:right; padding-right:30px;}