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;
	left: 214px;
	top: 278px;
	width: 695px;
}



#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;}