/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

h1 { font-size: 42px; color: #8ba028; font-weight: lighter; text-transform: uppercase; letter-spacing: -1px; }

body { min-width: 1300px; }
a.button { width: 289px; height: 57px; text-transform: uppercase; color: #FFF; box-shadow: 0 0 3px #555; background: url('../img/schedule_button.png') no-repeat; text-decoration: none; font-size: 17px; padding: 16px 26px; position:relative; z-index:1; z-index:2;}
/* a.button:hover { text-shadow: 0 0 1px #fff; behavior: url('http://gardenacu.com/landing/assets/css/js/PIE.htc'); } */

header { 
	position:relative;
	width: auto;
	height:460px;
	background-image : url('../img/bamboo_left.png'), url('../img/bamboo_right.png'), url('../img/ricepaper_bg.png');
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: -30% 0, 130% 0, 0 0;
	-pie-background-image: url('http://gardenacu.com/assets/img/bamboo_left.png'), url('http://gardenacu.com/assets/img/bamboo_right.png'), url('http://gardenacu.com/assets/img/ricepaper_bg.png');
	-pie-background-repeat: no-repeat, no-repeat, repeat-x;
	-pie-background-position: -30% 0, 130% 0, 0 0;
	behavior: url(http://gardenacu.com/landing/assets/css/js/PIE.htc);
}

header h1 { padding: 40px 0; }
header p { font-size: 18px; color: #696d69; font-weight: 300; line-height: 24px; }
header p:first-of-type { margin-bottom: 25px; }
header p span.hurray { color: #b7d235; font-weight: bold;}

img { max-height: 100%; }

header .col { display: inline-block; float: left; width: 33%; }
header .callout { text-align: center; width: 585px; margin: 50px auto 0; display: inline-block;}

.content { width: 100%; min-width: 1100px; clear: both; position: relative;	text-align: center;}

.banner { 
	position: relative;
	height: 161px; 
	background: url('../img/bar_bg.png') repeat-x;
	text-align: center;
	overflow: visible;
}

.banner .button { }

section .info { 
	width: 620px;
	margin: 0 auto;
	text-align: left;
	padding: 36px 0; 
	clear:both;
}
section .info h1 { 
	font-size: 88px;
	color: #ecf2bc;
	font-weight: 300;
	position: relative;
	letter-spacing: -6px;
	text-shadow: 3px 3px 0 #676;
	padding-right: 20px;
	behavior: url(http://gardenacu.com/landing/assets/css/js/PIE.htc);
}
section .info h1 span { 
	font-size: 30px;
	vertical-align: top;
	position: relative;
	top: 12px;
	right: 10px;
	font-weight: normal;
}

section .left {
	display: inline-block;
	float: left;
	width: 154px;
	overflow:visible;
}

section .right {
	display: inline-block;
	float: left;
	padding: 20px 0 10px;
	text-shadow: 3px 3px 0 #676;
	color: #FFF;
	font-size: 20px;
	width: 465px;
	behavior: url(http://gardenacu.com/landing/assets/css/js/PIE.htc);
}

section .right h2 { font-weight: 300; }
section .right h3 { font-weight: 300; font-size: 22px; }
section .right span { font-weight: normal; }
section .right span span { font-weight: 300; font-size: 14px; }


.schedule { position: relative; bottom: 45px; }
.flower { position: relative; z-index:0; }
.flower.fl-left { top: 23px; left: 80px; }
.flower.fl-right { top: 23px; right: 80px; }

.detail { width: 860px; height:425px; margin: 0 auto; text-align: left; margin-top: 20px; }
.detail-left, .detail-right { width: 400px; float: left; display: inline-block; }
.detail-left { margin-right: 30px; padding-right: 29px; background:url('../img/detail_border.png') no-repeat 100% 0; height: 425px; }
.detail-right p { margin-bottom: 25px; }
.detail-right p:first-of-type { margin-bottom: 30px; }

ul.leaf {
	list-style-image: url('../img/leaf_bullet.png');
	margin-top: 20px; padding-left:25px;
}
ul.leaf li { font-size: 17px; color: #696d69; font-weight: 300; margin-bottom:15px; }

footer { 
	text-align: center;
	background: url('../img/footer_bg.png') repeat; 
	min-height: 650px; 
}

footer p { 
	color: #696d69;
	font-size: 18px; 
	font-weight: 300; 
	line-height: 24px;
}

footer a { color: #696d69; text-decoration: underline; }
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
 .cf:before,
 .cf:after {
 	content: " "; /* 1 */
 	display: table; /* 2 */
 }

 .cf:after {
 	clear: both;
 }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
 .cf {
 	*zoom: 1;
 }

 .instructions {
 	position: relative;
 	height: 161px; 
 	width: 206px;
 	float: left;
 	color: white;
 	font-weight: lighter;
 	text-align: center;
 }

 .instructions img {
 	display:block;
 	margin:auto;
 }

 .instructions p {
 	position: absolute;
 	bottom: 60px;
 	margin-left: auto;
 	margin-right: auto;
 	left: 0;
 	right: 0;
 }

 img#check-us-out {
 	padding-top: 30px;
 	display:block;
 	margin:auto;
 }

 .signature {
 	text-align: right;
 	font-weight: bold;
 	padding-bottom: 20px;
 	font-style: normal;
 }

 #review-footer {
 	width: 610px;
 	font-size: 18px;
 	font-weight: lighter;
 }