HTML { height: 100%; margin-bottom: 1px; }
body { background-color: #c3d3d9; font-family: Verdana, Sans-Serif; font-size: 12px; margin: 20px 8px 8px 8px; }

#wrapper1 { text-align:center; }
#wrapper2 { margin: 0 auto; width: 740px; text-align: left; border: 1px solid #1974a2; background-color: #fff; padding: 7px; min-height: 750px; }
#footer { margin: 10px auto; width: 756px; text-align: left; margin-bottom: 20px; color: #666; font-size: 10px; }
	#footer a { text-decoration: none; color: #666; }
	#footer p.disclaimer { font-size: 10px; margin: 10px 0px 0px 0px; padding: 0; }

	#footer .webflow { float: right; color: #aaa; }
		#footer .webflow a { color: #999; text-decoration: none; }
		#footer .webflow a:hover { color: #333; text-decoration: underline; }

#logo { height: 46px; background-color: #1974a2; }
#logo img { margin: 9px 0px 0px 8px; }

#vip { float: right; position: absolute; margin: 24px 0px 0px 670px; z-index: 1000; }

/* Main menu */
#menu { background-color: #3399cc; height: 18px; border-bottom: 1px solid #fff; margin-top: 1px; }
#menu ul { margin: 0; padding: 0; list-style:none; width: 100%; margin-left: -1px; }
#menu ul li { text-align: left; float: left; height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
#menu ul li a { display: block; height: 17px; text-decoration: none; color: #fff; padding: 1px 10px 0px 10px; }
#menu ul li a:hover { background-color: #1974a2; color: #fff; }
#menu ul li a.sel { background-color: #1974a2; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 1px 9px 0px 9px; }
#menu ul li a.first:hover { border-left: 1px solid #fff; padding-left: 9px; }

#mainpic { position: absolute; top: 94px; margin-left: -7px; }
#slogan { position: absolute; top: 460px; }
#specials { position: absolute; top: 560px; background: url(/images/specials_bg.jpg) no-repeat top left; width: 285px; margin-left: 5px; min-height: 220px; }
	#specials h2 { margin: 5px 10px 13px 10px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #ffa845; color: #333; font-size: 17px; font-weight: normal; }
	#specials div { margin: 0px 10px 10px 10px; }
	#specials ul { list-style-type: none; margin: 0; padding: 0; }
	#specials li { list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(/images/bullet_dot.gif) no-repeat top left; } 

#submenu { background-color: #99ccff; height: 44px; position: absolute; top: 94px; width: 530px; z-index: 99; margin-left: 210px; }
#submenu ul { margin: 0px 0px 0px 0px; padding: 0; list-style: none; }
#submenu ul li { text-align: left; float: left; height: 36px; margin:0px 0px 0px 0px; padding: 8px 13px 0px 0px; color: #fff; font-weight: normal; }
#submenu ul li a { display: block; height: 36px; text-decoration: none; color: #fff; background: url(/images/bullet.gif) no-repeat 50% 17px; }
#submenu ul li a:hover, #submenu ul li a.sel { background-image: url(/images/bullet-over.gif); }

#contentwrapper { padding: 0px 0px 0px 301px; }
#content { background-color: #fff; border-left: 1px solid #74BAED; margin: 51px 0px 0px 0px; min-height: 613px; padding: 10px 10px 10px 10px; background-color: #f2fbfe; }
#content h1 { margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #C6E3F1; color: #1974a2; font-size: 17px; }

.orange { color: #FE9C1B; font-weight: bold; }
.light { font-weight: normal; }

#content ul { margin: 8px 0px 8px 0px; padding: 0px 0px 0px 0px; list-style: none; }
#content ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px; list-style: none; background: url(/images/list-bullet.gif) no-repeat 6px 5px; line-height: 15px; }
#content p { text-indent: 20px; margin: 5px 0px 10px 0px; }
#content p.orange { text-indent: 0px; margin: 5px 0px 5px 0px; }
#content p.noindent { text-indent: 0px; }

#content ul.spaced li { padding: 0 0 10px 19px; }

table#cost { width: 100%; margin: 8px 0px 0px 0px; padding: 0; border: 0; border-collapse: collapse; }
#cost th { background-color: #99ccff; color: #fff; text-align: center; font-weight: normal; }
#cost tr td { text-align: center; padding: 5px 0px 5px 0px; }
td.col1 { text-align: left; }
td.col2 { padding: 5px 10px 5px 10px; }
td.col3 { text-align: right; }
td.col3 img { margin-right: -1px; margin-left: 10px; }

#map { border: 1px solid #3399cc; }
#hours { width: 100%; }
#contactInfo { width: 240px; height: 115px; float: right; position: absolute; margin: 69px 0px 0px 95px; text-align: center; }
#contactInfo h5 { margin: 3px 0px 0px 0px; font-size: 15px; }

#contactForm { width: 100%; }
#contactForm td.name { background-color: #cbe5ff; padding-left: 5px; font-size: 12px; }
#contactForm td.value input { border: 1px solid #999; background-color: White; }
#contactForm tr td .errorField { background-color: #ffbc6b; }

#thankYou, #error { border: 1px solid #3399cc; height: 110px; text-align: center; padding: 76px 10px 0px 10px;  }
#thankYou { background-color: #cbffda; }
#error { background-color: #ffcbcb; }
