body {
	font-family: "Trebuchet MS", Arial;
	background-color: #1b4e8e;
	background-image: url(images/bgtile.gif);
	background-repeat: repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.maintext {
	 padding:8px 15px 8px 8px; font-size:11px;
}
#mainbg
{background-image:url(images/home_12.gif); background-repeat:repeat; width:750px; font-size:14px; color:#ffffff; text-align:justify;}
.footer
{font-size:10px; color:#ffffff; padding:10px; text-align:center;}
.footer a {color:#ffffff; text-decoration:none;}

h1 { font-size:18px; font-weight:normal; color:#ddd2c4; border-bottom:solid 1px #ddd2c4; margin:0px; padding:0px; text-transform:uppercase;}
h2 { font-size:14px; font-weight:normal; color:#ddd2c4; border-bottom:solid 1px #ddd2c4; margin:0px; padding:0px;}
.main-home {background-image:url(images/home_03.jpg); background-repeat:no-repeat; padding:58px 30px 40px 30px;}
.main-photos {background-image:url(images/home_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
.main-fp {background-image:url(images/floorplans_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
.main-dir {background-image:url(images/directions_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
.main-loc {background-image:url(images/location_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
.main-cost {background-image:url(images/costsavings_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
.main-amen {background-image:url(images/amenities_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
.main-feat {background-image:url(images/features_03.jpg); background-repeat:no-repeat; padding:38px 30px 40px 30px;}
#left {width:163px;}
.tabletext td {font-size:12px; padding:6px; background-color:#133764; }
.tabletext th {font-size:14px; background-color:#091d34; font-weight:bold; text-align:left;}
a {color:#ddd2c4; text-decoration:underline;}
a:hover {color:#000000; text-decoration:none;}
#photoframe {background-image:url(images/photos_02.jpg);}


div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 525px; 
    height:375px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 

div.scrollable div.items div.item  { 
    float:left; width:525px; height:375px; }
div.scrollable div.items div.item img {float:left; width:170px; height:120px; border:solid 1px #133764; margin:2px 2px 0px 0px;}

 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
  /*  border:1px inset #ccc; 
    background-color:#fff;  */
}

/* position and dimensions of the navigator */ 
.navi { 
   list-style-type:none; padding:0px;
    width:250px; 
    height:20px;float:left;margin:0px;
} 
 
 
/* items inside navigator */ 
.navi li {float:left; margin:3px; width:12px; font-size:10px; display:block; height:12px; line-height:100%; overflow:hidden;}
.navi a { 

    background-color:#ffffff; 
	display:block;
	cursor:pointer; border:solid 1px #133764; text-decoration:none;
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-color:#091d34;    color:#091d34;
} 
 
/* active state (current page state) */ 
.navi a.current { 
    background-color:#a39b91;     color:#a39b91; 
}