﻿/* HTML RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
    position: relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End HTML RESET */

body {
    background:#3f4344 url('images/p.png');
    margin:0px;
    font-family:Trebuchet MS, Verdana, Tahoma, Arial;
    font-size:14px;
    position: relative;
}

#wrapper
{
    min-height:700px;
    background:transparent url('images/p2.png') repeat-x;
}

.inner
{
    width:962px;
    margin:auto;
    position: relative;
}

#header
{
    padding:24px 0px 12px 36px;
}

a
{footer
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
}

a:hover
{
    text-decoration:none;
}

#c
{
    width:962px;
    height:610px;
}

#c2
{
    width:962px;
}

.c-inner2
{
    min-height:600px;
    height:auto !important;
    height:600px;
}

#footer
{
    text-align:center;
    margin-top:12px;
    padding-bottom:18px;
}

#nav
{
    float:right;
    list-style-type:none;
    margin:10px 40px 0px 0px;
}

#nav li
{
    float:left;
    font-size:12px;
}

#nav li a
{
    width:97px;
    height:47px;
    display:block;
    color:#bcbcbc;
    text-decoration:none;
    text-align:center;
    line-height:47px;
}

a.lnkAvailableHomes, #ctl00_lnkAvailableHomes
{
    line-height:12px !important;
    padding-top:12px;
}

#nav li a:hover
{
    color:#EEEEEE;
    text-decoration:none;
}

#nav li a.on
{
    color:#FFFFFF;
    background:transparent url('images/nav.png') no-repeat;
}

h1
{
    font-size:26px;
    font-weight:normal;
    color:#444444;
    font-family:Arial, Tahoma, Verdana;
}

h3
{
    font-size:16px;
    font-weight:normal;
    color:#666666;
    font-family:Arial, Tahoma, Verdana;
    margin-bottom:12px;
}

h5
{
    font-size:16px;
    background-color:#EEEEEE;
    padding:6px;
    font-weight:bold;
    color:#333333;
    font-family:Arial, Tahoma, Verdana;
    margin-bottom:8px;
    margin-top:4px;
}

.p-list ul
{
    margin-left:8px;
}

.p-list li
{
    margin-bottom:24px;
}

#p-index li
{
    margin-bottom:3px;
}

#p-index a
{
    font-size:12px;
    font-weight:normal;
    color:#666666;
}

.inner-content
{
    padding:36px 36px 48px 36px;
    min-height:450px;
    height:auto !important;
    height:450px;
}

.index-content
{
    padding:0px 10px 24px 10px;
    min-height:150px;
    height:auto !important;
    height:150px;
}

p
{
    color:#666666;
    line-height:150%;
    margin-bottom:10px;
}

img.display
{
    background:#FFFFFF;
    padding:3px;
    border:solid 1px #999999;
}

.caption
{
    font-size:12px;
    background-color:#EEEEEE;
    border:solid 1px #DDDDDD;
    margin:8px 6px;
    padding:8px;
}

.form-item
{
    clear:both;
    margin-bottom:8px;
}

.form-item label
{
    float:left;
    display:block;
    width:200px;
    margin-right:4px;
    font-size:20px;
    color:#777777;
    margin-top:8px;
}

.rb
{
    color:#777777;
    margin:8px 0px;
    font-size:17px;
}

.form-item input.btn
{
    font-size:14px;
    width:120px;
    height:40px;
    float:left;
    font-weight:normal;
    border:solid 1px #AAAAAA;
    background-color:#EEEEEE;
    cursor:pointer;
}

.form-item input.txt
{
    font-size:22px;
    padding:6px;
    width:340px;
    float:left;
    margin-right:4px;
    border:solid 1px #CCCCCC;
    font-weight:bold;
    font-family:Arial, Verdana, Tahoma;
}

.form-item .city
{
    width:180px !important;
}

.form-item .state
{
    width:49px !important;
}

.form-item .zip
{
    width:75px !important;
}

/* form 2 */
.form2-item
{
    clear:both;
    margin-bottom:8px;
}

.form2-item label
{
    float:left;
    display:block;
    width:200px;
    margin-right:4px;
    font-size:14px;
    color:#777777;
    margin-top:6px;
}

.rb2
{
    color:#777777;
    margin:8px 0px;
    font-size:12px;
}

.form2-item input.btn
{
    font-size:14px;
    width:120px;
    height:40px;
    float:left;
    font-weight:normal;
    border:solid 1px #AAAAAA;
    background-color:#EEEEEE;
    cursor:pointer;
}

.form2-item .txtarea
{
    width:352px;
    height:80px;
    border:solid 1px #CCCCCC;
}

.form2-item input.txt
{
    font-size:13px;
    padding:6px;
    width:340px;
    float:left;
    margin-right:4px;
    border:solid 1px #CCCCCC;
    font-weight:bold;
    font-family:Arial, Verdana, Tahoma;
}

.form2-item .city
{
    width:180px !important;
}

.form2-item .state
{
    width:49px !important;
}

.form2-item .zip
{
    width:75px !important;
}

.rb label
{
    width:auto !important;
    float:none;
}

.clear
{
    clear:both;
    font-size:1px;
    height:1px;
}

.instr
{
    background-color:#F3F3F3;
    border:solid 1px #E3E3E3;
    padding:8px;
    clear:both;
}

.form-submit
{
    clear:both;
}

.error
{
    color:#FF0000;
    padding:18px 0px;
}

.avail-home
{
    clear:both;
    padding:8px;
    background-color:#EEEEEE;
    margin:10px 0px;
    border:solid 1px #AAAAAA !important;
}

h3.section-title
{
    float:left;
    margin-right:10px;
    font-size:22px;
    font-weight:bold;
    color:#AAAAAA;
}

.cite
{
    font-style:italic;
    color:#999;
    margin-bottom:18px;
}

#home-details
{
    text-align:center;
    width:906px;
    background:url('images/f2.png') no-repeat;
    margin:auto;
    height:163px;
}

#home-details li
{
    color:#AAA;
    font-size:11px;
    display:block;
    text-align:left;
}

#home-details li h3
{
    color:#777;
    font-size:14px;
    margin-bottom:6px;
}

#home-details li.left
{
    float:left;
    width:273px;
    margin:20px 13px 0px 21px;
}

#home-details li.right
{
    float:right;
    width:274px;
    margin:20px 21px 0px 13px;
}

#home-details li.center
{
    float:left;
    width:271px;
    margin:20px 9px 0px 9px;
}

#home-details li .content
{
    height:98px;
}

#home-details li .content a
{
    float:left;
    margin-right:8px;
}

#home-details li .content a img
{
    border:solid 1px #999;
    height:85px;
    width:85px;
}

#home-details li .content-footer
{
    padding-top:8px;
    line-height:30px;
    height:30px;
}

#home-details li .content-footer a
{
    color:#BBB;
    text-decoration:none;
}

#home-details li .content-footer a:hover
{
    color:#FFF;
}

/* facebox */
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}


/*--------------JOE ADDED THESES-----------*/

.test2{
    width: 899px;
    margin-top: 20px;
    height: 30px;
    margin: 0 auto;
	background-image:url(images/bottom-bar.png);

    /*background-image: linear-gradient(bottom, rgb(63,66,72) 28%, rgb(110,112,114) 64%);
background-image: -o-linear-gradient(bottom, rgb(63,66,72) 28%, rgb(110,112,114) 64%);
background-image: -moz-linear-gradient(bottom, rgb(63,66,72) 28%, rgb(110,112,114) 64%);
background-image: -webkit-linear-gradient(bottom, rgb(63,66,72) 28%, rgb(110,112,114) 64%);
background-image: -ms-linear-gradient(bottom, rgb(63,66,72) 28%, rgb(110,112,114) 64%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.28, rgb(63,66,72)),
    color-stop(0.64, rgb(110,112,114))
);*/

}


.last{
    width: 200px;
    height: 20px;
    font-size: .9em;
    color: #fff;
    float: left;
    margin-top: 7px;
    padding-left: 5px;

}

.last a{
    color: #FFF;
	font-style: none;
	text-decoration: none;

}

.next2{
    width: 158px;
	text-align: right;
    float: right;
    color: #fff;
    font-size: .9em;
    margin-top: 7px;
    margin-right: 5px;
    font-weight: normal;
}

.next2 a{
    color: #FFF;
	font-style: none;
	text-decoration: none;
}

.backtoall{
    width: auto;
    float: left;
	vertical-align: middle;
	text-align:center;
    margin-left: 5px;
    color: #fff;
    font-size: .9em;
    font-weight: normal;
    margin-top: 8px;
    float: left;
}

.backtoall a{
    color: #FFF;
	font-style: none;
	text-decoration: none;
}


/*----------------------------------------JOES PULL OUT WIDGET*/

#pullout {
          padding: 20px;
          width: 700px;
          height: 254px;
          background-color: #fff;
          border: #02456a 1px solid;
          z-index: 999999999999999999999999999;
          color: #fff;
          float: left;
          position: relative;
          top: 500px;
          margin-left: 500px !important;

}



#mainContainer{
    width: 900px;
    height: 335px;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top:180px;
    z-index: 200000000000000000000000000000000000;
    left:33px;
}

.sidebar{
    float: left;
    height: 333px;
    width: 835px;
    left: -805px;
    position: absolute;
    margin-left: 30px;

     background-image: linear-gradient(bottom, rgb(255,255,255) 12%, rgb(206,206,206) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(206,206,206) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(206,206,206) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(206,206,206) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(206,206,206) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.12, rgb(255,255,255)),
    color-stop(1, rgb(206,206,206))
);
   

border: 1px solid black;
}/*end sidebar */

.pullimg{
    float: right;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9999999999999999999999999999999999999999999999999999999999999;

}

#steam
{
    height: 335px;
    width: 400px;
}


.holder{
    width: 770px;
    height: 330px;
    margin-right: 65px;
}/* end holder*/

.holderleftside{
    width: 295px;
    float: left;
    /*background-color: red;*/
    height: 300px;
    padding-left: 15px;
    padding-top: 15px;
}

.bottomholder{
    width: 770px;
    height: 25px;
    margin-right: 65px;
    clear: both;

}

.peoplestatement{
    float: right;
    font-size: .8em;
    font-weight: bold;
    color: #010101;
    padding-top: 0px;
    position: absolute;
    right:100px;
    z-index: 9999999999999999999999999999999999999999999999999999999999999999;
}

.holderrightside{
    width: 445px;
    height: 280px;
    float: left;
    /*background-color: blue;*/
    overflow-y: scroll;
	overflow-x: hidden;
    padding-top: 15px;
    padding-right: 15px;
}

h1.leftsideh1{
    color: #010101;
    font-size: 1.8em;
    margin-bottom: 5px;
    font-weight: normal;
}

h2.leftsideh2{
    color: #404040;
    font-size:1.1em;
    margin-bottom: 15px;
    font-weight: normal;
}

p.leftheaders{
    font-size: .85em;
    color: #666666;
    margin-bottom: 0px;
    font-weight: normal;
}

p.leftwords{
    font-size: .96em;
    color: #010101;
    font-weight: bold;
    margin-top: -4px;

}

p.leftwords2{
    font-size: .96em;
    color: #010101;
    font-weight: bold;
    margin-top: -13px;

}

p.leftwords3{
    font-size: .96em;
    color: #010101;
    line-height: 1.1em;
    font-weight: bold;
    margin-top: 0px;

}

p.testsp{
    font-size: 1.3em;
    line-height: 1.4em;
    font-weight: normal;
    color: #666;
}


.babymargintop{
    margin-left: 5px;
    float: left;
    margin-left: 190px;
    
}

.containerholder{
    width: 900px;
    height: 335px;
    margin: 0 auto;
    background-color: green;
    position: absolute;
    top: 180px;
    left: 510px;
}


<!--ADD ON-->
.inner-content ul li a{
	color:#000;
}

.sitemap a  {font-size: 0.85em; text-decoration:none; font-weight:-100; font-family:Trebuchet MS, Verdana, Tahoma, Arial;}
