/* =================== Getting the new tags to behave START ====================== */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* ==================== Getting the new tags to behave END ======================= */





/* ========================= Global properties START ============================= */

body {
	background: url(../images/body_bg2.jpg) left top repeat;
	min-width: 980px;
	height: 100%;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 1em;
	color: #8c8573;
}

html {
	background: transparent;
	min-width: 980px;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	font-size: 100%;
}

div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

a {
	outline: none;
	color: #9e0b0f;
	text-decoration:none;
}

	a:hover {
		text-decoration:underline;
	}
	
h2{line-height:1.2em; font-size:3.75em; text-transform:uppercase; color:#534c43; margin-bottom:17px}
h3{line-height:1.2em; font-size:2.333em; text-transform:uppercase; color:#534c43; margin-bottom:20px}
	h3.extra{margin-bottom:16px}
	h3.extra1{margin-bottom:14px}

h5{
	line-height:1.2em;
	font-size:2em;
	color:#675f4c;
	letter-spacing:-1px;
	margin-bottom:10px;
	font-family: Tahoma, Geneva, sans-serif;
}

h6{text-transform:uppercase; line-height:18px; font-weight:normal; margin-bottom:5px}
	h6.extra{margin-bottom:3px}

p{
	line-height:17px;
	margin-bottom:17px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
}
	p.extra{margin-bottom:7px}

.line_hor{background:#908c77; height:1px; overflow:hidden; font-size:0; line-height:0; margin-bottom:28px}

.red{color:#9e0b0f}

div.extra{margin-bottom:20px}
div.extra1{margin-bottom:24px}
div.extra2{margin-bottom:31px}

.uppercase{text-transform:uppercase}

.quote{background:url(../images/quote.jpg) left top no-repeat; padding-left:35px}


/* ========================= Global properties END =============================== */






/* ========================= Global Structure START ============================== */

#main {
	width:1022px;
	margin: 0 auto;
	font-size: 0.75em;
	background:#fbf7e6;
	padding:21px 0;
	position:relative;
	top:20px;
}

header {
	position: relative;
	width:980px;
	margin:0 auto;
	height:115px;
	background:url(../images/header_bg.jpg) left top repeat;
}

#content {
	height:636px;
	width:980px;
	margin:0 auto;
}

#page1 #content {background:url(../images/bg1.jpg) left top no-repeat}
#page2 #content {background:url(../images/bg1.jpg) left top no-repeat}
#page3 #content {background:url(../images/bg7.jpg) left top no-repeat}
#page4 #content {background:url(../images/bg3.jpg) left top no-repeat}
#page5 #content {background:url(../images/bg6.jpg) left top no-repeat}
#page6 #content {background:url(../images/bg2.jpg) left top no-repeat}
#page7 #content {background:url(../images/bg4.jpg) left top no-repeat}
#page8 #content {background:url(../images/bg5.jpg) left top no-repeat}


footer {
	height:36px;
	background:url(../images/footer_bg.jpg) left top repeat;
	overflow: hidden;
	width:980px;
	margin:0 auto;
	color:#766e60;
	font-size:0.917em;
	text-transform:uppercase;
}

/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

.aligncenter {
	padding: 15px 0 0 0;
	text-align: center;
}

.alignright {
	text-align:right;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

/* ====================== Left & Right alignment END ============================= */

.shadow, nav a{behavior: url(js/PIE.htc);}
nav a{-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.shadow{-webkit-box-shadow: #e6e4d2 0px 0px 6px; -moz-box-shadow: #e6e4d2 0px 0px 6px; box-shadow: #e6e4d2 0px 0px 6px; position:relative}


/* ============================== header START =================================== */

#logo {position:absolute; top: 26px; left:34px; color:#8f8b76}
	#logo a{display:block; line-height:1.2em; font-size:4em; color:#f0f0d2; text-decoration:none; position:relative; z-index:5}
	#logo a:hover{text-decoration:none}

nav{
	position:absolute;
	text-transform:uppercase;
	font-size:0.917em;
	top:47px;
	left:414px;
	width:559px
}
	nav li{float:left; margin-right:5px}
	nav a{color:#a39f89; text-decoration:none; line-height:27px; display:inline-block; padding:0 14px; position:relative; background:url(../images/spacer.png) left top repeat}
	nav a:hover, nav .active a{background:#343127; color:#f4f4e7; text-decoration:none}

/* =============================== header END ==================================== */





/* ============================= content START =================================== */

#content #indent {
	padding: 0 0 0 0;
}
article{background:url(../images/article_bg.png) left top no-repeat; width:861px; height:482px; position:relative; top:81px; margin:0 auto}
.article_inner{padding:25px 23px 23px 23px}
.article_inner1{overflow: hidden; padding: 31px 29px;}

.list{line-height:28px; margin-bottom:10px}
.list a{color: #8c8573;}

.list1{overflow:hidden}
	.list1 dt{line-height:23px; margin-bottom:3px}
	.list1 dd{line-height:17px; margin-bottom:10px}
	.list1 .last{margin-bottom:0}
	.list1 time{margin-right:8px}

.scroll{overflow:auto; height:280px; position:relative}
.list2{}
	.list2 li{overflow:hidden; float:left; width:345px; padding-right:23px; margin-bottom:17px}
	.list2 p{margin-bottom:0}
	.list2 h6{padding-top:3px}

.price{width:332px; padding-right:30px}
.price li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
}

.price li strong {
	background: url(../images/line.gif) left 17px repeat-x;
	display: block;
	overflow: hidden;
}

.price li .pay {
	float: right;
	font-weight:normal;
}
.price li .red{float:left; margin-right:3px}
.price li a {
	float: left;
	color: #8c8573;
}

.icons{overflow:hidden; padding-top:4px}
	.icons li{margin-right:5px}
/* ============================== content END ==================================== */



/* ============================= boxes START ===================================== */

.box {
	width: 268px;
	overflow: hidden;
	height:434px;
	background:#fffded;
	float:right;
}
	.box_inner {
		padding: 31px 18px 5px 30px;
	}
	
/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */
a.more{line-height:33px; display:inline-block; font-size:1.083em; text-transform:uppercase; color:#fff; background:#9e0b0f; padding:0 18px 0 19px}
	a.more:hover{text-decoration:none; background:#343127}

a.more2{line-height:33px; display:inline-block; font-size:1.083em; text-transform:uppercase; color:#fff; background:#343127; padding:0 18px 0 19px}
	a.more2:hover{text-decoration:none; background:#9e0b0f}


a.more1{padding:3px 1px}
	a.more1 img{vertical-align:middle}
/* ==================== txt, links, lines, titles END ============================ */





/* ============================= forms START ===================================== */

#contact_form {
	width: 474px;
	overflow: hidden;
}
#contact_form input, #contact_form textarea{float:left; border:none; outline:none; background:none; padding:8px; width:398px; margin:0; font:12px Tahoma, Geneva, sans-serif; color:#000}
#contact_form textarea{overflow:auto; height:131px}
#contact_form .name{display:inline-block; float:left; width:55px; padding:7px 5px 0 0}
#contact_form .input{height:31px; background:url(../images/input.jpg) 60px top no-repeat}
#contact_form .textarea{height:147px; background:url(../images/textarea.jpg) 60px top no-repeat}
#contact_form .wrapper{margin-bottom:6px}
#contact_form .buttons{text-align:right; padding-top:14px}
#contact_form .buttons a{margin-left:6px;}
/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.pic_indent { margin:0 0 20px 0}
.pic_indent1 { margin:0 18px 0 0}
/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
footer .wrapper{padding-top:10px}
footer a {color: #6d6658; text-decoration:none}
	footer a:hover{text-decoration:underline}
	.copy{float:left; padding-left:26px}
		.copy b{font-weight:normal}
	.footer_link{float:left; margin-left:4px}

/* ============================= footer END ====================================== */