/* CSS Document */
/*************************
NORMALIZE 
*****************************/
/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
border: 0px;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
}

/* Normalize anchor tag */
a {
color:inherit;
}

/************************************
END NORMALIZE 
*************************************/

/*fixes, generic classes, and other stuff*/
/*for internet explorer not accepting 'inherit' in the normalization*/

/* for fixing height issues when floating things */

.clearBoth{
clear:both;
}


a {
color:#ffffff;}

p {
margin:10px 0;
}

h1{
font-size:1.8em;
}

h2{
font-size:1.5em;
font-weight:normal;
color: #927500;
}

h3{
font-size:1.2em;
color: #927500;
}

h4{
font-size:1em;
color: #927500;
}

h5{
font-size:.8em;
}

fieldset {
position: relative;
border: 1px solid #927500;
padding: 5% 5%;
width:90%;
}

legend {
margin:0px;
}

label{
float:left;
clear:left;
width: 100px;
margin: .5em;
}


.directions {
font-size: .9em;
padding: 0 0 0 25px;
}

.errMsg {
padding: 5px;
font-size: 1em;
background-color:#333333;
color:#FF0000;
}

.msg {
margin: 10px 0;
font-size: 1em;
background-color:#333333;
overflow:hidden;
}

div{
visibility:inherit;
}
/*end fixes and stuff*/

/***************************
OVERALL SETTINGS FOR FRAMEWORK
**************************/
body {
background-color: #000000;
background-image:url('images/aspens_road.jpg');
background-position:center top;
background-attachment:fixed;
background-repeat:no-repeat;
font-size:62.5%; /*sets one em to about 10 pixels */
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color:#CCCCCC;
}

div#bodyContainer {
position:relative;
}

#wrapper {
position: absolute;
top: 0px;
left: 50%;
width: 770px;
/*next three lines set min height including a hack for <ie7 and others*/
/* NOT USING NOW 
min-height:600px;
height:auto !important;
height:600px;
*/
margin-left: -385px;
display:block;
background-color:#000000;
font-size:1.2em;
line-height:1.2;
}

/* end overall framework settings */

/****************************************
HOME LAYOUT FRAMEWORK
******************************************/

/*home layout*/
#headerHome {
position: absolute;
width:771px;
height: 266px;
background-color: #000000;
background-image:url('images/aspens_homeHeader.jpg');
background-position:right;
background-repeat: no-repeat;
}

#logo {
position:absolute;
top: 5px;
left: 10px;
width: 150px;
height: 107px;
}

/*primary navigation*/
#navMainHome {
position:relative;
top:115px;
background-color:#000000;
height:25px;
z-index:2;
border-top: 1px solid #927500;
border-bottom: 1px solid #927500;
}

#navMainHome h3{
float:left;
padding: 3px 0 0 40px;

}

#navMainHome ul{
float:right;
}

#navMainHome li{
float:left;
padding:5px 7px;
height:15px;
font-variant:small-caps;
letter-spacing:.1em;

}

#navMainHome a{
text-decoration:none;
color:#cc9933;
font-size:.9em;
}

#navMainHome a:hover{
text-decoration:none;
color: #ffffff;
}

#footerHome {
position:relative;
height: 10px;
padding: 10px 10px ;
border-top:1px solid #333333;
text-align:right;	
}

#footerMoreOptions {
float:left;
}

/*home content framework*/
#contentHome {
position:relative;
top: 90px;
right: 0;
width:100%;
/*this bottom margin takes into account the distance moved from 'normal-flow' position (130px from top) to allow for the footer to go underneath*/
margin-bottom:160px;
/*next three lines set min height including a hack for <ie7 and others*/
min-height:450px;
height:auto !important;
height:260px;
font-size: 1.2em;

}
/*end home content*/


/*************************************
DEFAULT/SECONDARY LAYOUT FRAMEWORK
**************************************/

/*default(secondary) layout*/
#headerDefault {
position: absolute;
width:770px;
left:1px; /* to get rid of 1px difference on right side of header with ie6*/
height: 266px;
background-color: #000000;
background-image:url('images/aspens_homeHeaderBlank.jpg');
background-position:center top;
background-repeat:no-repeat;
}

#logoDefault {
position:relative;
top: 10px;
left: 10px;
}

/*primary navigation*/
#navMainDefault {
position:relative;
left: 20%;
top:45px;
background-color:#000000;
width: 80%;
height:25px;
border-top: 1px solid #927500;
border-bottom: 1px solid #927500;
}

#navMainDefault ul{
float:right;
}

#navMainDefault li{
float:left;
padding: 5px 7px;
font-variant:small-caps;
letter-spacing: .1em;
height:15px;

}

#navMainDefault a{
text-decoration:none;
color:#cc9933;
font-size:.9em;
}

#navMainDefault a:hover{
text-decoration:none;
color: #ffffff;
}

#defaultHeading{
position:relative;
top: -30px;
left: 0px;
width: 100%;
margin: 20px 0px; 
text-align:center;
}

h1.pageHeading {
position:relative;
padding: 5px 20px;
margin: 0px auto; /* to appear to line up with content below, set negative margin equal to border of h3 below */
font-variant:small-caps;
font-size: 1.4em;
letter-spacing:1.2pt;
color:#ffffff;
}

a.pageHeading{
position:absolute;
top: 20px;
left:0;
text-decoration:none;
font-variant:small-caps;
font-weight:bold;
padding: 5px 5px 5px 25px;
margin: 20px 0 0 0px;
background-image:url("images/back_button_off.gif");
background-position:left;
background-repeat:no-repeat;
}

a.pageHeading:hover{
text-decoration:none;
background-image:url("images/back_button_on.gif");
background-position:left;
background-repeat:no-repeat;
}

a.logout{
position:absolute;
top: 20px;
right:0;
text-decoration:none;
font-variant:small-caps;
font-weight:bold;
padding: 5px 25px 5px 5px;
margin: 20px 0 0 0px;
width:30px;
background-color:#666666;
}

a.logout:hover{
color:#666666;
background-color:#FFFFFF;

}

#subNavTop {
position:relative;
top:0px;
left:0px;
height:40px;
padding: 0 0 0 10px;
background-color:#000000;
}

#subNavTop li{
display:inline;
padding:2px 5px 2px 0;
border-right: 2px solid #333333;
}

#subNavTop a{
font-size:.8em;
}

#subNavTop a:hover{
text-decoration:none;
color: #ffffff;
}


.prevNext{
position:relative;
height: 20px;
width: 500px;
}

.prevNext a{
text-decoration:none;
font-size:.8em;
}
.prev{
float:left;
padding: 5px 13px;
background-image:url("images/back_button_sm_off.gif");
background-position:left;
background-repeat:no-repeat;
}

.prev:hover{
float:left;
padding: 5px 13px;
background-image:url("images/back_button_sm_on.gif");
background-position:left;
background-repeat:no-repeat;
}

.next{
float:right;
padding: 5px 13px;
background-image:url("images/forward_button_sm_off.gif");
background-position:right;
background-repeat:no-repeat;
}

.next:hover{
float:right;
padding: 5px 13px;
background-image:url("images/forward_button_sm_on.gif");
background-position:right;
background-repeat:no-repeat;
}


/*default(secondary) content */
#contentDefault{
position:relative;
top:100px;
left:0px;
/*this bottom margin takes into account the distance moved from 'normal-flow' position (130px from top) to allow for the footer to go underneath*/
margin: 0px auto 130px auto;
padding: 0px 0px;
width: 750px;
/*next three lines set min height including a hack for <ie7 and others*/
min-height:350px;
height:auto !important;
height:350px;
font-size:1.2em;
}

/***************************************
begin footer 
*******************************************/
#footerDefault {
position:relative;
padding: 10px 0 10px;
width:100%;
border-top:1px solid #333333;
color:#666666;
font-size:1em;
}

#footerDefault a{
color:#666666;
}

span.defaultPhone {
float:left;
font-size:1.3em;
margin-top: -25px;
padding: 23px 10px 0;
color: #927500;
}

span.footerMoreOptions{
float:right;
padding: 0 10px;
}

#subNavBottom {
float:left;
top:0px;
left:0px;
background-color:#000000;
}

#subNavBottom li{
display:inline;
padding:2px 5px 2px 0;
border-right: 2px solid #333333;
}

#subNavBottom a{
font-size:.8em;
}

#subNavBottom a:hover{
text-decoration:none;
color: #ffffff;
}

a.returnBottom{
position:absolute;
top: -50px;
right:20px;
text-decoration:none;
font-variant:small-caps;
font-weight:bold;
padding: 5px 5px 5px 25px;
margin: 20px 0 0 0px;
background-image:url("images/back_button_off.gif");
background-position:left;
background-repeat:no-repeat;
}

a.returnBottom:hover{
background-image:url("images/back_button_on.gif");
background-position:left;
background-repeat:no-repeat;
}

/******************************************
end footer

/* END SECONDARY FRAMEWORK */


/********************
MAIN CONTENT PAGES
*********************/

/*home content*/

#mainContentHome{
position:relative;
}

#mainHome{
position:relative;
top: 	0px;
left: 38px;
width: 425px;
height: 318px;
padding: 1px;
}

#homeInfo {
position: absolute;
top: 75px;
right: 38px;
/* want total width to be 295 to make image .62 of 770px and this box .38 (divine) */
width: 247px;
padding: 10px;
border: 2px outset #927500;
background-color:#000000;


}

#homeInfo a{
display:block;
background-image:url('images/gold_underline.jpg');
background-repeat:no-repeat;
background-position: bottom right;
height:30px;
text-decoration:none;
text-align:right;
font-variant:small-caps;
font-size:1em;
font-weight: bold;
color: #927500;
}

#homeInfo a:hover {
color: #FFFFFF;
}

#homeButtons{
position:relative;
padding-top: 70px;
width: 770px;
height:100px;
}

a.homeButton{
display:block;
height:75px;
width:200px;
border:3px outset #927500;
}

a.homeButton:hover{
border:3px outset #ffffff;
}

#homeButtons li span a{
display:block;
color: #927500;
font-variant:small-caps;
font-size:1.4em;
font-weight:normal;
letter-spacing:1pt;
text-decoration:none;
text-align:center;
}

#homeButton1{
position:absolute;
left: 38px;
}

#homeButton2{
position:absolute;
left: 282px;
}

#homeButton3{
position:absolute;
right: 38px;
}





/*end home content*/

/* about content */

#about{
position:relative;
width: 750px;
}

.employee {
width: 700px;
position:relative;
margin:auto;
}

div.employeeImg{
float: right;
padding: 15px;
border: 1px solid #927500;
}

div.employeeCaption{
font-size: .9em;
text-align:center;	
padding-top: 3px;
}

div.employee h3{
padding: 10px 0;
}

/* end about content */

/* gallery content */
#gallerySection {
position:relative;
top:0;
left:0px;
width: 100%;
}

.galleryDisplay{
position:relative;
top: 0;
left: 0;
width: 698px;
margin: 0 auto;
padding: 10px;
}

.galleryBox {
float:left;	
width: 200px;
margin: 10px 40px 0 0;
}

.galleryBoxEndRow {
float:left;
width: 200px;
margin: 10px 0px;
}

a.galImg {
display: block;
width: 200px;
height:145px;
text-align:center;
border: 3px outset #927500;
}

a.galImg:hover {
display: block;
width: 200px;
height:145px;
text-align:center;
border: 3px outset #ffffff;
}

.galleryImg img {
width: 200px;
height: 145px;
}


.galleryImg a.noImg {
display: block;
width: 200px;
height:145px;
text-align:center;
}

.galleryImg a.noImg:hover {

}

.galleryImg span a {
position:relative;
display:block;
width: 200px;
height:20px;
color: #927500;
font-variant:small-caps;
font-size:1.3em;
font-weight:normal;
letter-spacing:1pt;
text-decoration:none;
text-align:center;
}

.galleryImg span a:hover {
color: #ffffff;
}

.galleryImg p a {
text-decoration:none;
text-align:center;
display:block;
width: 200px;
}

/* editable part of gallery section */

.galleryEditable {
width: 200px;
border: 2px outset #927500;
margin: 5px 0;
}


.deleteItem {
margin-left: 5px;
padding-left: 25px;
padding-top: 7px;
background-image: url(images/delete_button.gif);
background-repeat:no-repeat;
background-position:left;
height: 25px;
font-size:.8em;
text-align:left;
}

.editItem {
margin-left: 5px;
padding-left: 25px;
padding-top: 7px;
background-image: url(images/edit_button.gif);
background-repeat:no-repeat;
background-position:left;
height: 25px;
font-size:.8em;
text-align:left;
}

/*end editable part */

/* item view */

/* if no caption, this id is used */
#galleryItem{
width: 510px;
margin: 0px auto;
}

#galleryItem img{
border: 5px outset #927500;
}
/* if there was a caption this id is used */
#galleryItemWCaption{
width: 710px;
margin: 0px auto;
}

#galleryItemWCaption img{
float:left;
border: 5px outset #927500;
}

#galleryItemWCaption p#caption{
float:left;
width: 150px;
margin: 0 21px;
}


.itemAndCaption{
width: 750px;
margin: 0 -200px;
}

.itemAndCaption img{
float:left;
width: 500px;
}

.itemAndCaption p{
float:left;
padding: 0 0 0 50px;
}

.editItemForm{
width: 600px;
}

.editItemForm label{
width: 25em;
}

.editItemForm fieldset img{
margin: 0 auto;
}


/* end item view */

/* end gallery content */

/* home listings content */

#homeListings{
/* width is based on the 300px wide image multiplied by 1.62 (divine) */
width: 550px;
margin: 0 auto;
}

div.singleHouse{
clear:both;
border: 2px outset #927500;
margin-bottom: 35px;
padding: 5px;
text-align:center;
}

div.singleHouse h3{
border-bottom: 1px solid #927500;
}

.houseImg a{
float:left;
width: 300px;
border: 3px outset #927500;
}

.houseImg a:hover{
border: 3px outset #cccccc;
}


.houseInfo{
float:left;
width: 188px; /* based divinely...see above :) */
font-size:1.2em;
padding: 0 16px;
}

.houseInfo h4{
color: #cccccc;
}
/* home info view (drilled down from home listings */

#homeInfoView{
position:relative;
width: 750px;
}

#homeInfoMain{
float:left;
width: 510px;
}

.homeInfoDisplay{
position:relative;
}

.homeInfoDisplay p img{
border: 5px outset #927500;
}

.homeInfoDisplay p label{
position:relative;
width: 150px;
}

.homeInfoEditable{
float:left;
}

.homeInfoEditable p label{
width: 150px;
clear:left;
}

#homeInfoRightCol{
float:right;
width:220px;
margin: auto;
padding:0;
}

.homeInfoDetails{
position: relative;
width:200px;
top: -40px;
text-align:center;
font-size:1.2em;
}

/* listing gallery presentation */
#listingGallery{
position:relative;
width: 225px;
height:335px;
overflow:scroll;
padding: 5px 0 0 2px;
border-top: 1px solid #927500;
border-left: 1px solid #927500;
}

#listingGalleryShell{
position:relative;
top: -30px;
margin: 0px -10px;
width:230px;
text-align:center;
}

#listingGalleryShell h2{
color:#FFFFFF;
font-size:1.2em;
}


#listingGalleryBox{
float:left;
}

#listingGallery h2{
padding: 10px;
text-align:center;
} 

/* end listing gallery */
/* end home info view */

/* add home listing page */

.addListing {
position:relative;
}
.addListing label{
width: 30em;
}
/* end add home */

/* end home listings content */


/*living content*/

#living{
width: 700px;
margin: 0 auto;
}

#mapSection{
float:left;
width: 404px;  /*divine based from map being 400px*/
border: 2px outset #927500;
padding: 5px;
}

#locations{
float:left;
width: 214px;  /*divine*/
padding-left: 20px;
}

#facts{
float:left;
width: 700px;  /*divine based from map being 400px*/
padding: 20px 0 0 0px;
}

#resources{
float:right;
width: 700px;
padding: 20px 0 0 0px;
}

.resourcesSubSection{
float:left;
padding: 20px 0 0 0 0px;
margin: 10px 10px 0 0;
width: 350px;
}

.resourcesSubSection li{
padding-left: 5px;
}

.resourcesSubSection h5{
font-style:italic;
}


#resources img{
float:right;
padding: 5px;
}


#map{
margin: 10px 0;
width: 400px;
height:300px;
border: 2px outset #927500;
border-bottom-style:outset;
}

#locations ol{
list-style:inside decimal;
} 

#locations li {
padding:5px 0;
}

.location{
font-weight:bold;
}

/*end living content*/


/*energy saving features content*/

/* main page */

#energy {
width: 750px;
margin: auto;
}

div.feature {
float:left;
width: 175px;
height: 300px;
margin-right: 3px;
padding: 5px 2px 0;
border: 2px outset #927500;
text-align:center;
background-color:#000000;
}

a.featureHeading{
position:relative;
display:block;
height: 60px;
}

div.feature p {
text-align:left;
padding: 0 10px;
}

div.feature img{
position:relative;
width: 150px;
height: 109px;
border: 2px outset #927500;
}

div.feature a {
position:relative;
color: #927500;
font-variant:small-caps;
font-size:1.3em;
font-weight:normal;
letter-spacing:1pt;
text-decoration:none;
}


div.feature a.learnMore{
position:absolute;
bottom:0;
right:1%;
width: 99%;
background-image:url('images/gold_underline.jpg');
background-repeat:no-repeat;
background-position: bottom right;
height:30px;
text-decoration:none;
text-align:right;
font-variant:small-caps;
font-size:1em;
font-weight: bold;
color: #927500;
}

div.feature a.learnMore:hover{
color: #FFFFFF;
}

div.feature ul{
list-style: outside disc;
text-align:left;
padding-left: 20px;
}

#energyOption1 {
position:relative;
top:5px;
height:300px;
z-index:1;
}

#energyOption2 {
position:relative;
top:0px;
width:200px;
z-index:2;
height:310px;
}

#energyOption2 img{
width: 168px;
height: 139px;

}

#energyOption3 {
position:relative;
top:10px;
z-index:3;
height:290px;
}

#energyOption4 {
position:relative;
top:15px;
width:150px;
z-index:2;
height:280px;
}

#energyOption4 img{
width: 88px;
height: 89px;

}


/*end main page, begin feature pages */

#energyFeature1{
width: 700px;
margin: 0 auto;
}

#energyFeature1 ul{
list-style: inside disc;
}

#energyFeature1 .subSection{
float:left;
width: 450px;
margin-right:30px;
}

#energyFeature1 .energyImg {
float:right;
padding:10px;
width:200px;
font-size:.9em;

}

#energyFeature2 ul{
margin-left:20px;
list-style: outside disc;
}

#lowE{
width: 510px;
margin:auto;
}

.lowEImages{
float:left;
width:150px;
font-size:.8em;
text-align:left;
padding:10px;
}

/*end energy saving features content*/

/*contact content*/
#contactInfo{
height:180px;
width:47%;
margin: auto;
padding:10px;
text-align:center;
}
/*end contact content*/
/*****************************************
end content

/* login screen*/
div#login{
position:relative;
width: 400px;
margin:auto;
}

/* Terms of Use */
#terms ul{
padding-left: 40px;
list-style: outside disc;
}
/*
begin Administration pages
*******************************************/

/* Main administration */
#adminSection {
position: relative;
top: 0;
left: 0;
width: 700px;
margin: auto;
}

.boxButton {
float:left;
width: 300px;
padding: 0 5px;
margin:10px;
border: 2px outset #927500;
}

#adminGallery{
background-image:url('images/photo_gallery_button.gif');
background-repeat:no-repeat;
background-position:right top;
}

#adminListing{
background-image:url('images/house_button.gif');
background-repeat:no-repeat;
background-position:right top;
}

.addButton{
background-image:url('images/add_button.gif');
background-repeat:no-repeat;
background-position:right center;
}

.addPhotosButton{
background-image:url('images/add_images_to_house_button.gif');
background-repeat:no-repeat;
background-position:right center;
}

.editButton{
background-image:url('images/edit_delete_button.gif');
background-repeat:no-repeat;
background-position:right center;
}


.boxButton h3{
height:30px;
padding: 5px 0;
}

.boxButton ul {
width: 100%;
}

.boxButton li#editGallery{
margin: 5px 0;
padding: 10px;
border: 2px solid #927500;
}

.boxButton li a{
display:block;
height: 15px;
margin: 10px 0;
padding: 10px;
border: 2px outset #927500;
}

.boxButton li a:hover{
border: 2px outset #cccccc;
}

.boxButton li h4{
color: #ffffff;
}


.boxButton li ul li{
padding: 0px 40px;
list-style: none;
border:none;
}


/**********Gallery Admin**********/

/*upload form*/

#galleryUpload{
position:relative;
top: -20px;
width: 400px;
margin: auto;
}