/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
 tfoot, thead,{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul { padding-top:0 !important; margin-top:0 !important;
}
img { border:none}
/* tables still need 'cellspacing="0"' in the markup */

p{ padding-top:0; margin-top:0; margin-bottom:10px}
/*end reset*/
/*golbal styles*/
body {
	font-size:.75em; font-family:"Times New Roman", Times, serif; color:#414042 ; background-image:url(images/floral-bg.jpg); }

body a {
	color:#9f1f21;
	margin: 0px;
	padding: 0px;
	font-size:.75em; 
}
h1 {
}

h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

h3 {font:"Times New Roman", Times, serif; color:#9e2021; font-size:1em; font-stretch:narrower; font-weight:bold; padding:0; margin:0; display:block; float:left}


h4 {font:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#414042; font-size:15px; padding:0; margin:0;}

h5 {font:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#700c0b; font-size:13px; padding:0; margin:0;}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
#pagebackground{z-index:10;
	position:absolute;
	width:100%;
	height:220px;
	left: 1px;
	top: -3px; background-image:url(images/bg-top.jpg); background-position:top !important; background-repeat:repeat-x !important; }
#pageWrapper{
	z-index:1;
	position:absolute;
	width:100%;
	height:100%;
	left: 1px;
	top: -3px; background-image:url(images/floral-bg.jpg); 
}
#pagecontainer{
	width:855px;
	margin:25px auto 0;
	position:relative;
	left: 50%;
	margin-left: -427px; z-index:100;
}
#page{ width:855px;  position:relative; background-image:url(images/shadow-side.jpg); z-index:100}
#shadowtop{ width:855px; height:94px; background-image:url(images/top-bg.jpg); background-repeat: no-repeat;}
#shadowbottom{ width:817px; padding:0 19px 73px;  background-image:url(images/bottom-bg.jpg); background-position:bottom; background-repeat:no-repeat; position:relative; z-index:100;}
.pngFix { behavior: url(wp-content/themes/appledie/iepngfix.htc) !important;  }
.cb{ clear:both}
.fr{ float:right}
/*end golbal*/

/*header styles*/
#logo{
	width:224px;
	height:84px;
	padding:10px 0 0 59px;
	position:absolute;
	top: 36px; z-index:2000
}
#logoinside{
	width:187px;
	height:72px;
	padding:23px 0 0 95px;
	position:absolute;
	top: 36px;  z-index:1800
}

.quotetitle{ font-style:normal; color:#333; font-size:13px; }
/*end header*/
/*nav styles*/
#mainnavcontainer{ text-align:center; padding-top:21px; z-index:2000}

#mainnav
{	margin: 0; 
	padding: 21px 0 0 194px;
	}

#mainnav li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#mainnav li a
{	display: block;
	margin: 21px 1px 0 0;
	padding: 4px 8px;
	color:#58595b;
	text-align: center;
	text-decoration: none; font: bold 13px "Times New Roman", Times, serif}

#mainnav li a:hover
{	 color: #9f1f21;}

#mainnav div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ECEBD6;
	border: 1px solid #C3C3B3; z-index:2000!important}

	#mainnav div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 15px 5px 7px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #58595b;
		font: 12px "Times New Roman", Times, serif; z-index:2000 !important}

	#mainnav div a:hover
	{	background: #700C0B;
		color: #FFF}


/*end nav*/

/*index styles*/
 #indexbody{ width:433px; font:19px  "Times New Roman", Times, serif;  padding:63px 30px 0 30px; float:left; line-height:28px;}
 #indexbody h1{font:19px  "Times New Roman", Times, serif; color:#414042; padding:0; margin:0; display:inline}
 #callouts{position:absolute; left: 535px; top: 400px; width:292px; z-index:10 !important}
 
/*end index*/

/*inside styles*/
#pageinside{ width:855px;  z-index:10; background-image:url(images/shadow-side.jpg); padding-top:37px;   line-height:19px; z-index:10}
#pageinside a { font-size:1em; line-height:18px; color:#9f1f21; text-decoration:none}
#pageinside a:hover{ text-decoration:underline}
#pageinside  h1{font-size:1em;  display:inline !important; margin:0; padding:0; font-weight:normal}

.nolink{color:#9f1f21;}
 #smallbody{ width:427px;  padding:77px 0 0 32px; float:left;  }
 #largebody{ width:616px; padding:80px 0 0 52px; float:left }
 #onecolumn{ width:716px;  padding:65px 0 0 40px; float:left }
 #sidenav{ width:136px; padding:38px 0 0 6px; float:left;}
 #sidenav h2{ font:15px "Times New Roman", Times, serif; color:#661718; border-bottom:1px #939598 solid; font-weight:bold; margin-bottom:2px; padding:0  0 5px 5px ;}
  #sidenav ul{ margin:0; padding:0; list-style:none}
 #sidenav li{ margin:7px 0 7px 6px;  line-height:10px !important}
 #sidenav a{ font:11px Verdana, Geneva, sans-serif; color:#9f1f21; text-decoration:none;    }
 #sidenav a:hover{ color:#661718; text-decoration:underline}
 #productlinks li{ margin:0 0 0 6px;  line-height:10px !important}

 .productsleft{ width:120px; float:left; text-align:center; padding:15px 20px 15px 0  }
 .productsleft img{border:1px #661718 solid}
 .productsleft a { font-weight:bold; text-decoration:none; color:#9f1f21;}
 .productsleft a:hover{ text-decoration:underline}
 .productline{width:420px; height:1px; color:#939598 !important; border-bottom:1px; float:left; line-height:20px}
 .productlinesm{width:380px; height:1px; color:#939598 !important; border-bottom:1px; float:left; line-height:20px}
 .qa{color:#9f1f21; padding-right:10px; font-weight:bold; font-size:14px}
 #merchbody{float:right !important; width:200px !important; padding:15px 15px 0 10px !important; font:.9em Georgia, "Times New Roman", Times, serif; line-height:18px}
#pageinside .bodypaddingtop{ margin-top:18px !important}
#pageinside .h1bodypaddingtop{ margin-bottom:10px !important; margin-top:18px; padding-top:0; display:block}
.h1paragraph {  margin-bottom:10px !important; padding-top:0; display:block}
#print { font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; margin-top:23px}
/*end inside*

/*locations styles*/
.landingpage{ width:149px; text-align:center !important; color:#661718; float:left; margin:0 25px 18px 0}
.landingpage img{ border:1px #661718 solid}
.landingpage h3 { text-align:center !important; float:none }
#directorsleft{width:130px; float:left; }
	.directoricons{ width:44px; float:left; }
	.directoricontitle{ float:left; padding:28px 0 0 5px; margin-bottom:10px }
	 #directorsleft h3 {margin-bottom:10px; color:#661718; }
 #directorsright{ width:276px; float:left; padding-left:15px; padding-top:10px}
 #directorsright img {border:1px #661718 solid}
 #assistants{ width:130px; float:left}
 	#thumbnailcontainer{ float:left; width:282px}
 	.tourthumbnails{ width:132px; float:left; padding:10px 5px 0 0; text-align:center}
	.tourthumbnails p{ padding:0; margin:0}
	.thumbnailline{ width:282px; height:1px; color:#939598; border-bottom:1px; float:left}
	#address{ float:left; width:160px; padding-top:5px}
	#directions{ float:left; padding:5px 0}
	#panobody h1{text-align:center; color:#661718; font-weight:bold !important; font:14px "Times New Roman", Times, serif; padding-bottom:10px}
	#panobody #back{ text-align:center; font-weight:100 !important; padding-top:10px; font:Arial, Helvetica, sans-serif !important}
	
/*end locations*/

/*directors styles*/
#directorsbody{ width:440px; padding:50px 0 0 10px; float:left;  }
#director{ width:260px; padding-top:25px}
.directorsline{height:1px; color:#939598; border-bottom:1px; }
.email a{color:#414042 !important }
.bioquote{ font-style:italic !important; color:#661718;  font:15px "Times New Roman", Times, serif;  font-weight:bold; margin-bottom:10px; display:block}
.bioquote h1 { font-style:italic !important; color:#661718;  font:15px "Times New Roman", Times, serif;  font-weight:bold !important;}
.columnlist{ width:133px; float:left}
#columnlistmiddle{ padding-left:25px}
.columnlist h2{ padding:0 0 5px; margin:0; color:#661718;  font:1.3em "Times New Roman", Times, serif; font-weight:bold;}
.columnlist p{ padding:0 0 10px; margin:0}
	.biolinks{ font-family:Arial, Helvetica, sans-serif !important; font-size:.9em !important}
/*end directors*/


/*directors styles*/

.smallSearchText{font-size:small;
    color: gray;}

/*end directors*/

/*imagerollover styles*/
  #columnleft { float:left; margin-top:104px; text-align:left; z-index:1}
   #columnleftinside { float:left; text-align:left;}
  #columnright { float:right; text-align:right; }
  .quote{ float:left;  font-style:italic !important; color:#661718;  font: 15px "Times New Roman", Times, serif; font-weight:bold}
  
.imgrollover a{
color:#9f1f21; text-decoration:none;
}
.imgrollover a:hover, .imgrollover a:active, .imgrollover a:focus{
color:#9f1f21; text-decoration:none;
visibility: visible; font-style:italic !important;}

.imgrollover a .overleft {
	visibility:hidden;
	display:block;
	position:absolute;
	left:193px; /**position same as default image layer above**/
	top:400px; /**position same as default image layer above**/
	 z-index:10 ; font-style:italic !important;
 }

.imgrollover a .onleft {
	visibility:visible;
	display:block;
	position:absolute;
	left:193px; /**position same as default image layer above**/
	top:400px; /**position same as default image layer above**/
	width:300px; z-index:10 ; font-style:italic !important;
}

.imgrollover a .overright {
visibility:hidden;
display:block;
position:absolute;
left:330px; /**position same as default image layer above**/
top:0; /**position same as default image layer above**/
width:350px; z-index:10; font-style:italic !important;
 }

.imgrollover a .onright {
	visibility:visible;
	display:block;
	position:absolute;
	left:330px; /**position same as default image layer above**/
	top:0; /**position same as default image layer above**/
	width:350px; z-index:10;  font-style:italic !important;
}

.imgrollover a .overinside {
visibility:hidden;
display:block;
position:absolute;
left:325px; /**position same as default image layer above**/
top:142px; /**position same as default image layer above**/
width:275px; text-align:right; z-index:10; font-weight:bold; font-style:italic !important;

 }

.imgrollover a .oninside {
	visibility:visible;
	display:block;
	position:absolute;
	left:200px; /**position same as default image layer above**/
	top:30px; /**position same as default image layer above**/
	width:400px; text-align:right; z-index:10; font-weight:bold; font-style:italic !important;
}
/***No rollover***/
.imgrollover .oninside {
	visibility:visible;
	display:block;
	position:absolute;
	left:250px; /**position same as default image layer above**/
	top:10px; /**position same as default image layer above**/
	width:400px; text-align:right; z-index:10; font-weight:bold; font-style:italic !important;
}

/****End*****/

.imgrollover a .overabout {
visibility:hidden;
display:block;
position:absolute;
left:282px; /**position same as default image layer above**/
top:130px; /**position same as default image layer above**/
width:275px; text-align:left; z-index:10; font-style:italic !important;

 }

.imgrollover a .onabout {
	visibility:visible;
	display:block;
	position:absolute;
	left:282px; /**position same as default image layer above**/
	top:142px; /**position same as default image layer above**/
	width:275px; text-align:left; z-index:10; 
}



  .imgrollover a:hover .overleft, .imgrollover a:active .overleft, .imgrollover a:focus .overleft, .imgrollover a:hover .overright, .imgrollover a:active .overright, .imgrollover a:focus .overright, .imgrollover a:hover .overinside, .imgrollover a:active .overinside, .imgrollover a:focus .overinside,  .imgrollover a:hover .overabout, .imgrollover a:active .overabout, .imgrollover a:focus .overabout {visibility:visible;}

.imgrollover a:hover .onleft, .imgrollover a:active .onleft, .imgrollover a:focus .onleft, .imgrollover a:hover .onright, .imgrollover a:active .onright, .imgrollover a:focus .onright, .imgrollover a:hover .oninside, .imgrollover a:active .oninside, .imgrollover a:focus .oninside, .imgrollover a:hover .onabout, .imgrollover a:active .onabout, .imgrollover a:focus .onabout{
visibility:hidden;}

.oninside  h1 {font-style:italic !important; color:#661718;  font:15px "Times New Roman", Times, serif;  font-weight:bold !important;}
/*end imagerollover*/
  
 #footer{ color:#FFF; text-align:center; padding:12px 0; font-family:"Times New Roman", Times, serif; font-size:11px; font-weight:bold}
 .footerspacer{ padding:0 5px}

/*** Increasing Fonts ***/


#changeFont {float:left; width:80px; margin-left:7px; margin-top:15px
}
#changeFont a{color:#414042 !important;}
#changeFont a:hover{color: #9f1f21!important;}
 .decreaseFont {
	color:#CCCCCC;
	font:11px Georgia, "Times New Roman", Times, serif !important; font-weight:bold !important; 
	float:left;margin-top:8px; padding:0 1px 0 1px; 
}
.resetFont{
	color:#CCCCCC;
	font:14px Georgia, "Times New Roman", Times, serif !important; font-weight:bold !important; 
	float:left; margin-top:5px; padding:0 2px 0 1px}

.increaseFont{ color:#CCCCCC;
	font:20px Georgia, "Times New Roman", Times, serif !important; font-weight:bold !important; 
	float:left; padding:0 2px 0 1px}
#textsize{float:left; width:80px; font-size:9px; margin-top:-7px; margin-left:7px; color:#939598}
#directorschange{ padding-top:160px; margin-left:20px; width:80px; float:left}