hat@charset "UTF-8";
/* CSS Document */

img, div, a, input { behavior: url(images/iepngfix.htc) }

body {
	
	padding:0px;
	font-family:calibri, sans-serif;
	font-size:14px;
	color: #444040;
}

#one{
	background: url(images/background1.gif) top left no-repeat;
	background-color:#B6AF84;
}
#two{
	background: url(images/background7b.gif) top left no-repeat;
	background-color:#B6AF84;
}
#three{
	background: url(images/background4a.gif) top left no-repeat;
	background-color:#B6AF84;
}
#four{
	background: url(images/background3b.gif) top left no-repeat;
	background-color:#B6AF84;
}
#five{
	background: url(images/background5.gif) top left no-repeat;
	background-color:#B6AF84;
	background-position: 0px 0px; 
}
#six{
	background: url(images/background6b.gif) top left no-repeat;
	background-color:#B6AF84;
}
#seven{
	background: url(images/background2a.gif) top left no-repeat;
	background-color:#B6AF84;
}
#eight{
	background: url(images/background8a.gif) top left no-repeat;
	background-color:#B6AF84;
}

a img { border:0 }
img { border:0 }

a:active, a:focus{ outline:none; }


#wrapper{
	width:1100px;
	margin:0 auto;
	margin-top:5px;
}

#top_white_bar{
	background: url() top left no-repeat;
	width:1000px;
	height:85px;
	padding:4px 0px 0px 0px;
}

#logo{
	left: 860px;
	position: absolute;
	z-index:1;
	visibility:show;
}
#twitter{
	clear:none;
	float:right;
	margin-top: 15px;
	margin-left:670px;
	margin-right:48px;
}
#twitter a:hover{
	opacity:0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#twitter2{
	clear:none;
	margin-top: 15px;
	margin-left:670px;
	margin-right:8px;
}
#twitter2 a:hover{
	opacity:0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#search{
	float:right;
	clear:none;
	width:190px;
	margin-top:20px;
}

#search input[type=text]{
	background:#B6B957;
	border:0px;
	height:12px;
	color:#ffffff;
	padding:5px;
	float:left;
	clear:none;
}

#search input[type=image]{
	float:left;
	clear:none;
	margin-left:5px;
}

#menu{
		margin-left:320px;;
		padding:0;
		}
		#menu ul{
		padding:0;
		margin:0;
		}
		#menu li{
		position: relative;
		float: left;
		list-style: none;
		margin: 0;
		padding:0;
		color: #444040;
		min-height: 1px;		
		vertical-align: bottom;
		}
		#menu li a{
		width:100px;
		height: 30px;
		display: block;
		text-decoration:none;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		color: #444040;
		min-height: 1px;		
		vertical-align: bottom;
		}
		#menu li a:hover{
		background-position: bottom center;
		color:#E8E8E8;
		min-height: 1px;		
		vertical-align: bottom;
		}
		#menu ul ul{
		position: absolute;
		top: 30px;
		width: 100px;
		visibility: hidden;
		min-height: 1px;		
		vertical-align: bottom;
		}
		#menu ul li:hover ul{
		visibility:visible;
		min-height: 1px;		
		vertical-align: bottom;
		}


#content_box{
	float:left;
	margin-top:50px;
	margin-left:350px;
	background:#FCFCFC;
	opacity:0.6;
	filter:alpha(opacity=70);
}
#content_box2{
	float:left;
	margin-top:50px;
	margin-left:350px;
	background:#FCFCFC;
	opacity:0.8;
	filter:alpha(opacity=70);
}
#content_boxthree{
	float:left;
	margin-top:50px;
	margin-left:350px;
	background:#FCFCFC;
	opacity:0.7;
	filter:alpha(opacity=70);
}


h1 {
	font-size: 30px;
	margin-left: 5px;
	margin-right: 10px;
	color: #444040;
}

h2 {
	font-size: 20px;
	margin-left: 5px;
	margin-right: 10px;
	color: #444040;
}
h3 {
	font-size:16px;
	margin-left:15px;
	color: #444040;
}
p {
	font-size: 14px;
	font-weight:100;
	margin-left: 5px;
	margin-right: 45px;
	color: #444040;
}


#welcome{
	float:left;
	clear:none;
	width:660px;
	margin-left:30px;
}

.title{
	color:#000000;
	font-size:30px;
}

.sub_title{
	color:#808473;
	font-size:20px;
	text-align:center;
	font-weight:bold;
}

#product{
	width:300px;
	height:200px;
	float:right;
}
#owners{
	width:320px;
	height:280px;
	float:right;
}

#product a:hover{
	opacity:.6;
	filter:alpha(opacity=60);
}
.prices{
	color:#E6E6E6;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	border:0px;
}

.prices a{
	text-decoration:none;
	color:#E6E6E6;
	font-weight:bold;
	text-align:center;
}
#map{
	margin-left:40px;
	float:right;
	margin-right:300px;
}

#divider{
	background:#E6E6E6;
	width:850px;
	height:4px;
	margin-bottom:15px;
}

.whatsnew{
	border:0px solid #000000;
	float:left;
	clear:none;
	margin-right:60px;
	margin-left:40px;
	margin-bottom:0px;
}

.more_btn{
	text-align:center;
	margin-top:10px;
}



#onsale_img{
	text-align:center;
	margin-top:15px;
	margin-bottom:5px;
	
}
#phone{
	float:left
}
#phonenumbers{
	margin-left:10px;
	font-size:12px;
}
#footer{
	border:1px;
	border-color:#6B8E23;
	height:70px;
	font-size:13px;
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
	color:#ffffff;
}
#contactinfo{
	margin-bottom: 20px;
	margin-left: 30px;
	margin-top: 40px;
	float:left;
}

#map{
	margin-bottom: 20px;
	margin-left:160px;
	position:absolute;
	margin-top: 20px;
}

#hours{
	margin-left: 0px;
	margin-top: 45px;
	margin-right:20px;
	float:right;
}
#footer a{
	font-size:16px;
	color:#585858;
}

#hoursheadline {
	float:right;
	font-size:24px;
	margin-right:75px;
}
#days {
	float:right;
	font-size: 20px;
	margin-right: 25px;
	margin-bottom: 30px;
}


#mytemplatebox{
	float:right;
	clear:none;
	font-size: 20px;
}
#copyright{
	margin-left: 420px;
	clear:none;
	margin-top: 5px;
}


#menuh-container
	{
	position: absolute;		
	float:left;
	width:900px;
	height:0px;
	margin-top:0px;
	margin-left:320px;
}

#menuh
	{
	font-size: 14px;
	font-family: calibri, arial, helvetica, sans-serif;
	color: #444040;
	width:100%;
	float:left;
	margin:1em;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 0px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.1em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #444040;
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #E8E8E8;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-color: #B6AF84;
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */
<attach event="ondocumentready" handler="parseStylesheets" />
<script>
var csshoverReg = /(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
	onhover:{on:'onmouseover', off:'onmouseout'},
	onactive:{on:'onmousedown', off:'onmouseup'}
}

function parseStylesheets() {
	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
	window.attachEvent('onunload', unhookHoverEvents);
	var sheets = doc.styleSheets, l = sheets.length;
	for(var i=0; i<l; i++) 
		parseStylesheet(sheets[i]);
}
	function parseStylesheet(sheet) {
		if(sheet.imports) {
			try {
				var imports = sheet.imports, l = imports.length;
				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
			} catch(securityException){}
		}

		try {
			var rules = (currentSheet = sheet).rules, l = rules.length;
			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
		} catch(securityException){}
	}

	function parseCSSRule(rule) {
		var select = rule.selectorText, style = rule.style.cssText;
		if(!csshoverReg.test(select) || !style) return;
		
		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
		var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1];
		var affected = select.replace(/:(hover|active).*$/, '');
		var elements = getElementsBySelect(affected);
		if(elements.length == 0) return;

		currentSheet.addRule(newSelect, style);
		for(var i=0; i<elements.length; i++)
			new HoverElement(elements[i], className, activators[pseudo]);
	}

function HoverElement(node, className, events) {
	if(!node.hovers) node.hovers = {};
	if(node.hovers[className]) return;
	node.hovers[className] = true;
	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
	function hookHoverEvent(node, type, handler) {
		node.attachEvent(type, handler);
		hoverEvents[hoverEvents.length] = { 
			node:node, type:type, handler:handler 
		};
	}

	function unhookHoverEvents() {
		for(var e,i=0; i<hoverEvents.length; i++) {
			e = hoverEvents[i]; 
			e.node.detachEvent(e.type, e.handler);
		}
	}

function getElementsBySelect(rule) {
	var parts, nodes = [doc];
	parts = rule.split(' ');
	for(var i=0; i<parts.length; i++) {
		nodes = getSelectedNodes(parts[i], nodes);
	}	return nodes;
}
	function getSelectedNodes(select, elements) {
		var result, node, nodes = [];
		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
		if(identify) return [doc.getElementById(identify[1])];
		
		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
		for(var i=0; i<elements.length; i++) {
			result = tagName? elements[i].all.tags(tagName):elements[i].all; 
			for(var j=0; j<result.length; j++) {
				node = result[j];
				if(classReg && !classReg.test(node.className)) continue;
				nodes[nodes.length] = node;
			}
		}	return nodes;
	}
</script>

<script type="text/javascript" src="scripts/prototype.js"></script>
		<script type="text/javascript" src="scripts/scriptaculous.js?load=effects"></script>
		<script type="text/javascript" src="scripts/frog.js"></script>
		<style type="text/css">
			
			body{
				text-align: center;
				font-family: calibri, arial, sans-serif;
			font-size: .7em;}

			#FrogJS{
				width: 760px;
				height: 670px;
				margin: 0 auto;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #444040;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;
				color: #444040;
				
			}
		</style>
		
 /* general styling for this example */
 { margin: 0; padding: 0; }
 body { padding: 20px; }
/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

<!--[if lt IE 8]>
<style media="screen,projection" type="text/css">
 #jgal li { filter: alpha(opacity=50); }
#jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
</style>
 <![endif]-->

var gal = {
init : function() {
if (!document.getElementById || !document.createElement || !document.appendChild) return false;
if (document.getElementById('gallery')) document.getElementById('gallery').id = 'jgal';
var li = document.getElementById('jgal').getElementsByTagName('li');
li[0].className = 'active';
for (i=0; i<li.length; i++) {
li[i].style.backgroundImage = 'url(' + li[i].getElementsByTagName('img')[0].src + 'images/jackrayall.jpg';
li[i].title = li[i].getElementsByTagName('img')[0].alt;
gal.addEvent(li[i],'click',function() {
 var im = document.getElementById('jgal').getElementsByTagName('li');
for (j=0; j<im.length; j++) {
im[j].className = '';
}
this.className = 'active';
});
}
},
 addEvent : function(obj, type, fn) {
if (obj.addEventListener) {
 obj.addEventListener(type, fn, false);
 }
 else if (obj.attachEvent) {
obj["e"+type+fn] = fn;
 obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}
gal.addEvent(window,'load', function() {
gal.init();
});

				  				  

	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 700px; margin: 5px auto; position: relative; min-height: 800px;
											  background: url(images/bg.png) top center; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: calibri, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 680px; position: absolute; top: 27px; left: 20px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 680px; height: 700px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 680px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; margin-left:10px; margin-top:10px;}
#movers-row									{ margin: -41px 0 0 58px; }
#movers-row div								{ width: 8%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -19px; 
											  position: relative; padding-top: 10px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat;}