body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #392b20 url(../images/woodbg.jpg) top left repeat-x;
	color: #FFFFFF;
	font-family: Cambria, Georgia, serif;

}
* {
	border: 0px dotted red;
}
#copyright {
	font-size: 13px;
	opacity: 0.35;
	margin: 20px 0 0 0;
	display:block;
	width: 200px;
	float:left;
}
#eyescream {
	font-size: 13px;
	margin: 0 0 0;
	display:block;
	width: 200px;
	height: 100px;
	float:right;
	text-indent: -9999px;
	text-transform:capitalize;
	background: transparent url(../images/logo_only.png) top right no-repeat;
	opacity: 0.35;
}
p a {
	color:#e98e00;
	text-decoration:none;
	border-bottom: 1px dotted #e98e00;
	opacity: 0.79;
}
img.thumbs {
	border: 5px solid #ffffff;
	float: left;
	margin: 0 20px 15px 0;
}
div#header {
	background: transparent url(../images/dark.png) top left;
	text-align: center;
	height: 25px;
	margin-bottom: -25px;
	padding-top: 8px;
	font-size:14px;
	opacity: 0.79;
	border-bottom: 1px dotted #9F836E;
	clear:both;
}
#price {
	position:absolute;
	top: 165px;
	left: 50%;
	font-size:58px;
	color:#e98e00;
	margin-left: -260px;
	border: 1px dotted red;
}
#tag {
	background: transparent url(../images/tag.png) top left;
	position:absolute;
	top: 0;
	left: 50%;
	margin-left: 350px;
	display:block;
	width: 200px;
	height: 255px;
	border: 0px solid red;
	text-indent: -9999px;
}
ul, ul a {
	color: #A89E99;
	line-height: 23px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
ul a {
	border-bottom: 1px dotted #A89E99;
}
#_price:before { 
  content: '$600 per month'; 
}

.date_available {
	border: 0px solid red;
	position: relative;
	display: block;
	float: right;
	top: -73px;
	text-transform: uppercase;
}
div.center{
	text-align: left;
	width: 914px;
	margin: 0 auto;
}
div#content {
	text-align: center;
}
div#banner{
	width: 914px;
	height:340px;
	background-color:#FFFFFF;
	margin: 0 0 10px 0;
	background-image: url(../images/hangers2.jpg);
	background-position: center center;
}
div#footer {
	background: transparent url(../images/dark.png) top left;
	text-align: center;
	height: 100px;
	border-top: 1px dotted #9F836E;
	margin-top: 10px;
}
div.column {
	background: transparent url(../images/dark.png) top left;
	width: 298px;
	float: left;
	margin-bottom: 20px;
	
}
#titles {
	width: 350px;
	height: 130px;
	overflow: hidden;
	border: 0px solid red;
	clear:left;
	float: left;
	margin-top: -10px;
}
#date_holder {
	border: 0px solid red;
	display: block;
	position:absolute;
	top: 70px;
	left: 50%;
	text-align: right;
	width: 390px;
	color: #A89E99;
	font-size:16px;
	line-height: 20px;
	opacity: .80;
}
#date_holder span{
	font-size:30px;	
	color: #C2B4AE;
}
h1 {
	font-family: Cambria, Georgia, serif;
	font-size: 42px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	text-transform:uppercase;
	color:#FFFFFF;
	letter-spacing: .05em;
	opacity: 0.99; 
}
h2 {
	font-family: Cambria, Georgia, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	text-transform:uppercase;
	color:#e98e00;
	letter-spacing: .05em;
	opacity: 0.99; 

}
.column h3 {
	font-size: 26px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing: .05em;
	opacity: 0.99;
	margin: 25px 0 0 15px; 
}
.column h4 {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	text-transform:uppercase;
	color:#e98e00;
	letter-spacing: .05em;
	opacity: 0.99; 
	margin: -4px 0 25px 35px; 
}
.column p {
	margin: 10px 35px 24px;
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#E1D6CF;
	line-height: 23px;
}

/* Drop Shadow ///////////////////////////////////////*/
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#000000, 
                 Direction=135, 
                 Strength=2);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.04em 0.04em;
  padding: 0;
  color: #000000; 
  /**/
}

#kirkland:before { 
  content: '1418 KIRKLAND'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #000000 2px 2px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}