@charset "utf-8";

/* css reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:100%; font-weight:normal; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
ul,ol { list-style:none; }
abbr,acronym { border:0; }
fieldset,img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; }

/* basics */
body { background: #D2EAF2 url(../images/bg-top.jpg) repeat-x left top; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; line-height: 1.5em; }
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; color: #C21A23; margin-bottom: 20px; }
h2 {  }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; color: #000; font-weight: bold; margin-bottom: 3px; }
.inline-headings { color: #C21A23; font-weight: bold; }

/* images and misc. */
img { border: none; padding: 0; }
img a {border:none; }
.img-left { padding: 4px; border: 1px solid #CCC; margin: 0px 20px 15px 0px; float: left; }
.img-right { padding: 4px; border: 1px solid #CCC; margin: 0px 0px 10px 20px; float: right; }

/* links */
a { text-decoration: none; }
a:hover {  }

/* layout */
#wrapper { width: 900px; min-height: 100%; margin: 0px auto; position: relative; }

/* header */
#header { height: 115px; width: 900px; float: left; }
#whiteline { background: url(../images/whiteline.png) repeat-x left top; height: 9px; width: 900px; position: absolute; left: 0px; top: 112px; z-index: 100; }

/* navigation */
#navigation { background: url(../images/bg-nav.png) no-repeat left top; height: 28px; width: 724px; position: absolute; z-index: 50; left: 88px; top: 118px; }
.menu { border:none; border:0px; padding:0px; font-size:10pt; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin-left: 70px; }
.menu ul { background:none; height:28px; list-style:none; padding:0; margin: 0; }
.menu li { float:left; padding:0px; }
.menu li a { background:none; color:#FFF; display:block; font-weight:bold; line-height:24px; margin:0px; padding:0px 20px; text-align:center; text-decoration:none; border-left: 1px solid #740202; }
.menu li a:hover, .menu ul li:hover a { background: #720202; color:#FFF; text-decoration:none; }
.menu li ul { background:#720202; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:220px; z-index:200; /*top:1em; /*left:0;*/ }
.menu li:hover ul { display:block; }
.menu li li { display:block; float:none; margin:0px; padding:0px; width:220px; }
.menu li:hover li a { background:none; }
.menu li ul a { display:block; height:26px; border-top: 1px solid #FAECE1; font-size:12px; font-style:normal; margin:0px; padding-left: 10px; text-align:left; }
.menu li ul a:hover, .menu li ul li:hover a { background:#5961B2; border-top: 1px solid #FAECE1; color: #FFF; text-decoration:none; border-left: none; }
.menu p { clear:left; }	
.menuright { border-right: 1px solid #740202; }

/* slideshow home page */
#slideshow { position:relative; float: left; z-index: 10; height: 360px; width: 900px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }

/* slideshow inside pages */
#slideshow2 { position:relative; float: left; z-index: 10; height: 300px; width: 900px; }
#slideshow2 img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow2 img.active { z-index:10; opacity:1.0; }
#slideshow2 img.last-active { z-index:0; }

/* main content area */
#maincontenthome { background: url(../images/bg-home-dark.jpg); float: left; width: 900px; padding-top: 20px; }
#maincontent { background: white url(../images/text-shadow.png) no-repeat center top; float: left; width: 650px; padding: 40px 125px; }
#hours { height: 316px; width: 232px; position: absolute; left: 667px; top: 420px; z-index: 50; }
#linkscontainer { float: left; width: 120px; margin-left: 10px; }
#linkscontainer img { margin-bottom: 15px; }
#hometext { float: left; width: 470px; margin-left: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFF; text-align: justify; margin-bottom: 30px; line-height: 12pt; }
#maintext { width: 650px; text-align: justify; }
#map { height: 500px; width: 650px; }
#loyalty { height: 114px; width: 650px; margin-bottom: 40px; text-align: center; margin-top: 20px; }

/* contact form */
form { background: url(../images/bg-contactform.png) no-repeat -7px top; height: 290px; width: 590px; margin-top: 10px; padding: 30px 37px 30px 23px; }
#formname { float: left; height: 50px; width: 280px; margin-right: 20px; }
#formemail { float: left; height: 50px; width: 280px; }
#formcomment { float: left; height: 150px; width: 590px; margin-top: 15px; }
#formsubmit { background: url(../images/smtbutton.png) no-repeat left top; float: left; height: 32px; width: 116px; margin-left: 474px; margin-top: 20px; }
label { font-weight: bold; }
input { width: 280px; float: left; border: 1px solid #999; }
input.txt { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000; padding: 4px; }
textarea { border: 1px solid #999; width: 582px; height: 130px; }
textarea.txt { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #000; padding: 4px; }
#smt { border-style: none; width: 116px; height: 32px; background: url(../images/smtbutton.png) no-repeat left top; font-weight: bold; cursor: pointer; font-size: 1em; }

/* footer */
#footer-home { background: url(../images/bg-footer.jpg) no-repeat left top; height: 23px; width: 900px; float: left; }
#footer { background: url(../images/bg-footer-pages.jpg) no-repeat left top; height: 23px; width: 900px; float: left; }
#copy { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #FFF; float: left; width: 350px; margin-left: 95px; padding-top: 2px; }
#pm { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #FFF; float: right; width: 300px; padding-top: 2px; margin-right: 95px; text-align: right; }
#pm a { color: #FFFF66; text-decoration: none; }
#pm a:hover { color: #FFF; text-decoration: underline; }