/* --------------------------------------
 * CSS Design by Acroterra Corp.
 * CSS copyright Split Diamond Meadows
 * -------------------------------------- */
 
* {padding: 0px; margin: 0px;} /*Zeros out all margin's and padding*/
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#sitecontainer {
}
#titlebar {
	background: url(interface/titlebar-bckgrnd.jpg) repeat-x left top;
	height: 86px;
	width: 100%;
}
#titlebar h1, #titlebar h2, #titlebar span {
	display: none;
}
#titlebar #title {
	width: 748px;
	height: 59px;
	margin: 0px auto;
}
#titlebar #title img {
	float: left;
}
#titlebar #title p {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #2A3117;
	float: right;
	padding: 13px 15px 0px 0px;
}
#titlebar #title p a {
	color: #353117;
	text-decoration: underline;
}
#titlebar #title p a:hover {
	color: #EDEBDC;
}
#menu {
	width: 748px;
	margin: 0px auto;
	height: 27px;
}
#menu ul {
	text-align:left;
	width: 748px;
	height: 27px;
}
#menu li {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	height: 31px;
}
#menu li a {display:block; text-indent:-9999px;} /*Hides the text from the viewer - only the button image displays*/

/*Home Button*/
#menu li#home, #menu li#home a {width:72px; height:27px; background:url(menu/home.gif) no-repeat 0 0;}
#menu li#home a:hover {width:72px; height:27px; background: url(menu/home.gif) 0px -27px;}
#menu li#homecurr, #menu li#homecurr a {width:72px; height:27px; background: url(menu/home.gif) 0px -27px;}

/*Amenitities Button*/
#menu li#amenities, #menu li#amenities a {width:95px; height:27px; background:url(menu/amenities.gif) no-repeat 0 0;}
#menu li#amenities a:hover {width:95px; height:27px; background: url(menu/amenities.gif) 0px -27px;}
#menu li#amenitiescurr, #menu li#amenitiescurr a {width:95px; height:27px; background: url(menu/amenities.gif) 0px -27px;}

/*Plat Map Button*/
#menu li#platmap, #menu li#platmap a {width:83px; height:27px; background:url(menu/plat-map.gif) no-repeat 0 0;}
#menu li#platmap a:hover {width:83px; height:27px; background: url(menu/plat-map.gif) 0px -27px;}
#menu li#platmapcurr, #menu li#platmapcurr a {width:83px; height:27px; background: url(menu/plat-map.gif) 0px -27px;}

/*Prices Button*/
#menu li#prices, #menu li#prices a {width:74px; height:27px; background:url(menu/prices.gif) no-repeat 0 0;}
#menu li#prices a:hover {width:74px; height:27px; background: url(menu/prices.gif) 0px -27px;}
#menu li#pricescurr, #menu li#pricescurr a {width:74px; height:27px; background: url(menu/prices.gif) 0px -27px;}

/*CCR's Button*/
#menu li#ccrs, #menu li#ccrs a {width:67px; height:27px; background:url(menu/ccrs.gif) no-repeat 0 0;}
#menu li#ccrs a:hover {width:67px; height:27px; background: url(menu/ccrs.gif) 0px -27px;}
#menu li#ccrscurr, #menu li#ccrscurr a {width:67px; height:27px; background: url(menu/ccrs.gif) 0px -27px;}

/*Photos Button*/
#menu li#photos, #menu li#photos a {width:128px; height:27px; background:url(menu/photo-gallery.gif) no-repeat 0 0;}
#menu li#photos a:hover {width:128px; height:27px; background: url(menu/photo-gallery.gif) 0px -27px;}
#menu li#photoscurr, #menu li#photoscurr a {width:128px; height:27px; background: url(menu/photo-gallery.gif) 0px -27px;}

/*About Pinedale Button*/
#menu li#pinedale, #menu li#pinedale a {width:134px; height:27px; background:url(menu/pinedale.gif) no-repeat 0 0;}
#menu li#pinedale a:hover {width:134px; height:27px; background: url(menu/pinedale.gif) 0px -27px;}
#menu li#pinedalecurr, #menu li#pinedalecurr a {width:134px; height:27px; background: url(menu/pinedale.gif) 0px -27px;}

/*Contact Button*/
#menu li#contact, #menu li#contact a {width:95px; height:27px; background:url(menu/contact.gif) no-repeat 0 0;}
#menu li#contact a:hover {width:95px; height:27px; background: url(menu/contact.gif) 0px -27px;}
#menu li#contactcurr, #menu li#contactcurr a {width:95px; height:27px; background: url(menu/contact.gif) 0px -27px;}#highlightbar {
	background: url(interface/page-highlight-bckgrnd.jpg) repeat-x left top;
	height: 177px;
	width: 100%;
}
#highlightbar #container {
	margin: 0px auto;
	height: 177px;
	width: 748px;
}
#highlightbar #container img.left {
	float: left;
	padding-top: 15px;
	border: none;
}
#highlightbar #container img.right {
	float: right;
	padding-top: 15px;
	border: none;
}
#photogallery {
	height: 600px;
	width: 100%;
}
#photogallery #flash {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 15px auto;
	width: 750px;
}
#contenthighlight {
	height: 242px;
	width: 100%;
	padding: 10px 0px;
}
#contenthighlight #contactpage {
	background: url(interface/linz-page-highlight.jpg) no-repeat left top;
	height: 242px;
	width: 724px;
	display: block;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: left;
	margin: 0px auto;
}
#contenthighlight #contactpage #text {
	padding: 55px 290px 0px 25px;
}
#contenthighlight a {
	background: url(interface/home-page-highlight.jpg) no-repeat left top;
	height: 242px;
	width: 724px;
	display: block;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: left;
	margin: 0px auto;
}
#contenthighlight a:hover {
	color: #75834B;
}
#contentwrapper {
	margin: 10px 0px 0px;
	width: 100%;
}
#content {
	margin-left: auto;
	margin-right: auto;
	width: 724px;
	position: relative;
	text-align: left;
	clear: both;
}
#content table {
	font: 12px/21px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#content table tr.odd{
	background: #DCDCDC;
}
#content table .title {
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 95px;
	border-bottom: 1px solid #999999;
	display: block;
	padding: 2px;
	margin: 5px;
}
#content ul {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 40px;
}
#content ul li {
	padding: 3px 0px;
}
#content a {
	color: #993300;
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content h2 {
	color: #666666;
	font: bold 18px Arial, Helvetica, sans-serif;
	background: url(interface/title-underline.gif) repeat-x left bottom;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 3px 8px;
}
#content p {
	font: 12px/18px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 5px 10px;
}
#content #left {
	float: left;
	width: 529px;
	text-align: left;
}
#content #left h2 {
	color: #666666;
	font: bold 18px Arial, Helvetica, sans-serif;
	background: url(interface/title-underline.gif) repeat-x left bottom;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 3px 8px;
}
#content #left p {
	font: 12px/18px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 5px 10px;
}
#content #right {
	text-align: left;
	float: right;
	width: 195px;
}
#footer {
	width: 100%;
	bottom: 0px;
	clear: both;
	padding: 15px 0px;
	height: 130px;
	border-top: 1px solid #D7DACF;
	margin: 25px 0px 0px;
	background: #F6F7F3;
}
#footer #wrap {
	margin: 0px auto;
	width: 724px;
}
#footer #wrap a {
	color: #666666;
	text-decoration: underline;
}
#footer #wrap a:hover {
	color: #990000;
}
#footer #info {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	float: left;
	width: 322px;
	margin-top: 8px;
	margin-left: 20px;
}
#footer #credits {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
	float: right;
	width: 362px;
	margin-top: 8px;
	margin-right: 20px;
}
#footer #credits img {
	padding: 10px;
	border-style: none;
}
#contenthighlight .homepage {
	padding: 55px 380px 0px 25px;
}

#right #moreinfo {
	background: url(sidebar-menu/top.gif) no-repeat left top;
	padding: 19px 0px 0px;
	width: 195px;
}
#right #moreinfo ul {
	background: #CCCCCC url(sidebar-menu/background.jpg) no-repeat left top;
	width: 193px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-bottom: 19px;
	list-style: none;
}
#right #moreinfo ul li {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
#moreinfo ul li h3 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #651900;
	text-align: center;
	display: block;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom: 1px solid #999999;
	margin-right: 5px;
	margin-left: 5px;
}
#right #moreinfo ul li a {
}
#right #moreinfo ul li a:hover {
}
#right #moreinfo ul li img {
}

/*Start of inline photo and description.

===========================================*/	
.photo-inline-right {
	color: #666;
	padding: 0px;
	border: 1px solid #ddd;
	float: right;
	margin: 10px 15px 3px 10px;
	width: 185px;
}

.photo-inline-left {
	color: #666;
	padding: 0px;
	border: 1px solid #ddd;
	float: left;
	margin: 10px 10px 3px 15px;
	width: 185px;
}

.photo-inline-left-clear { 
	color: #666;
	padding: 0px;
	border: 1px solid #ddd;
	float: left;
	margin: 10px 10px 3px 15px;
	width: 185px;
	clear: both;
}

.photo-inline-right-clear { 
	color: #666;
	padding: 0px;
	border: 1px solid #ddd;
	float: right;
	margin: 10px 15px 3px 10px;
	width: 185px;
	clear: both;
}

.photo-desc a {
	color: #7D1E1C;
	text-align: right;
	display: block;
	font-weight: normal;
	text-decoration: underline;
	border-top: 1px solid #CCC4AD;
	margin: 4px 0px 0px;
	padding: 3px 2px 5px 0px;
	border-bottom: 1px solid #CCC4AD;
}

.photo-desc a:hover {
	text-decoration: none;
	font-weight: bold;
}

.photo-inline-right img, .photo-inline-left img, .photo-inline-right-clear img, .photo-inline-left-clear img {
	margin: 5px 5px 0px;
	padding: 0px;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}

.photo-desc {
	color: #333333;
	padding: 3px 6px 6px;
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	display: block;
	background: #ECE9D8;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-top-style: none;
}

.photo-desc em {
	color: #666;
	margin: 0px;
	font: italic normal 9px/12px Verdana, sans-serif;
	display: block;
	text-align: right;
	padding: 0px;
}