html, body{ 
 margin:0; 
 padding:4; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666;
 } 

a:link { color:#741213; }/* 448 DF7042*/

#pagewidth{ 
 width:800px;  

} 
a:link visited { color:#741213; }/* 448 DF7042*/



 
 
#header{
 position:relative; 
 height:98px; 
  background-color:#000000; 
 width:100%;
 background-image: url(../images/headerimg03.jpg);
} 

#indeximage
{
 background-image: url(../images/theaspens_front.jpg);
width:100%;
height:300;
background-repeat:no-repeat;
background-position:center;
}

#contactimage
{

 background-image: url(../images/theaspens_lobby.jpg);
width:100%;
height:300;
background-repeat:no-repeat;
background-position:center;

}

 
#topmenu{
width:100%;
	margin-top:1px;
	margin-bottom:1px;
	padding-top:3px;
	text-align: center;
	color:#FFFFFF;
	font-size: 12px;
	background-color: #741213;/*DF7042*/
	text-transform:uppercase;
	height:18px;
 
} 
#topmenu a
{
text-decoration:none;
}

#wrapper
{
background-color:#666666;
}

#leftcol{
 width:150px; 
 float:left; 
 position:relative; 
 background-color:#666;
 }
#leftcol h1
{
font-weight:bold;
font-size:12px;
text-align:center;
color:ffffff;
}
 #navlist
{
padding: 0px 0px 0px 0px;
margin-left: 0;
font-size: 10px;
background: gray;
width: 100%;
}

#navlist li
{
display:block;
list-style: none;
margin: 0px;
border-top: 1px solid gray;
text-align: left;
padding-bottom:0px;
margin-bottom:0px;
}

#navlist li a
{
display: block;
padding: 3px 5px 3px 8px;
border-left: 5px solid #AAB;
background: #CCD;
text-decoration: none;
}



#navlist li a:hover 
{
border-color: #741213;
color: #FFF;
background: #332;
}

.lihead
{
font-weight:bold;
}
.liitem
{
padding-left:10px;
}

#twocols{
 width:646px; 
 float:right; 
 position:relative; 
 border: 2px solid #AAB;

  }
 
/*#rightcol{
 width:100px; 
 float:right; 
 position:relative; 
 background-color:#76667C;
 }
 */
#maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:646px; 
  background-color:#fff;
  min-height:400px;

 }
 
#footer{

 clear:both;
 font-size:10px;
 text-align:center;
 width:800px;
 margin-top:1px;
 padding-top:10px;
 padding-bottom:10px;
  background-image: url(../images/WACLogo_40x107.gif);
  background-repeat:no-repeat;
  background-position:right 10px;
 } 
 

#topmenu li {
	list-style: none;
	display: inline;
	color: #000000;
	text-align: center;
	padding: 4px 0 0 0;
	padding-right:4px;
}



#topmenu a
{
	color: #fff;
}
#topmenu a:hover
{
	text-decoration: underline;
	color:#000000;
}

#ratewrapper {
width:500px;
margin-left:50px;
margin-top:50px;
margin-bottom:50px;
}


#ratewrapper td{
color:#000000;
}
#maincol h1
{
font-size:14px;
font-weight:bold;
border-bottom:1px solid #666;
margin:10px;
}
#maincol h2
{
font-size:12px;
font-weight:bold;
border-bottom:1px solid #AAB;
margin:20px;
}

#maincol p
{
margin:20px;
}

#crumbs
{
margin-left:10px;
margin-top:8px;
font-size:10px;
}

#property
{
margin:10px;

}

#property h1
{
margin-left:0px;
margin-right:0px;
}

#pblock
{
border:1px solid #AAB;
padding:10px;
margin-bottom:10px;
position:relative;
float:none;

}


#pblock h1
{
margin-top:0px;
margin-bottom:0px;
font-size:12px;
}
#pblock h2
{
margin-top:0px;
margin-bottom:5px;
margin-right:0px;
font-weight:normal;
}

#pblock td
{font-size:9px;
}
#pblock th
{font-size:10px;
font-weight:bold;
}
#mainimg
{
width:330px;
position:relative;
float:left;
}

#details
{
width:240px;
position:relative;
float:right;

}

#thumbs
{
margin-top:20px;

}

#map {
text-align:center;

}
#mainimg img,#thumbs img ,#map img
{
 border:2px solid #741213;
 }
 #ratewrapper table
 {
 background-color:grey;
 }
 
.cart
{
font-size:10px;
font-weight:bold;
background-color:#aab;
} 

.ctable
{
font-size:10px;
background-color:#ccd;
} 

.ctable2
{
font-size:10px;
background-color:#fff;
} 
.booked
{
background-color:#333333;
color:#999999;
}

.avail
{
background-color:#009933;
}

.avail a
{
color:#FFFFFF;
}


#legend
{
padding-top:10px;
width:100px;
font-size:12px;
}
#legend div{
padding:2px;
}

	
#partners
{
font-size:10px;
margin-bottom:50px;
width:100%;
}

#partners h1
{
margin-left:10px;
margin-right:10px;
clear:both;
}
#partners h2
{
margin-left:30px;
margin-right:10px;
clear:both;
border:none;
}

#partnerlist
{
	position: relative;
	clear: both;
	height: auto;
	border-top: 1px solid #CDDCE6;
	border-bottom: 1px solid #EEF1F3;
	background-image: url("../images/list_sep_bg.gif");
	background-repeat: repeat-x;
	width:100%;
	padding-right:20px;
	padding-bottom:20px;

}

#partnerlist h2
{
margin-left:0px;
margin-right:0px;
border:none;
margin:0px;
clear:none;
}

#partnerlist img
{
position:relative;
float:left;
margin-right:10px;
margin-left:10px;
margin-top:5px;
}
#partnercontact
{
padding-top:30px;
padding-left:100px;
display:block;
width:100%;
}

#label
{
font-weight:normal;
display:block;
clear:both;

}
#label div
{
position:relative;
float:left;
font-weight:bold;
width:100px;
padding-right:10px;
}

#partnercontact #contact
{
padding-right:40px;
position:relative;
float:left;
width:40%;
}

#partnercontact #pcontact
{
padding-right:20px;
position:relative;
float:left;
width:60%;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}