/* Vail AZ New Homes */

html {scrollbar-base-color:#ACB969; margin:0; border:0; padding:0; }

* { margin:0;
    padding:0; }
   
body { width:980px; height:auto; border:#6633FF thin solid;
       margin:0 auto; border:0; padding:0; 
       font-family: Arial, Helvetica, sans-serif ; }


/****** header 
  ****************************************************/
#header { width:980px; height:120px;
          position:relative;
		  margin:0;
          padding:0; 
          background: #fff url('../images/header/arch_oro_copper.jpg');
          background-repeat:no-repeat; }
   
#header h1 { margin:0 0 0 30px;
             padding:0px 0 0 30px;
             font-family: Arial, Verdana, Helvetica, sans-serif;
             color:#000;               /* #116D16; */     /* #484848;*/			 
			 font-style:italic;
             font-size:1.6em;
             font-weight:600; }   

#header p { margin:0px 0 0 75px;
            padding:0px 0 5px 15px;
			font-size:1.0em;
			font-weight:550;
			font-style:italic;
            font-family: Helvetica, Arial, Verdana, sans-serif;
            color:#000;}
			
/****** menu background container 
  ****************************************************/

#navigation { width:980px; height:30px; 
              position:absolute; left:0px; top:95px;
              margin:0; 
			  border-top:#AD2500 1px solid; }
/* End menu navagation container 
   **************************************************/			
   
#outerwrapper { width:980px; height:auto; 
                background-color: #fff;
                margin:0; border:0;
				padding:0;
				font-size:0.8em;
				word-spacing:0.2em;
                line-height: 1.5em;
                color:#635141; }
   
#innerwrapper { width:760px; height:auto;/* border:#6633FF thin solid;*/ 
                float: left; 
                margin:0; padding:0; }
   
#content { width: 550px;
           float: left; }
   
#contentmid { width:520px; height:auto; /*border:#FF0000 thin solid;*/
              float: right;
			  margin:10px 0px 0 0px;
			  padding:15px 15px; }
			  
#contentmid h1 { margin:20px 0 0 25px;
                 font-size:1.3em;
				 font-style:italic; 
                 color:#9C6500; }		  

/* videos in channel 12 page
   ******************************************************* */
.home_1 { width:280px; height:auto; margin:0; padding:0; border:0;}

.home_1 p {text-align:center; padding:0 0 10px 0;}

.home_1 object { padding:0 0 10px 0;}
/* end videos in channel 12 page 
  ******************************************************** */
		   


/* Do not change the (height or position of this textbox 
   it clears the drop menus on the (green_videos) page 
  *********************************************** */
#textbox { width:550px; height:auto;
           min-height:250px;
           margin:0;
		   padding:0px 10px 15px 10px; }

#textbox h1 { width:550px; height:40px;
              margin:0 0 15px 0px;
			  padding: 10px 0 0px 0;
			  font-family: Arial, Verdana, Helvetica, sans-serif;
			  font-style:italic;
              text-align:center;
			  color:#000066;
              background: url('../images/content/red_banner_50.jpg');
			  background-repeat:no-repeat;
			  background-position:center; }
/* end clear menus(green_videos and sliding video) pages
  ******************************************************** */
 
 
 /* The quick connect links on the home page
   center column of home page offers box 
   ************************************************ */
#quick_connect  { width:500px; height:360px;
                  margin:0 0 0 10px;
			      padding:10px 0 0 0;
				  border:0px;
				  background: url('../images/connect/new-green-bg.jpg')  ;
				  background-repeat:no-repeat;
				  background-position:top; } 
				  
#quick_connect .display { width:460px; height:320px;
                          padding:10px 0px 0px 0px;
		                  border:none;
		                  margin:0px 20px 5px 20px; }


#quick_connect .display h1 { width:440px; height:30px;
                     margin:-10px 0 0px 0px;
			         padding:8px 0 0 0;
					 color:#DFFF00;
					 text-align:center;
                     font-style:italic;
					 font-size:1.4em; }

 

.offers { width:440px; height:260px;
          margin:10px 0px 0px 10px;
          padding:5px 0 0px 0;
		  border:0; }

.offers p { text-align:center; }		  


.quicklinks { width:130px; height:230px;
              margin:0 0 0 5px; 
		      padding:0 5px 0 5px; 
              border-right: 1px dotted #CBCBCB;}

.quicklinks h3, #buyers h3, #sellers  h3 { color:#FFFF00; 
           /* border-bottom: 1px solid #FFFF00;*/ 
			font-size:12px;
            text-align:center; } 
.quicklinks h3 a { color:#FF0; }
.quicklinks h3 a:active { color: #C30; }

.newbuilders { margin:100px 0 0px 0 ; }
.newbuilders h3 a { color:#FF0; }
.newbuilders h3 a:active { color:#C30; }

.featurehomes { margin:100px 0 0px 0 ; }
.featurehomes h3 a { color: #FF0; }
.featurehomes h3 a:active { color:#C30; }

.newhomebuyers { margin:100px 0 0px 0 ; }	
.newhomebuyers h3 a { color: #FF0; }
.newhomebuyers h3 a:active { color:#C30; }

/*.quicklinks img { text-align:center; }*/
		   
#buyers { width:130px; height:230px;
          padding:0 5px 0 5px; 
          margin:-230px 0 0 145px; 
          border-right: 1px dotted #CBCBCB;}
#buyers h3 a { color:#FF0; }
#buyers h3 a:active { color:#C30; }		  			 
			   
#sellers { width:130px; height:230px;
           padding:0 0 0 5px; 
           margin:-230px 0 0 303px; }
#sellers h3 a { color:#FF0; }
#sellers h3 a:active { color:#C30; }		   
			   
/* end top of home page quick connect links box 
   ************************************************ */

 /* videos  page
   ******************************************************* */
.home_1 { width:280px; height:auto; margin:0; padding:0; border:0;}

.home_1 p {text-align:center; padding:0 0 10px 0;}

.home_1 object { padding:0 0 10px 0;}

#quick_connect1, #quick_connect2, #quick_connect3, #quick_connect4,
#quick_connect5, #quick_connect6, #quick_connect7, #quick_connect8,  
                { width:500px; height:360px;
                  margin:20px 0 0 10px;
			      padding:10px 0 0 0;
				  border:0px;
				  background: url('../images/connect/new-green-bg.jpg')  ;
				  background-repeat:no-repeat;
				  background-position:top; } 
				  
#quick_connect1 .display, #quick_connect2 .display, #quick_connect3 .display,
#quick_connect4 .display, #quick_connect5 .display, #quick_connect6 .display, 
#quick_connect7 .display, #quick_connect8 .display, 
         { width:460px; height:320px;
           padding:10px 0px 0px 0px;
		   border:none;
		   margin:15px 20px 5px 20px; }
		  
#quick_connect1 .display h1, #quick_connect2 .display h1, #quick_connect3 .display h1, 
#quick_connect4 .display h1, #quick_connect5 .display h1, #quick_connect6 .display h1,
#quick_connect7 .display h1, #quick_connect8 .display h1,
                   { width:440px; height:30px;
                     margin:0 0 0 0px;
			         padding:0px 0 0 0;
                     font-style:italic;
					 font-size:1.4em;					 
                     text-align:center;
			         color:#000; }				  
/* end videos  page 
  ******************************************************** */ 


/* This is lower center text box in center column
   of all pages 
   ************************************************/			 
#centerText { width:500px; height:auto; /*border:#CC9933 thin solid;*/
              margin:15px 0 0 10px;
			  padding:10px 0px;  
			 /* border:#009900 thin solid;*/}			 
/* end lower center text box in center column
   of all pages 
   ************************************************ */

				 			 
/* This is right text box in center column
   of the (home) page
   ********************************************** */
#issueText { width:240px; height:305px; 
             float:right; 
			 margin:0px 0 15px 5px;
			 padding:5px  5px;
             border:#CCCCCC thin dashed; }
			 
#issueText h2 { margin:0px ;
			    padding: 5px 0;
                font-style:italic;
                text-align:center;
			    color:#000066; }			 
			 
#introText { width:500px; height:auto; /*border:#CC9933 thin solid;*/ 
			 margin:0px 0px 15px 10px;
			 padding:5px 0px 5px 0px; }
			 
#introText h1 { margin:0 0 0 25px;
                 font-size:1.2em;
				 font-style:italic; 
                 color:#9C6500; }			 			 


.special { width:460px; height:auto;
           margin:0 0 20px 10px;
           /*border: solid #CC0000 4px;*/
		   padding:5px 5px; }

.special h2 { width:380px; height:auto;
              margin:5px 20px 10px 40px;
              border-bottom:2px #333 solid;
              text-align:center;
			  font-size:1.6em;
			  color:#333; }
			 
			 
			 
.number2Text { width:530px; height:auto;
               min-height:305px; 
               float:right; 
			   margin:0px 0 15px 10px;
			   padding:5px  5px; }			 			 

/* end right text box in center column
   of the (home) page
   ************************************************ */
      

/* This is the green sustainable news feed  box in left 
   column of home page 
   ************************************************/   
#newsfeed { width:170px; height:auto;
            margin:0;
			padding:0; }
			 			    
/* End green news feed  box in left column of home page 
   **********************************************************/ 

      
 /* leftsidebar 
    ************************************************************ */   
#leftsidebar { width: 190px; height:auto;  /*border:#9933CC thin solid;*/
               float: left;
               margin:10px 0px 0 0px;
			   padding:15px 0px; }
			   
/* begin sanfrancisco slideshow ********************************* */			   
#slidecontentContainer { width:100%; margin:0 0 0px 0;
      background-color:#FFFFFF;
	/*background:#F7F7F7 url('../images/bg/contentBackground2.png') 50% 100% repeat-y;*/
/* Float left to prevent floated child divs(#article & #subContent) overflowing . aka the FnE method http://www.orderedlist.com/articles/clearing_floats_fne */
	float:left; }
	
#slidecontent { background-color:#FFFFFF;
/* Add drop shadow/fading backgound to top of content area . doesn't work on IE5/MAC */
	/*background:transparent url('../images/bg/contentBackground.png') 0 0 no-repeat;*/
/* Ensure this background tile is never cut short, min-height for Firefox and pals, _height 'hack' for Internet Exploiter */
	min-height:300px;
	_height:300px; }
	
	
#slideinfo p, #left p{ word-spacing:0.2em; }
 
#slideinfo { width:580px; float:left;
	         padding:40px 0 0px 0;
	         margin-left:240px;
			 font-size:1.1em;
		     line-height:1.7em;
		     color:#635141; }
		   
#slideinfo ul li { color:#9C6500; font-weight:bold; text-align:left; }
	
#slideinfo h1 { margin:15px 0; text-align:center; 
                font-size:1.5em; color:#9C6500; }

#slideinfo h2 { margin:15px 0; font-size:1.5em; }


#slideinfo p strong { color:#98533B; }	
	
.slideshowcontainer { width:520px; height: 580px;
                      margin:18px 0 0 0px;
            /* background:url(../images/slideshow/bg-platinum-black.jpg) repeat-y;*/ }
			 
			 
			 	
.slideshow { width:580px; height: auto;
             border:none;
             margin: 0px 0 0 -20px; }
			 
#slideleft { position:absolute; top:160; left:20px; padding:95px 0 0 0;
/* Fix double margin bug in IE on floats using display:inline */
	         display:inline;
	         float:left; 
             width:200px; height: 560px; }

/* end sanfrancisco slideshow **************************************** */
			   
/* begin sweetwater slideshow **************************************** */			   
#homefeatures {  height: 170px; padding:20px 0 0 0;
                /* background:url(../images/slideshow/bg_slideshow_left.jpg);*/}
				 
#homefeatures ul li { text-align:left; margin:0 0 0 0px;}			   
/* end sweetwater slideshow */

			   		   			   
/* rightsidebar
   ********************************************************************** */   
#rightsidebar { width: 190px; height:auto; /*border:#9933CC thin solid;*/
                float: right; right:0px; top:0px; 
                margin:10px 0 20px 0px;
				padding:15px 0px 0px 0px;  }
				
.columnRight { width: 170px; height:auto;
               margin: 0px 5px 15px 5px;
			   padding:0 5px;  
               list-style: none; }				

.columnRight ul, .columnRight ol { list-style: none; }

.columnRight li { line-height: 1.2; }
   
.columnRight h2 { margin:0px ;
			      padding: 5px 0 15px 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }   
 
.columnRight h3 { margin:20px 0 20px -15px;
			      padding: 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }  
   
.columnRight h4 { margin: 0px;
                  padding:0; 
                  font-size: 10pt; 
                  font-weight: bold; }
				  
#google { width:150px; height:60px;
          padding:0 0 0 10px;
          margin:0; }
   
/****** Sidebar Items in both columns 
  ****************************************************/
.SidebarItem { width:170px; height:auto; margin:0px 5px 15px 5px; }

.SidebarItem p img { margin:15px 0 15px 0; }
   
.SidebarItem ul, #SidebarItem ol { list-style: none; }

.SidebarItem li { line-height: 1.2; }
   
.SidebarItem h2 { margin:0px ;
			      padding:5px 0 5px 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }   
 
.SidebarItem h3 { margin:10px 0 10px -15px;
			      padding: 0;
                  font-style:italic;
                  text-align:center;
			      color:#000066; }  
   
.SidebarItem h4 { margin: 0px;
                  padding:0; 
                  font-size: 10pt; 
                  font-weight: bold; }
				  
.SidebarItem h6 { margin:-8px 0 0 0px;
                  padding:0;
				  text-align:center; 
                  font-size: 7pt; 
                  font-weight: bold; }
				  				  		  
.features { width:170px; padding:0 5px;}

.features h3 { margin:0px;}				  
/* End Sidebar Items in both columns  
   **************************************************/
    				   
/* Info green menu bar in left column
   **************************************************** */
#lower_links { width:176px; height:auto; 
               margin:25px 0 0 -15px;
               padding:0; border:0;}

#lower_links ul { width:180px; padding:0; margin:0;}

#lower_links li { width:180px; height:23px; 
                  border:0;
				  border-right:2px solid #669933;
				  border-bottom:2px solid #669933;
				  border-left:2px solid #669933;
				  padding:0 0 0 0px; }
				  
#lower_links li.first { width:180px; height:23px;
                        line-height:25px; 
                        margin:0; 
						border:2px solid #669933;
				        padding:0 0 0 0px; }				  

#lower_links a {  width:180px; height:23px;  display:block;
                       padding:0 0 5px 5px; 
					   background:url('../images/left/left_link1a.jpg') no-repeat;
					   text-align:left;
					   color:#FAE09C;
	                   font-size:1.0em;
	                   font-weight:bold;
    /* Line height same as height, which puts the text vertically centered */
	                   line-height:25px;
	                   text-decoration:none; }
						 
#lower_links a:hover {  width:180px; height:24px; display:block; 
                       padding:0 0 0 5px; margin:0;
                       background:url('../images/left/left_link2a.jpg') no-repeat;
					   color:#000066;
                       text-align:left;
					   font-weight:bold;
					   font-size:1.0em;
					   line-height:25px; }
					   
#lower_links h3 { margin:0 0 0 15px;}					   
					
/* ********************************************************** */				    


/* feature homes slideshow
  **************************************************************/
#featurehome { width:170px; height:135px;
               margin:0 0 5px -5px; 
			   padding:0;
			   background:#FFFFFF; }

#featurehome h3 { font-size:1.1em; margin:0px 0 0px 0; padding:0;}

#featurehome h6 { margin:5px 0 5px 0; text-align:center; }

/* menu links in left column
  **************************************************************/
 
/***** General Styles *****/
a { color: #337766;
    text-decoration:underline;
    font-weight: bold; }
   
a:hover { color: #9C291D;
          text-decoration: none; }
   
a img { border:0; }

p { margin-bottom: 10px; }


h1 { font-size: 1.4em;
     font-weight: bold;
     color: #111;
     line-height: 1.4;
     margin: 0 0 5px 0; }
   
h2 {
   font-size: 1.25em;
   font-weight: bold;
   color: #111;
   line-height: 1.2;
   margin: 0 0 5px 0; }
   
h3 {
   font-size: 1.1em; 
   display: block; 
   margin: 10px 0; }
    
h4 {
   margin-bottom: 15px; 
   font-size: 10pt; 
   font-weight: bold; }
   
ul, ol { list-style-position: inside; } 

/****** Searchbox ******/
#logo  { width: 980px; height: 23px; 
         padding:0; }
 
   			 

/******* Begin Footer 
  *****************************************************/
#footer { width: 980px; height: 70px;
          clear: both;
		  background: #ddd url('../images/footer/red_gradient.jpg') no-repeat;
		  background-position:bottom; 
          color: #fff;   
          font-size: 0.8em;
          font-weight: bold;
          margin:0;
		  padding:0; }
		  
#footer p { font-weight: bold; 
            padding: 5px 0 5px 10px; }
			
#footer #eho { width:60px; height:30px;
               padding: 0px;  
               margin:-48px 0 0 250px; }
			   
#footer #broker { width:150px; height:70px;
                  margin:-31px 0 0 420px; 
                  padding: 0px;  
                  line-height:12px; }
				  
#footer #broker strong { margin:0px 0 0 0px;  }				  
			   
#footer #mls { width:80px; height:35px;
               float:right; clear:both;
			   margin:0px;
               padding: 0px;  
               margin:-72px 260px 0 0; }

#footer a { color: #fff;
            text-decoration: underline; }
			
#footer a:hover {color: #000; }
/******* end footer 
 ********************************************************** */
 

/* Green videos in Green Videos page
   ******************************************************* */
.video_holder { width:270px; height:340px;
                float:left;
				/*position:relative; z-index:-5;*/
				margin:0px 0 0px 4px;
				padding:0;  
				border:0; }
				
.video_holder p {text-align:center; padding:0 0 10px 0;}

.video_holder object { padding:0 0 10px 0;
                       margin:0; 
                       position:relative; z-index:-3; }
				
.hr_spacer { width:520px; height:10px;
             float:left;
             margin:20px 0 20px 0px;
			 padding:0; 
			 border:0;
             background: #009900 url('../images/content/hr_colors_10.jpg');
			 background-repeat:no-repeat; }			
/* End Green videos in Green Videos page 
  ********************************************************* */ 
#videocontact { width:600px; height:auto; border:#993300 thin solid;
                margin:0 0 0 40px; padding:0;}
			  
 
 
/* This is the MP3 Player in center column
   of the (knst) page
   ********************************************** */
   
        
.mp3Player { width:420px; height:360px;
             margin:0px 0 0 20px;
	         padding:20px 0px 20px 100px;
			 border:#003399 thin dashed; }
			 
.mp3Player p { margin:0 0 0 0px;
	           padding:0px;
			   font-size:10px; }
			   			  

/* end of the MP3 Player in center column
   of the (knst) page
   ************************************************ */


/******* contact or reader survey form 
 ********************************************************** */

#emailContentmid { width: 535px; 
                  /*border:#000099 thin solid;*/
                  float: right;
			      padding:15px 0 0 15px;
                  margin-right: 0px; }
				  
#emailContentmid h1 { margin:30px 0 0 25px;
                      font-size:1.3em;
				      font-style:italic; 
                      color:#9C6500; }

#emailContentmid #help { width:450px; height:290px;
                         margin:0 0 0 0; padding:0;}

#contact { width:500px; height:auto;
           margin:0 0 0 0; padding:0;}		   

fieldset { width: 500px; height:auto;
           float:left; 
		   clear:left;
           margin:0;
           margin-bottom:30px; }
		   
ledgend { width:500px; height:100px;
          margin:0; padding:0;
          color:#990000;   
		  font-size:1.1em; 
		  font-weight: bold; 
		  font-family: arial,verdana,sans-serif;  }		   

#contact ol { width:500px; height:auto; margin:6px 0px 0 0;
              list-style-type:none; }
			 
#contact ol li { width: 500px; height:35px; float:left; clear:left; 
                 margin:0px 0px 0 0px; 
			     padding: 8px 0;
				 text-align:left;  }
			  
			  
#contact ol li input { height:15px;
                       float:none;
                       margin:0px 0px 0px 0;
					   padding:2px 0;  
                       border-style:ridge;
					   border-color:#BFBFBF;
					   border-width:2px;   
				       background:#E4E4E4;
                       font-size: .9em; 
					   font-style: normal; 
					   font-family: arial, verdana, sans-serif; }	
					   

#contact ol li radio { margin: 0;
					   padding:5px 0 0 0; }
			   					   
#contact ol li select { padding:0;
                        margin: 0; 
                        font-size: 0.9em; font-style: normal; 
						font-family: arial, verdana, sans-serif; }

.cell-1 { background-color:#DDFFCC; }			  
.cell-2 { background-color:#FFFFCC; }
.cell-3 { background-color:#FFFF99; }

.comments { width:500px; height:120px; }
	
.textarea { width:360px; height:50px;
            margin:0 0 5px 5px; padding:0;
		    text-align: left; } 
 /*          background: url('../picts/content/shadeform333.gif') no-repeat;  }
*/
.shadeform { width: 200px; margin-left:0px; /* text input box  */
              font-size: 1.1em; font-family: arial, verdana, sans-serif;
/*	          background: url('../picts/content/shadeform333.gif') no-repeat; */ 
			  text-align: left;  
			  border:3px groove;  }
			  
#notice { width:450px; font-size:0.7em;  }

#buttons { width:300px; height:60px;
           /*border: #CC0033 thin inset;*/  
           padding-left:20px;  }
		   
		   			  			  			  
#buttons ol li input { width:60px; height:25px; 
                       margin:0 0 0 0px;
					   padding:0px 0; }

.space-left { margin-left:140px;  }/* moves privacy link between the buttons to the left */			.submit {  margin:0 0 0 300px;}
  
/******* end contact or reader survey form 
 ********************************************************** */

/* begin advertise and archive pages 
  **************************************************************** */
#frameheader { width:auto; height:auto;
               position:relative; z-index:-3; 
               margin: 15px 0 0 0; padding: 0px; }

#frame-content { width:800px; height:auto;
                 position:relative; 
				 clear:left; 
                 margin: 0px 0 0 0; 
				 border:0px; 
				 padding: 0px; 
                 background-color: #FFF; 
				 text-align: center; 
				 font-size: 14px; font-family: arial, verdana, sans-serif; 
				 font-weight:200; }

a.frame:link,  a.frame:visited  { width:300px; height:30px; 
                  color:#000;
                  font-size: 12px; font-family: arial, verdana, sans-serif; 
				  font-weight: bold; 
                  text-decoration: underline; 
                  padding: 1px 4px 4px 4px; 
				  border-bottom:2px; border-bottom-color:#4281c4; }
				  
				  
a.frame:active	{ color:#009900; height:30px; font-size: 1.0em; 
                  font-family: arial, verdana, sans-serif; 
                  font-weight: bold; 
                  text-decoration:underline; padding: 0px; }
				  
a.frame:hover	{ color:#FFFF00; height:25px; font-size: 1.0em; 
                  font-family: arial, verdana, sans-serif; 
                  font-weight: bold; 
                  text-decoration:none; padding: 0px;  }