@charset "utf-8";
/* Shandon Court */

/* 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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; } /* remember to define focus styles! */
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

body { background:#5d3926; }

p { margin-bottom:16px; line-height:20px; }
p:last-child { margin-bottom:0; }

h2 { margin-bottom:16px; font:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; }

/* Containers */
#container { background:url(../img/bgRepeat.jpg) repeat-y 0 205px; margin:25px auto 0; width:960px;
	/*-mox-box-shadow:0 0 15px #1a100f; -webkit-box-shadow:0 0 15px #1a100f; box-shadow:0 0 15px #1a100f;*/
}
#header { height:205px; background:url(../img/header.jpg) no-repeat; position:relative; }
	#header h1 { background:url(../img/logo.png) no-repeat; height:110px; margin:0 auto 10px; overflow:hidden; position:relative; text-indent:-999px; top:60px; width:564px; }
	#header .headerInfo { background:url(../img/icons.png) no-repeat; color:#6D441D; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; padding:0 0 0 20px; position:absolute; top:165px; }
		#header .headerInfo.hIP { background-position:left top; right:265px; }
		#header .headerInfo.hIW { background-position:left bottom; left:380px; }
		#header a.headerInfo { color:#6d441d; text-decoration:none; }
#center { min-height:375px; padding:10px 20px; }
#content { margin:0 0 0 170px; }
#footer { background:url(../img/footer.png) no-repeat center center; color:#4c2a0c; font:14px/20px Georgia, "Times New Roman", Times, serif; height:191px; padding:5px; text-align:center; }
	#footer #logo { background:url(../img/logoFooter.png) no-repeat; height:42px; margin:30px auto 20px; display:block; overflow:hidden; text-indent:-999px; width:218px; }
	#footer a { color:#4c2a0c; }

#content a { text-decoration:underline; color:#724013; font-family:Arial, Helvetica, sans-serif; }
#content { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-align:center; color:#724013; }

ul.fancy { margin-bottom:16px; text-align:left; }
ul.fancy li { font-weight:bold; background:url(../img/bullet1.png) no-repeat top left; padding-left:32px; line-height:18px; margin-bottom:10px; }
ul.fancy li ul { margin-top:5px; }

.button { background:#724013; border:solid 1px #57310f; border-bottom-color:#492e16; border-top-color:#8f5118; border-radius:5px; color:#ddcfbe !important; display:inline-block; font-weight:bold; padding:15px 25px; text-decoration:none !important; text-shadow:-1px -1px 1px rgba(0,0,0,.25);
 -webkit-box-shadow:0 0 8px rgba(0,0,0,.5); -moz-box-shadow:0 0 8px rgba(0,0,0,.5); box-shadow:0 0 8px rgba(0,0,0,.5);
	background:-moz-linear-gradient(top, #724013 0%, #542e0e 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#724013), color-stop(100%,#542e0e));
	background:-webkit-linear-gradient(top, #724013 0%,#542e0e 100%);
	background:-o-linear-gradient(top, #724013 0%,#542e0e 100%);
	background:-ms-linear-gradient(top, #724013 0%,#542e0e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#724013', endColorstr='#542e0e',GradientType=0 );
	background:linear-gradient(top, #724013 0%,#542e0e 100%);
	-webkit-transition:color .3s ease-out;
	-moz-transition:color .3s ease-out;
	-o-transition:color .3s ease-out;
	transition:color .3s ease-out;
}
.button:hover, .button:focus { color:#FFF !important; }
.button:active { padding:16px 25px 14px; text-shadow:-1px -1px 1px rgba(0,0,0,.5); }

/* Nav */
#nav { float:left; width:150px; color:#724013; font:14px Tahoma, Geneva, sans-serif; margin:0 20px 0 0; }
#nav a { color:#724013; text-decoration:none; }
#nav a:hover { color:#FFF; text-shadow:1px 1px 0px #724013; }
#nav li { font-weight:bold; background:url(../img/navBullet1.png) no-repeat top left; padding-left:18px; line-height:15px; margin-bottom:10px; }
#nav li ul {  }
#nav li ul li { font-size:13px; font-weight:normal; background:url(../img/navBullet2.png) no-repeat top left; padding-left:24px; line-height:12px; margin:10px 0 0; }

#homeBox { height:143px; width:390px; background:url(../images/homeBG.png) repeat; margin:15px auto; padding:10px 15px; text-align:center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; color:#48432F; overflow:hidden; text-transform:capitalize; font-weight:bold; }
#musicBox { height:101px; width:292px; margin:0 auto 16px; padding:240px 20px; background:url(../images/musicBG.png) no-repeat; font-size:13px; font-weight:bold; color:#442626; }
	#musicBox a { font-family:Georgia, "Times New Roman", Times, serif; color:#442626; }
#directions { font-family:Arial, Helvetica, sans-serif; text-align:left; }
	#directions h3 { border-bottom:solid 1px #724013; padding-bottom:5px; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; }

#promos { background:url(../img/cb_m.png) repeat-y top; margin:109px auto 61px; min-height:328px; padding:0px 63px 35px; position:relative; width:540px; }
	#promos:before, #promos:after { content:""; display:block; margin:0 -63px; position:absolute; width:666px; }
	#promos:before { background:url(../img/cb_t.png) no-repeat top; height:94px; top:-94px; }
	#promos:after { background:url(../img/cb_b.png) no-repeat top; bottom:-51px; height:51px; }

#gallery { height:400px; margin:0 auto; overflow:hidden; width:600px; z-index:1; }
	#gallery:after, #galleryFrame { background:url(../img/galleryFrame.png) no-repeat; content:""; display:block; height:400px; left:0; position:relative; top:0; width:600px; z-index:2; }
	#galleryFrame { margin:0 auto -400px; top:-400px; }
	
#contactForm { text-align:left; font-size:14px; line-height:18px; }
	#contactForm li { margin:0 0 10px 140px; position:relative; }
	#contactForm label { display:block; float:left; width:130px; line-height:22px; text-align:right; margin: 0 0 0 -140px; }
	#contactForm input[type="text"], #contactForm textarea, #contactForm select { padding:4px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 5px 5px 0; vertical-align:middle; }
	#contactForm input[type="text"].tSmall { width:30px; }
	#contactForm textarea { height:160px; vertical-align:top; }
	#contactForm select { width:auto; }
	#contactForm input[type="submit"] { padding:4px 6px; }
	#contactForm .error { background:#FF9194; border:#F00 solid 1px; }
	#contactForm label.error { position:absolute; z-index:1; top:0; right:-70px; padding:4px; text-align:left; font-size:10px; color:#F00; line-height:normal; width:auto; }

/* Clear Fix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */