/* Overall */
html, body {
	margin: 0;
	padding: 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	color: #140500;
	text-align: center;
}

input, select, textarea {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color: #000;
	border: 2px solid #E5DECB;
	padding: 3px;
}

form {
	margin: 0;
	padding: 0;
}

a {
	color: #663B09;
	text-decoration: underline;
}
a:hover {
	color: #A8630F;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, pre {
	margin: 0;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 25px;
}

ul {
	margin: 0;
	padding-left: 3em;
}
ul li {
	margin-bottom: 4px;
}

* :focus {
	outline: 0;
}


/* Headings */
.Heading1 {
	color: #663B09;
	font-size: 14px;
	font-weight: bold;
}

.Heading2 {
	color: #663B09;
	font-size: 19px;
	font-weight: bold;
	border-bottom: 1px dashed #E5DECB;
}

.Heading3 {
	color: #663B09;
	font-size: 12px;
	font-weight: normal;
}


/* Highlights */
.Highlight1 {
	color: #663B09;
}

.Highlight2 {
	color: #C00;
}

.Highlight3 {
	color: #090;
}

.Background1 {
	background-color: #E5DECB;
	padding-left: 5px;
	font-weight: bold;
	color: #806B4A;
}


/* Images */
.ImageLink {
	background-color: #FFF;
	border: 1px solid #ADA084;
	padding: 4px;
	margin-bottom: 5px;
}
a .ImageLink {
	border: 1px solid #ADA084;
}
a:hover .ImageLink {
	background-color: #F3F1E9;
	border: 1px solid #A8630F;
}


/* Buttons */
.Btn1,
.Btn2,
.Btn3 {
	background: url(/images/Btn_BG.png) repeat-x top;
	border-bottom: 0;
	border: 1px solid;
	padding: 2px 10px 2px 11px;
	margin: 0 3px 0 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 3px;	
}
.Btn1:hover,
.Btn2:hover,
.Btn3:hover {
	text-decoration: none;
}

.Btn1 {
	background-color: #663B09;
	border-color: #4D2D06;
	color: #F8F7F3;
}
.Btn1:hover {
	background-color: #814D0C;
	color: #FFF;
}

.Btn2 {
	background-color: #7E7E7E;
	border-color: #626262;
	color: #E6E6E6;
}
.Btn2:hover {
	background-color: #989898;
	color: #FFF;
}

.Btn3 {
	background-color: #A58D61;
	border-color: #8F7A52;
	color: #EEEADD;
}
.Btn3:hover {
	background-color: #AE9971;
	color: #FFF;
}


/* Navigation */
#nav {
	position: absolute;
	top: 133px;
	left: 8px;
	margin: 0;
	padding: 0;
}
#nav a {
	display: block;
	height: 47px;
	text-indent: -9999px;
}
#nav a:hover,
#nav a.hover,
#nav a.selected { 
	background-position: 0 -47px !important;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav ul li { 
	margin: 0;
	padding: 0;
	list-style: none; 
	float: left; 
}

#nav a.home {
	background: url(../images/Nav_Home.jpg) no-repeat;
	width: 89px;
}
#nav a.services {
	background: url(../images/Nav_Services.jpg) no-repeat;
	width: 108px;
}
#nav a.products {
	background: url(../images/Nav_Products.jpg) no-repeat;
	width: 117px;
}
#nav a.store {
	background: url(../images/Nav_Store.jpg) no-repeat;
	width: 89px;
}
#nav a.gallery {
	background: url(../images/Nav_Gallery.jpg) no-repeat;
	width: 108px;
}
#nav a.media {
	background: url(../images/Nav_Media.jpg) no-repeat;
	width: 92px;
}
#nav a.about {
	background: url(../images/Nav_About.jpg) no-repeat;
	width: 94px;
}
#nav a.design {
	background: url(../images/Nav_Design.jpg) no-repeat;
	width: 98px;
}
#nav a.contact {
	background: url(../images/Nav_Contact.jpg) no-repeat;
	width: 112px;
}
#nav a.faq {
	background: url(../images/Nav_FAQ.jpg) no-repeat;
	width: 74px;
}


/* Navigation (Sub) */
#navs {
	font-size: 17px;
	font-weight: bold;
	color: #E7DFCE;
	background-color: #C7BC9E;
	padding: 4px;
}
#navs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#navs ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navs ul li a {
	color: #512F0D;
	text-decoration: none;
	margin: 0 6px 0 4px;
}
#navs ul li a:hover {
	color: #9F5C1A;
	text-decoration: none;
}


/* Navigation (Footer) */
#navf {
	width: 900px;
	margin: 15px 0 10px -6px;
	font-size: 14px;
	color: #E4DECB;
}
#navf ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#navf ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navf ul li a {
	color: #ADA084;
	text-decoration: none;
	margin: 0 8px 0 5px;
}
#navf ul li a:hover {
	color: #663B09;
	text-decoration: none;
}


/* Layout */
#header,
#header_container,
#footer,
#footer_container,
#center,
#body {
	margin: 0 auto;
}

#header_container,
#footer_container,
#body {
	position: relative;
	width: 997px;
}

#header {
	position: relative;
	background: url(../images/Layout_Header.jpg) #1B0F03 no-repeat center top;
	height: 573px;
}

#flash {
	position: absolute;
	top: 216px;
	left: 18px;
}

#footer {
	background: url(../images/Layout_Footer.jpg) #FFF no-repeat center top;
	height: 258px;
	padding: 90px 0 0 0;
	text-align: left;
}

#footer_container {
	padding: 0 24px;
	width: 949px;
}

#center {
	background: url(../images/Layout_Body.jpg) #C2B394 no-repeat center top;
	text-align: left;
	overflow: hidden;
}

#body {
	width: 997px;
}

#body_left {
	float: left;
	width: 670px;
	padding: 33px 0 0 24px;
}

#body_right {
	float: right;
	width: 232px;
	clear: right;
	padding: 113px 25px 0 0;
	font-size: 13px;
	background: url(../images/Icon_Calendar.gif) no-repeat 188px 105px;
}
#body_right p {
	line-height: 22px;
	margin-bottom: 0;
}
#body_right .Heading1 a {
	text-decoration: none;
}

#testimonial {
	float: left;
	font-size: 13px;
	color: #3E2305;
	width: 740px;
}
#testimonial p {
	line-height: 22px;
}
#testimonial ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#flogo {
	float: right;	
}

#fdivider {
	clear: both;	
}

#copyright {
	font-size: 11px;
	color: #E4DECB;
}
#copyright a {
	color: #E4DECB;	
	text-decoration: none;
}
#copyright a:hover {
	color: #D7CEB3;	
	text-decoration: none;
}

#credentials {
	position: absolute;
	top: 191px;
	left: 668px;
	width: 319px;
}


/* Cufon */
h1 {
	font-size: 30px;
	font-weight: normal;
	color: #663B09;
	background: url(../images/Heading_Underline1.png) no-repeat 16px bottom;
	padding-bottom: 28px;
	margin-bottom: 20px;
}

h2 {
	font-size: 20px;
	font-weight: normal;
	color: #663B09;
	background: url(../images/Heading_Underline2.png) no-repeat 10px bottom;
	padding-bottom: 20px;
	margin-bottom: 5px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #ADA084;
	background: url(../images/Heading_Underline3.png) no-repeat 13px bottom;
	padding-bottom: 18px;
	margin-bottom: 2px;
}


/* Quotes */
blockquote {
	border-left: 10px solid #E4DECB;
	background: #C8BC9F;
	padding: 10px;
	margin: 40px 20px;
	color: #140500;
	clear: both;
}

blockquote:before,
blockquote:after {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 8em;
	color: #E4DECB;
}

blockquote:before {
	content: open-quote;
	vertical-align: -.4em;
	margin: 0 0 0 -.05em;
	line-height: .2em;
}

blockquote:after {
	float: right;
	content: close-quote;
	line-height: .7em;
}

blockquote span {
	float: right;
	font-size: 11px;
	color: #663B09;
}

blockquote cite {
	font-style: normal;
	font-size: 14px;
}


/* jQuery FAQ */
#faq dt {
	position: relative;
	color: #663B09;
	font-size: 17px;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	padding-left: 27px;
}
#faq dt:hover {
	color: #8E540D;	
}
#faq dt div {
	position: absolute;
	top: -6px;
	left: -2px;
	font-weight: bold;
	font-size: 23px;
	color: #E4DECB;
}
#faq dd {
	position: relative;
	color: #140500;
	line-height: 21px;
	background-color: #C8BC9F;
	border-top: 3px solid #E4DECB;
	margin: 3px 0px 0px 15px;
	padding: 1px 8px 5px 32px;
}
#faq dd div {
	position: absolute;
	top: 0px;
	left: 4px;
	color: #E4DECB;
	font-weight: bold;
	font-size: 19px;
}
#faq_toggle {
	font-weight: bold;
	font-size: 14px;
}

