body {
	margin: 0;
	padding: 0;
	background: #fff url(images/bg_body.jpg) repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #e2c9af;
}
a {
	color: #ff0200;
}
#wrapper {
	margin: 15px auto 0 auto;
	width: 864px;
	position: relative;
}
#header {
	background: url(images/bg_top.png) no-repeat left bottom;
	height: 161px;
}
h1 {
	position: absolute;
	left: 277px;
	top: 0;
	text-indent: -9999em;
	margin: 0;
	width: 310px;
	height: 205px;
	background: url(images/dogbarn_logo.png) no-repeat left top;
}
h1 a {
	display: block;
	width: 310px;
	height: 205px;
}

/* Navigation */
#menu {
	position: absolute;
	left: 47px;
	top: 161px;
	width: 208px;
	height: 175px;
}
#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	margin: 0;
	padding: 0;
}
#nav li a {
	display: block;
	width: 208px;
	height: 35px;
	text-indent: -9999em;
	background-position: 0 0;
	background-repeat: no-repeat;

}
#nav li a:hover, #nav li.active a {
	background-position: -208px 0;
}
#nav li#mAbout a {
	background-image: url(images/mAbout.png);
}
#nav li#mServices a {
	background-image: url(images/mServices.png);
}
#nav li#mReviews a {
	background-image: url(images/mReviews.png);
}
#nav li#mReservation a {
	background-image: url(images/mReservation.png);
}
#nav li#mContact a {
	background-image: url(images/mContact.png);
}

/* Content */
#contentWrapper {
	background: url(images/bg_middle.png) repeat-y left top;
	padding: 0 27px;
}
#content {
	padding: 40px 27px 27px 267px;
	background: url(images/dog.jpg) no-repeat left bottom;
	min-height: 509px;
}
#content h2 {
	color: #fff;
	font-size: 28px;
	margin-bottom: 1.2em;
	font-weight: normal;
	border-bottom: 2px solid #4a2c0c;
	padding-bottom: 5px;
}

#home h2 {
	text-indent: -9999em;
	background: url(images/h2_home.png) no-repeat left top;
	width: 510px;
	height: 57px;
	margin: 0;
}
#homeBullets {
	font-size: 18px;
	margin: 0 0 35px 0;
	padding: 0;
}
#homeBullets li {
	list-style: none;
	margin: 0.8em 0 0 0;
	background: url(images/dog_track.png) no-repeat left top;
	padding-left: 35px;
	line-height: 1.4em;
}

#letter {
	background: #fff url(images/letter_top.jpg) no-repeat left top;
	/*background: #fff url(images/bg_letter.png) repeat-y left top;*/
	padding: 185px 35px 35px 35px;
}
#letter h3 {
	font-family: Comic Sans MS;
	font-size: 24px;
	margin: 0 0 24px 0;
	line-height: 24px;
	color: #931010;
}
#letter p {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-family: Comic Sans MS;
	margin: 0 0 24px 0;
}

p.review {
	margin: 0;
}

/* Scroller */

#slider {
    width: 518px;
    margin: 0 auto;
    position: relative;
}
.scroll {
    height: 400px;
    width: 516px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color: #4a3113;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 480px;
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    /*margin-right: 10px;*/
}
/*NOAH XU Update
ul.navigation a {
    padding: 10px 6px;
    color: #f9c200;
    text-decoration: none;
    font-weight: bold;
    background-color: #931010;
}*/

ul.navigation a {
    padding: 10px 12px;
    color: #f9c200;
    text-decoration: none;
    font-weight: bold;
    background-color: #931010;
}

ul.navigation a:hover {
    background-color: #f9c200;
    color: #931010;
}

ul.navigation a.selected {
    background-color: #4a3113;
    color: #fff;
}

ul.navigation a:focus {
    outline: none;
}
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -20px;
}
.scrollButtons.right {
    right: -20px;
}
.hide {
    display: none;
}
.panel p, .panel ul {
	line-height: 1.5em;
}
.panel strong {
	color: #fff;
}
.panel h3 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin-top: 0;
}

/* ---*/

#footer {
	background: url(images/bg_bottom.png) no-repeat left top;
	padding: 30px;
	/*--Noah Xu--*/
	color:#FFF;
}

/* Form */

table.resForm td {
	border-bottom: 1px solid #4a2c0c;
}
td.formSectionHeading {
	background-color: #4a2c0c;
	padding: 6px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.txtField, .txtArea {
	width: 260px;
	background-color: #3a240c;
	border: 1px solid #4a2c0c;
	color: #e2c9af;
	padding: 4px;
}
td.formLabels {
	padding: 10px 0 10px 20px;
}
td.formElements {
	padding: 6px 0 6px 20px;
}

a.weblink { color: #f9c200; }