/*
Theme Name: QueenBoiseHomes
Based on the Starkers Theme; http://elliotjaystocks.com
Author: Dave Quintana / Defiant Interactive
Web site: http://www.defiantinteractive.org
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
-------------------
format layout

body
header
feature
side nav
main content
footer

--------------------
*/

/* 
---------------
body formatting 
---------------
*/
/*
#clouds {
         background: url(style/images/clouds.jpg);
         height: 612px;
         width: 1680px;
         z-index:-1;
         position: absolute;
         float:left;
}
*/

body, html {
          background:#212946 url(style/images/clouds.jpg) no-repeat top center;
          text-decoration: none;
          height:100%;
          line-height:140%;
          font-size:13px;
          font-family: verdona, helvetica, arial, san-serif;
}

p {
 font-size:12px;
}

a {
          text-decoration: none;
}

a:link {
          color:#19164E;
} /* unvisited link */

a:visited {
          color:#19164E;
} /* visited link */

a:hover {
           color:#b08c3b;
} /* mouse over link */

a:active {
            color:#19164E;
} /* selected link */


/*
-------------------
header
-------------------
*/

#page {
          margin: 0 auto;
          width:950px;
          height:100%;
          padding-bottom:262px;}
}

body > #page {height:auto;min-height:100%}

#header {
     background: url(style/images/heder.png);
     height:270px;
     width: 950px;
     z-index: 1;
     position:relative;
}

#logo {
     width: 207px;
     height: 162px;
     left: 35px;
     position: absolute;
     z-index: 2;
     top:-1px;
}

#tnav li {
     list-style-type: none;
     float: right;
     text-decoration:none;
     display:inline;
     padding:3px 15px 3px 15px;
     position:relative;
     top: -130px;
     left: -60px;
     z-index:3;
}

#search {
     position:absolute;
left:30px; 
top:230px;    
  list-style:none;
     z-index:600;
}

.hidden {
	color:#b08c3b; 
        font-weight:bold;
        font-size:1.0ems;
}

#s {
        font-weight:bold;
        width:160px;
list-style:none;
}

#searchsubmit {
	width: 75px;
        background:url(style/images/sbg.png);
        height:30px;
        color:#ffffff;
        font-weight:bold;
        border:none;
list-style:none;
}

#banner {
float:left;
position:absolute;
     z-index:10;
     left:290px;
     top:10px;
list-style:none;
}

/* end of Header */

/*
--------------------
feature navigation
--------------------
*/

#fnav {
      float:left;      
      height:114px;
      width:950px;
      top:-40px;
      position:relative;
      z-index:10;
}

#fnav li {
       display:inline;
       list-style-type: none;
       padding: 0px 25px 0px 25px;
       position:relative;
}

/* end of feature navigation */

/* 
--------------------
main content
--------------------
*/

/* side nav */

#top-content {
       background: url(style/images/top-content.png);
       height:60px;
       width:950px;
       top:-20px;
       z-index:15;
       position:relative;
}

#side-nav {
       float:left;
       background: url(style/images/side-nav.png) repeat-y;
       width:285px;
       height:100%;
       min-height:650px;
       top:-20px;
       font-size:14px;
       z-index:30;
}

/* main navigation flyout menu */

.main-nav {
       width:100%;       
       margin-left:25px;
       z-index:30;

}

.main-nav ul {
       list-style:none;
       line-height:270%;
       margin:0;
       padding:0px 40px 0px 0px;
       font-weight:bold;
       font-size:0.9em;

}

.main-nav a {
        display:block;
        color:#211d55;
        margin:0;
        text-decoration:none;
        padding: 0px 0px 0px 75px;
        border:none;
        background:url(style/images/crown4.png) no-repeat;

}

.main-nav a:hover {
        color:#ffffff;
     /*   background:#637696; */
        background:#637696 url(style/images/crown.png) no-repeat;
 
    
}

.main-nav li {
        position:relative;
        float:left;
        width:250px;
      /*  border-bottom-style: solid; */ 
        color:#211d55; 
       border-bottom:1px solid #637696;
}

.main-nav ul ul {
        position:absolute;
        color:#ab8b3e;
        top:0;
        left:250px;
        width:230px;
        line-height:200%;
        padding:0px 20px 0px 0px;

}

.main-nav ul ul ul {
        position:absolute;
        color:#ab8b3e;
        top:0;
        left:100%;
        width:230px;
        line-height:200%;
        padding:0px 20px 0px 0px;

}

div.main-nav ul ul ul, div.main-nav ul ul li:hover ul ul {
        display: none;

}

div.main-nav ul ul, div.main-nav ul li:hover ul ul, div.main-nav ul ul li:hover ul ul {
        display:none;

}

div.main-nav ul li:hover ul, div.main-nav ul ul li:hover ul, div.main-nav ul ul ul li:hover ul {
        display:block;
background:#ab8b3e;

}

div.main-nav ul ul li:hover ul, div.main-nav ul ul ul li:hover ul {
         display:block;
background:#ab8b3e;

}

#social {
       margin-left:30px;
       margin-top:20px;
}

/* end of side nav */

/*
---------------------
main content
---------------------
*/

#main-content {
        float:right;
        width:660px;
        background: url(style/images/main-content.png) repeat-y;
      /*	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75; */
        left:-5px; 
        top:-20px;
        z-index:2;

}

.content {
        background:url(style/images/content-bg.jpg) repeat-y;
        width: 589px;
        height:100%;
        z-index:20;
        margin: 0px 30px 0px 30px; 
}

.ctext {
       padding:20px 40px 20px 30px;
}

#side-bg {
        width:276px;
        height:327px;
        z-index:-10;
        background:url(style/images/side-bg.png) no-repeat;
         position:absolute;
        left:285px;
        top:150px;
}
.realtor {
        width:171px;
        height:79px;
        background:url(style/images/realtor.jpg) no-repeat;
        position:absolute;
    }


/* end of main content */

/*
----------------------------
footer
----------------------------
*/

#footer {
       position:relative;
       margin-top:-262px;
       height:262px;
  
       background: url(style/images/footer-bg.jpg) repeat-x;
       clear:both;
}

#footer-top {
        margin: 0 auto;
        width:900px;
        height:262px;
        background:url(style/images/footer2.jpg) no-repeat;
}

.clear {clear:both;}

.rclear {clear:left;}

.fptitle {margin-left:30px;color:#ffffff;font-weight:bold;}

.mls {margin-left:30px;margin-top:20px; margin-bottom:20px;}

.feed {padding-top:20px;padding-left:10px;}

.twitter {margin-top:20px;margin-left:10px;}

.facebook {margin-top:20px;margin-left:10px;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {display: inline-block;}
.clearfix {height:1%;}
.clearfix {display:block;}

.ft {
          position:relative;
          top:94px;
          left:30px;

          
}

.copyright {
          position:relative;
          top:235px;
}

.commitment h3 {
        
           color:#ab8b3e;
}

.commitment p {
            color:#ffffff;
            line-height:150%;
  font-size:13px;
}

.commitment {
          position:absolute;
          left:300px;
         top:90px;
}

.credit {
          float:right;
          top:215px;
}

.innerfade { height: 629px;
          width:250px;
          padding:0;
          margin:0;
}

.innerfade img{
          padding: 0px;
          border:0px solid #ccc
          background-color: #000;
          width:629px;
          height: 250px;
          top:0;
          left:0;
} 

.cinfo {
	color:#ffffff;
        left:-55px;
        top:70px;
        float:right;
        font-size:.7em;
}

.post {
	margin:0px 0px 40px 0px;
       
}

.post h2 {
	font-size:24px;
        bottom-padding:20px;
}

.mcfoot {
	position:relative;
        left:4px;
        z-index:300;
}

.buying {

position:relative;
}

.buying li {
      display:inline;
      margin:10px 10px 10px 10px;
}

.cinfo a:link {
     color:#ffffff;
}

.cinfo a:visited {
     color:#ffffff;

.cinfo a:hover {
     color:#b08c3b;
}

.cinfo  a:active {
            color:#19164E;
} /* selected link */




.calc{ 
text-align: left;
border-bottom: 2px solid #d79900;
font-family: arial;
font-weight: normal;
font-size: 12px;
padding-left: 10px;
padding-right: 10px; 
color: #000000;
width: 600px;
background-color: #ffffff;               
border: 1px #000000 solid;

border-spacing: 2px;
}

DIV.blurb
{ 
id: blurb;
position: absolute; 
left: 400px; 
top: 220px; 
background-color: #ffffff; 
width: 300px;
height: 225px; 
color: #000000; 
border: #000000 1px solid; 
display: none;
} 

.box1
{ 
border: 1px #000000 solid;
background-color:  #ACBAC6;
text-align: center;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
font-family: arial;
font-weight: bold;
color: #000000;}

.box2
{
padding: 10px;
color: #000000;
}

.box3
{ 
border: 1px #000000 solid;
background-color: #ACBAC6;
text-align: center;
font-family: arial;
font-weight: bold;
color: #000000;}

.box4
{
padding: 3px;
color: #000000;
text-align: left;
font-size:8pt; 
}