/*Main CSS Style Sheet*/

* {margin:0; padding:0; border:0} /* Universal Selector - REMOVES all padding & margin from EVERYTHING */

body {
    background: url(images/background.jpg);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    font-family: verdana, sans-serif;
    padding: 0;
    margin: 0;
}

#master {
    width: 1000px;
    margin: 0px auto; 
    line-height: 130%;
    padding: 0;
    min-height: 875px;
}

/* Begin Header */
#header {
    width: 1000px;
    height: 195px;
    background: url(images/header.jpg);
    border: none;
    padding: 0px;
    margin: 7px 0 0 0;
}

/* Begin navigation */	
#nav {
    position: relative;
    width: 1000px;
    height: 47px;
    padding: 0;
    margin: 0;
    z-index:500;
}

.underbar { /* Positions bottom bumper on navigation menu */
    position: absolute;
    top: 28px;
    left: 0px;
}


/* Begin content */
#content {
    position: relative;
    width: 1000px;
    z-index:0;
}

#home { /* Centers content on home page */
    width: 819px;
    margin: 0 auto;
}

/* Begin specifications for welcome paragraph oh home page */
#welcome {
    padding-left: 30px;
    font-size: 15px;
}

#welcome a {
    color: #BFCE8B;
    font-weight: bold;
    text-decoration: none;
    line-height: 26px;
}

#welcome a:hover {
    color: #A2AD71;
    text-decoration: underline;
}

#welcome a:visited {
    color: #BFCE8B;
}

#ourProps {
    position: relative;
    height: 595px;
}

#propMovie {
    position: absolute;
    top: 98px;
    left: 152px;
    z-index: 150;
}

/* Begin Property Page Content */
#propertyTitle {
    width: 600px;
    height: 145px;
    padding: 0;
    margin: 0;
}

#propertyTop { /* encases property photo and features */
    width: 951px;
    height: 480px;
    padding: 0;
    margin: 0 0 0 40px;
}

#propertyTop ul {
    list-style-type: square;
    padding: 5px;
    margin: 0 0 0 10px;
}

#propertyTop li {
    font-size: 14px;
    padding: 5px;
    margin:0; 
}

#propertyTop h2 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #033102;
    text-decoration: underline;
}

#propertyImage { /*positions location of property image*/
    float: left;
    width: 600px;
    height: 335px;
    margin: 0 30px 0 0;
    padding:0;
}

.propertyImage-v2 {
    margin-top: 20px;
}

#leaseArea { /* encases all information in 'available for lease' area */
    position: relative;
    height: 464px;
    width: 951px;
    padding: 0;
    margin: 40px 0 20px 40px;
}

#mapArea { /* positions map inside of lease area */
    position: absolute;
    top: 157px;
    left: 135px;
    height:217px;
    width:287px;
}

#addressArea { /*positions property address inside of lease area*/
    position: absolute;
    top:375px;
    left: 135px;
    width: 287px;
    padding: 0;
    margin: 0;
    font-size: 11px;
    text-align: center;
    line-height: 14px;
}

#addressArea p {
    line-height: 17px;
    padding: 0;
    margin: 0;
}

#addressArea a {
    color: #033102;
    text-decoration: none;
}

#addressArea a:hover {
    color: #BFCE8B;
}

#addressArea a:visited {
    color: #033102;
}

.leaseTitle {
    color: #033102;
    padding: 0;
    margin:7px 0 -7px 0;
    font-size: 16px;
    line-height:18px;
}

#leaseRate { /*Positions lease rate information inside of lease area */
    position: absolute;
    top: 171px;
    left: 475px;
    height: 70px;
    width: 300px;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

#leaseRate p {
    padding: 0;
    margin: 0;
}

#leaseRate a {
    color: #81895c;
    text-decoration: none;
}

#leaseRate a:hover {
    color: #BFCE8B;
}

#leaseRate a:visited {
    color: #033102;
}

#avail{ /*positions site map button inside of lease area */
    position: absolute;
    top: 185px;
    left: 775px;
    width: 137px;
    height: 45px;
}

#avail-double{ /*positions site map button inside of lease area */
    position: absolute;
    top: 190px;
    left: 700px;
    width: 205px;
    height: 69px;
    padding: 10px;
    background-color: #c1ce89;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    text-align: center;
    color: #000000;
}

#avail-single{ /*positions site map button inside of lease area */
    position: absolute;
    top: 190px;
    left: 782px;
    width: 95px;
    height: 69px;
    padding: 10px;
    background-color: #c1ce89;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    text-align: center;
    color: #000000;
}

#avail-map-img a {
    text-decoration: none;
    color: #000000;
}

#avail-map-img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 102px;
    height: 80px;
    MARGIN: 5PX 5PX 0 5PX;
    line-height: 18px;
}

#avail-flyer-img {
    position: absolute;
    top: 0px;
    left: 115px;
    height: 80px;
    MARGIN: 5PX 5PX 0 5PX;
    line-height: 18px;
}

#avail-flyer-img a {
    text-decoration: none;
    color: #000000;
}

#availLg{ /*positions site map button inside of lease area */
    position: absolute;
    top: 187px;
    left: 569px;
    width: 245px;
    height: 45px;
}

#traffic-count {
    line-height: 16px; 
    font-size: 11px; 
    background-color: #EAEAEA; 
    padding: 5px; 
    width: 930px; 
    margin: 0 auto; 
    text-align: center; 
    margin-bottom: 10px; 
    margin-right: 20px
}


/************  BUTTON HOVER APPEARANCE CHANGE STYLING *******************/	
a.button {
    display: block;
    width: 245px;
    height: 45px;
    margin:0;
    padding:0;
    text-decoration: none;
    background-image:url(images/site-map-buttonLg.gif);
    border: 0px none #000000;
}

a.button:hover { 
    margin:0;
    padding:0;
    background-position:center bottom;
}

/********** USE THIS CLASS WHEN A TEXT ITEM SITS ON TOP OF THE IMAGE BACKGROUND AND NEEDS
TO GO AWAY WHEN THE MOUSE ROLLS OVER *************************************
Use this class name in a 'SPAN' around the specific text ******************/
.displace {
    margin:0;
    padding:0;
    position:absolute;
    bottom: 0px;
}

/***********************************************************************/

#demos { /* positions demographic table inside of lease area */
    position: absolute;
    top: 331px;
    left: 475px;
    height: 115px;
    width: 445px;
    font-size: 11px;
    font-weight: bold;
}

/* Begin demographic table specifications inside of lease area */
.tableHead {
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 5px;
}

.figure {
    text-align: right;
    padding-right: 5px;
    background-color: #a5b36f;
}

.tableUnderline {
    border-bottom: solid #a5b36f 1px;
}

.source {
    font-weight: normal;
}

/* Begin property selection pages */

#selectPropertyHead{
    width: 500px;
    height: 149px;
    padding: 0;
    margin: 0 0 0 80px;
}

#selectProperty {
    position: relative;
    width: 1000px;
    height: 400px;
    background: url(images/property-selection-back.jpg);
    background-repeat: no-repeat;
    padding: 0;
    margin: 0 0 0 30px;
    display: block;
}

#selectPropertyInfo {
    position: absolute;
    top: 75px;
    left: 120px;
    width: 240px;
    height: 230px;
    text-align: center;
}

#selectPropertyInfo h2 {
    color: #47521F;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 4px;
    font-family: times;
    padding: 0 0 10px 0;
    margin: 0;
}

#selectPropertyInfo p {
    color: #808080;
    font-size: 14px;
    font-family: times;
    padding: 10px 0 0 0;
    margin: 0;
}

#selectPropertyPhoto {
    position: absolute;
    top: 58px;
    left: 363px;
    width: 539px;
    height: 270px;
    border: solid white 1px;
}

/* Begin We Support */

#supportHead {
    width: 407px;
    height: 136px;
    margin-left: 75px;
}

#supportLink {
    position: relative;
    width:888px;
    height:179px;
    background: url(images/we-support-back.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
}

#supportText{
    position: absolute;
    top: 20px;
    left: 60px;
    width: 600px;
    height: 140px;
}

#supportText h2 {
    padding:0;
    margin:0;
    font-size: 18px;
    color: #47521F;
}

#supportText p {
    padding: 0;
    margin: 10px 5px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #808080;
}

#supportText a{
    text-decoration: none;
    color: #47521F;
}

#supporText a:visited {
    color: #47521F;
}

#supportText a:hover {
    color: #BFCE8B;
}

#supportPhoto{
    position: absolute;
    top: 20px;
    left: 660px;
    width: 170px;
    height: 140px;
    padding: 10px 0 0 0;
    margin: 0;
}

#locationsPhoenix {
    position: relative;
    background-image:url(images/location-Maps/phoenix-map.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0 auto 100px auto;
    padding: 0;
    width: 800px;
    height: 800px;
    z-index:1;
}

#mapPageTitle {
    position: absolute;
    width: 600px;
    height: 145px;
    margin:0 auto;    
}

#map-flyer-btn{
    position: absolute;
    padding: 10px;
    top: 15px;
    left: -64px;
    width: 100px;
    background-color: beige;
    border: 1px #000000 solid;
    cursor: pointer;    
    text-align: center;
    z-index: 10;
}

#map-flyer-btn span {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color:crimson;
}

#map-flyer-btn img {
    margin-right: 20px;
}


/* sitemap pages ******************************/
#clickOn-notice {
    position:absolute;
    top: 119px;
    /*    left: 286px;*/
    /*    margin:0 auto;*/
    float:right;
    width: auto;
    height: auto;
    padding: .3em;
    border:1px solid black;
    background-color:#669999;
    font-weight: bold;
    color: #eed185;
    text-shadow: 1px 2px #000000;
    z-index: 2;
}



#locationsTucson{
    position: relative;
    background-image:url(images/location-Maps/tucson-map.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0 auto 100px auto;
    width: 870px;
    height: 800px;
}


/* Begin Footer */
#footer {
    width: 100%;
    height: 35px;
    background: url(images/footer.jpg);
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    z-index: 300;
}

#footer p {
    padding: 15px 0 0 0;
    margin: 0;
}

#footer a{
    color: #033102;
    text-decoration: none;
}

#footer a:hover {
    color: #BFCE8B;
}

#footer a:visited {
    color: #033102;
}


/*************  Standard image shadow code  ******************************************************/
.shadow1{
    -moz-box-shadow: 4px 4px 5x #000;
    -webkit-box-shadow: 4px 4px 5px #000;
    box-shadow: 4px 4px 5px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#000000');
}


#buckeye-map {
    position:absolute;
    height:300px;
    width:300px;
    margin:0;
    top:491px;
    left: -136px;
    background-image:url(images/location-Maps/location-map-buckeye.png);
    background-repeat:no-repeat;
    /*background-color:#ff0000;*/
    cursor:pointer;
    z-index:27;
}


#buckeye-subMap {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    height:328px;
    width:514px;
    margin:0;
    top: 300px;
    left: 39px;
    background-image:url(images/location-Maps/location-subMap-buckeye.png);
    background-repeat:no-repeat;
    /*background-color:#ff0000;*/
    z-index:28;
}




#rita-ranch-map {
    position:absolute;
    width:280px;
    height:265px;
    margin:0;
    top: 623px;
    left: 697px;
    background-image:url(images/location-Maps/location-map-rita-ranch.png);
    background-repeat:no-repeat;
    /*background-color:#ff0000;*/
    cursor:pointer;
    z-index:10;
}


#rita-ranch-subMap {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    height:328px;
    width:514px;
    margin:0;
    top: 551px;
    left: 363px;
    background-image:url(images/location-Maps/location-subMap-rita-ranch.png);
    background-repeat:no-repeat;
    /*background-color:#ff0000;*/
    z-index:11;
}


/** Building Images are layer indexed from 40 - 59 ************************/

#building-image {
    position:absolute;
    display:block;
    margin: 0;
    width:53px;
    height:42px;

    /** background-color:#FF0055;**/
    background-image:url(images/location-Maps/buildingImageRollover.png);
    background-repeat:no-repeat;
    background-position:bottom;
    cursor:pointer;
    /*    z-index:23;*/
}

#building-image:hover {
    background-position:top;
}

#building-image.peoria {
    top:383px;
    left:146px;
    z-index: 40;
}

#building-image.valleyFair {
    top:403px;
    left:239px;
    z-index: 41;
}

#building-image.at19640N31st {
   top: 298px;
   left: 213px;
   z-index: 42;
}

#building-image.bellCanyon {
 top: 320px;
 left: 239px;
 z-index: 42;
}

#building-image.arizonaAuto {
    top:311px;
    left:276px;
    z-index: 43;
}

#building-image.villageSq-1 {
    top:356px;
    left:365px;  
    z-index: 44;
}

#building-image.villageSq-2 {
    top:356px;
    left:400px;    
    z-index: 45;
}

#building-image.villageFairN {
    top:323px;
    left:390px;
    z-index: 46;
}

#building-image.totalWine {
    top:394px;
    left:403px; 
    z-index: 47;
}

#building-image.huntingtonTech {
    top:571px;
    left:365px;
    z-index: 48;
}

#building-image.fiestaPlaza {
    top:557px;
    left:474px;
    z-index: 49;
}

#building-image.profAuto {
    top:537px;
    left:584px;
    z-index: 50;
}

#building-image.northOnCamp {
    top:322px;
    left:213px;
    z-index: 40;
}

#building-image.sunstate {
    top:398px;
    left:261px;
    z-index: 41;
}

#building-image.broadwayPark {
    top: 534px;
    left: 513px; 
    z-index: 42;
}

#building-image.a245Market {
    top: 529px;
    left: 484px;
    z-index: 43;
}

#building-image.oldSpanish {
    top:582px;
    left:700px;  
    z-index: 44;
}

#building-image.ventana {
    top:351px;
    left:517px;  
    z-index: 44;
}


/*** subMap images are layer indexed 20 - 39  ******/
#subMap-peoria {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top:221px;
    left: 188px;
    z-index:20;    
}

#subMap-valleyFair {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top:245px;
    left: 284px;
    z-index:21;    
}

#subMap-19640N31st {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top:160px;
    left: 260px;
    z-index:22;    
}

#subMap-bellCanyon {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top:160px;
    left: 276px;
    z-index:22;    
}

#subMap-arizonaAuto {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top:152px;
    left: 322px;
    z-index:23;    
}

#subMap-villageSq_1 {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 205px;
    left: 404px;
    z-index:24;    
}

#subMap-villageSq_2 {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 205px;
    left: 434px;
    z-index:25;    
}

#subMap-villageFair_N {
    position:relative;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 161px;
    left: 426px;
    z-index:26;    
}

#subMap-totalWine {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 237px;
    left: -95px;
    z-index:27;    
}

#subMap-huntingtonTech {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 408px;
    left: -137px;
    z-index:11;    
}

#subMap-fiestaPlaza {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 401px;
    left: -28px;
    z-index:12;    
}

#subMap-profAuto {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 367px;
    left: 85px;
    z-index:30;    
}

#subMap-northOnCamp {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 156px;
    left: 255px;
    z-index:20;    
}

#subMap-sunstate {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 237px;
    left: 301px;
    z-index:21;    
}

#subMap-broadwayPark {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 367px;
    left: 14px;
    z-index:22;    
}

#subMap-a245Market {
    position:absolute;
    opacity:0; filter:alpha(opacity=0);
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 370px;
    left: 513px;
    z-index:23;    
}

#subMap-oldSpanish {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 426px;
    left: 190px;
    z-index:24;    
}

#subMap-ventana {
    position:absolute;
    opacity:0; filter:alpha(opacity=0); 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;

    width:514px;
    height:328px;
    top: 211px;
    left: 15px;
    z-index:24;    
}


/********** Utilities ***************************/
.centerThis {
    text-align: center;
}