/* Morning Star Ranch CSS Document */

body {
	background: url(images/texture-bkg.jpg);
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	}
	
h1 {
	color:#391e0c;
	font-size:17px;
	text-align:center;
	}
.small {
	font-size:10px;
	}

#msr_container {
	margin:0 auto;
	padding:0;
	width:907px;
	}
	
#msr_buttons {
	height:24px;
	}
	
#msr_header {
	}
	
#msr_main {
	background: url(images/center-paper.jpg) no-repeat;
	height:610px;
	clear:both;
	}
#msr_main .padding {
	padding:25px 30px 15px 40px;
	}
#msr_main .slideshow {
	padding:10px 20px 0px 35px;
	}
#msr_spacer {
	height:15px;
	clear:both;
	}
	
/* ---------------- first menu ------------*/

#menu {display:block; height:32px; margin-top:40px; float:right;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left;  display:block; width:110px; }
#menu li.list1 {background:transparent url(images/foreword-button.jpg);}
#menu li.list2 {background:transparent url(images/ameneities-button.jpg);}
#menu li.list3 {background:transparent url(images/contact-button.jpg);}
#menu a {display:block; width:110px; padding-top:30px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:32px; he\ight:0;}

#menu a#item1 {background:transparent url(images/foreword-button-r.jpg) -115px -86px no-repeat;}
#menu a#item2 {background:transparent url(images/amenities-button-r.jpg) -115px -86px no-repeat;}
#menu a#item3 {background:transparent url(images/contact-button-r.jpg) -115px -86px no-repeat;}

#menu a#item1:hover {background-position:top left; z-index:50;}
#menu a#item2:hover {background-position:top left; z-index:50;}
#menu a#item3:hover {background-position:top left; z-index:50;}

* html #menu a:hover {height:32px; he\ight:0;}


/*--------------------- second menu ----------------------------*/
#menu2 {display:block; height:30px; margin: 21px 0 0 21px; float:left;}
/* properly spanks IE to listen to position */
* html #menu2 {display:block; height:30px; margin: 21px 0 0 15px; float:left;}

#menu2 ul {margin:0; padding:0 0 0 21px; list-style-type:none;}
#menu2 li {float:left;  display:block;  }
#menu2 li.list1 {background:transparent url(images/homes-button.jpg);width:84px; }
#menu2 li.list2 {background:transparent url(images/architecture-button.jpg);width:140px;}
#menu2 li.list3 {background:transparent url(images/lifestyle-button.jpg);width:94px;}
#menu2 li.list4 {background:transparent url(images/landscape-button.jpg);width:103px;}

#menu2 a {display:block;  padding-top:30px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu2 a:link, * html #menu a:visited {height:30px; he\ight:0;}

#menu2 a#item1 {background:transparent url(images/homes-button-r.jpg) -115px -86px no-repeat;}
#menu2 a#item2 {background:transparent url(images/architecture-button-r.jpg) -115px -86px no-repeat;}
#menu2 a#item3 {background:transparent url(images/lifestyle-button-r.jpg) -115px -86px no-repeat;}
#menu2 a#item4 {background:transparent url(images/landscape-button-r.jpg) -115px -86px no-repeat;}

#menu2 a#item1:hover {background-position:top left; z-index:50;}
#menu2 a#item2:hover {background-position:top left; z-index:50;}
#menu2 a#item3:hover {background-position:top left; z-index:50;}
#menu2 a#item4:hover {background-position:top left; z-index:50;}

* html #menu2 a:hover {height:30px; he\ight:0;}
.table a, .table a:visited {
	color:#999;
	text-decoration:none;
	font-size:11px;
}
.table a:hover {
	color:#fff;
}