/** GAYLEBURBANK.COM CSS
design & developed by Emerald Interaction **/

*{
	margin:0;
	padding:0;
}
body, html{
	background:#9cb261;
	height:100%;
	font:normal 13px "palatino linotype", "book antiqua", palatino, serif;
	color:#333;
}

/** CLASSES **/

.floatleft{
	float:left;
}
.margincenter{
	margin:0 auto;
}
.margin20{
	margin-left:20px;
}
.margin420{
	margin-left:420px;
}
.centered{
	text-align:center;
}
.clear{
	clear:both;
}
.none{
	display:none;
}
span.italic{
	font-style:italic;
}
.upper{
	text-transform:uppercase;
	font-weight:bold;
}
.ml10{
	margin-left:10px;
}

/** TEXT & LINKS **/
h1{
	font:normal 18px "palatino linotype","book antiqua",palatino,serif;
}
h2{
	font-size:14px;
}
p{
	font:normal 13px "palatino linotype","book antiqua",palatino,serif;
	color:#333;
}
a, a:link, a:visited{
	text-decoration:none;
	color:#353;
}
a img{
	border:none;
}
#globalnav a, #subnav a{
	color:#333;
}
a.active{
	font-weight:bold;
}

/** STRUCTURE **/

#bgd{
	text-align:center;
	height:100%;
}
#bgd img{
	top:0;
	height:100%;
	min-height:480px;
	margin-bottom:-80px;
}
#globalnav{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:1002;
	height:80px;
	background:url(img/nav-bgd.png) repeat-x;
}
#topnav{
	padding:10px 0 10px;
	width:500px;
	margin:0 auto;
}
#topnav ul{
	margin-top:5px;
}
#topnav img.floatleft{
	margin:8px;
}
#topnav ul.floatleft{
	padding-right:10px;
	list-style:none;
	border-right:1px solid #333;
	margin:8px 10px 0;
}
#topnav ul.floatleft li{
	font:normal 14px "palatino linotype","book antiqua",palatino,serif;
	text-transform:uppercase;
	padding:3px 0 0;
}
#topnav ul.floatleft li a.active{
	font-weight:bold;
	color:#637a26;
}
#topnav ul.links2{
	list-style:none;
	padding-top:4px;
}
#topnav ul.links2 li{
	font:italic 13px "palatino linotype","book antiqua",palatino,serif;
	line-height:110%;
}
#topnav ul.links2 li a{
	font:italic 13px "palatino linotype","book antiqua",palatino,serif;
	line-height:110%;
}
#topnav ul.links2 li a.active{
	font-weight:bold;
	color:#637a26;
}
#topnav ul li.first{
	border:none;
}
#topnav ul li a:hover{
	color:#666;
}

/** SCROLLPANE **/

a.jScrollArrowUp{
	background:url(img/arrow-up.png) repeat-x 0 0;
}
a.jScrollArrowUp:hover{
	background:url(img/arrow-up2.png) no-repeat;
}
a.jScrollArrowDown{
	background:url(img/arrow-down.png) repeat-x 0 0;
}
a.jScrollArrowDown:hover{
	background:url(img/arrow-down2.png) no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{
	background-position:0 -30px;
}
#txt{
	width:100%;
	position:absolute;
	top:30px;
}
#txt2{
	width:100%;
	position:absolute;
	top:80px;
}
#txt2 div.contact{
	height:186px;
	width:290px;
	margin:0 auto;
	background:transparent url(img/text-box2.png) no-repeat;
	padding:25px 15px;
}
#txt2 div.contact h1{
	font-size:18px;
	margin:0 0 10px;
}
#txt2 div.contact h2{
	font-size:15px;
}
#txt2 div.contact h1.ml10{
	margin-left:10px;
	font-size:17px;
}	
.holder{
	margin:0 auto;
	width:550px;
	height:400px;
	background:url(img/text-box.png) no-repeat top left;
	padding:15px 0 20px 20px;
}
.scroll-pane{
	width:510px;
	overflow:auto;
	padding-right:10px;
	text-align:justify;
}
.scroll-pane h1{
	font-weight:bold;
	font-size:18px;
	line-height:1.2em;
	padding:0 10px;
	text-align:left;
	margin-bottom:0.5em;
}
.scrollpane h2{
	margin:0.8em 0;
	font:italic 15px "palatino linotype","book antiqua",palatino,serif;
	padding:0 10px;
}
.scroll-pane p{
	padding:0 5px 0 10px;
	line-height:1.2em;
	margin:0.7em 0;
}
.scroll-pane p.first{
	margin-top:10px;
}
.scroll-pane ul, #txt2 div.contact ul{
	margin:10px 0 10px 20px;
}
.scroll-pane li, #txt2 div.contact li{
	margin-bottom:0.3em;
}
.scroll-pane p.gardens{
	padding:0 20px 0 25px;
	margin:5px 0;
}
.scroll-pane p.accolades{
	font:italic 14px "palatino linotype","book antiqua",palatino, serif;
}
.scroll-pane p.owner{
	font:bold 12px "palatino linotype","book antiqua",palatino,serif;
	text-align:right;
	margin:-5px 0 0;
}
.scroll-pane p.sculpture{
	font:normal 13px "palatino linotype","book antiqua",palatino,serif;
}
.scroll-pane h1.sculpture{
	color:#030;
	font-size:17px;
}
.scroll-pane a{
	font-weight:bold;
}
.scroll-pane a:hover, #txt2 div.contact a:hover{
	border-bottom:1px solid #333;
}
#pane2{
	height:365px;
}
.jScrollPaneContainer{
	position:relative;
	overflow:hidden;
	z-index: 1;
}
.jScrollPaneTrack{
	position:absolute;
	cursor:pointer;
	right:0;
	top:0;
	height:100%;
	background:#aaa;
}
.jScrollPaneDrag{
	position:absolute;
	background:#666;
	cursor:pointer;
	overflow:hidden;
}
.jScrollPaneDragTop{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.jScrollPaneDragBottom{
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
}
a.jScrollArrowUp{
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	/*background-color:#666;*/
	height:9px;
}
a.jScrollArrowUp:hover{
	/*background-color:#f60;*/
}
a.jScrollArrowDown{
	display:block;
	position:absolute;
	z-index:1;
	bottom:0;
	right:0;
	text-indent:-2000px;
	overflow:hidden;
	/*background-color:#666;*/
	height:9px;
}
a.jScrollArrowDown:hover{
	/*background-color:#f60;*/
} 
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{
	/*background-color:#f00;*/
}

/** NYROMODAL **/

#nyroModalContent{
	padding-bottom:68px;
	background:#c3c3c3;
}
div#nyroModalFull{
	font-size:12px;
	color:#777;
	background:#9cb261;
}
div#nyroModalLoading{
	width:150px;
	height:150px;
	text-indent:-9999em;
	background:#9cb261 url(img/loader.gif) no-repeat;
	background-position:center;
}
div#nyroModalLoading.error{
	border:4px solid #333;
	line-height:20px;
	padding:20px;
	width:300px;
	height:100px;
	text-indent:0;
	background:#9cb261;
}
div#nyroModalWrapper{
	background:#9cb261;
}
a#closeBut{
	position:absolute;
	display:block;
	top:-13px;
	right:-13px;
	width:12px;
	height:12px;
	text-indent:-9999em;
	outline:0;
}
body.notitle h1#nyroModalTitle{
	display:none;
}
h1#nyroModalTitle{
	margin:0;
	padding:0;
	position:absolute;
	top:30%;
	left:50%;
	font-size:16px;
	font-weight:bold;
	color:#444;
	z-index:106;
	width:8em;
}
div#nyroModalContent{
	overflow:auto;
}
div.wrapper div#nyroModalContent{
	padding:5px;
}
div.wrapperImg div#nyroModalContent{
	position:relative;
	overflow:hidden;
	text-align:center;
}
div.wrapperImg img{
	vertical-align:baseline;
}
div.wrapperImg div#nyroModalContent div{
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
	margin:10px;
	border:1px white dotted;
	overflow:hidden;
}
div.wrapperImg div#nyroModalContent div:hover{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	cursor:help;
}
a.nyroModalPrev, a.nyroModalNext{
	z-index:1003;
	outline:none;
	position:absolute;
	top:0;
	height:100%;
	width:40%;
	cursor:pointer;
	text-indent:-9999em;
	background:url(data:image/gif;base64,AAAA) left 40% no-repeat; /* IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext{
	height:60%;
	width:20%;
}
a.nyroModalPrev{
	left:0;
	background-image:url(img/prev1.png);
}
a.nyroModalNext{
	right:0;
	background-position:right 40%;
	background-image:url(img/next1.png);
}

/** PRINT **/

@media print {

	body, html, globalnav, #pane2{
		background:#fff;
	}
	#bgd{
		height:700px;
	}
	#bgd img{
		height:700px;
		margin:0;
	}
	#globalnav{
		position:absolute;
		bottom:5%;
		width:1024px;
	}

	#txt{
		position:absolute;
	}
	.holder{
		height:720px;
	}
	.jScrollPaneContainer{
		overflow:visible;
	}
	h1#nyroModalTitle{
		margin:0;
		padding:0;
		position:absolute;
		top:30%;
		left:50%;
		font-size:16px;
		font-weight:bold;
		color:#444;
		z-index:106;
		width:8em;
	}
	#bgd a, #bgd a img{
		display:none;
	}

	div#nyroModalFull, div#nyroModalContent{
		background-color:transparent;
	}
	div#nyroModalWrapper{
		width:1024px;
	}
	a.nyroModalPrev, a.nyroModalNext, a#closeBut{
		display:none;
	}

}