@charset "UTF-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

body {
	background-color: #4F4F51;
	background-image: url(images/knot.jpg);
	background-repeat: repeat;	
}


	
a {
	font-size: 14px;
	color: #FF0000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

h1{
	font-size: 20px;
	color: #FF0000;
	text-align:center;
}

p {
	margin-bottom:10px;
}

#container {
	width: 900px;
	margin: 20px auto;
	position:relative;
}



#intro {
	width: 400px;
	position: absolute;
	top:430px;
	left:315px;
	line-height:1.1em;;
}

#centertext {
	width: 390px;
	font-size:11px;
	position: absolute;
	top:150px;
	left:255px;
	line-height:1.4em;

}

#lefttext {
	width: 520px;
	font-size:11px;
	position:absolute;
	top:150px;
	left:355px;
	line-height:1.6em;
}


body#home #container{
	background: url(images/indexbkgd.jpg) no-repeat;
	height:675px;
}

body#journey #container{
	background: url(images/journeybkgd.jpg) no-repeat;
	height:792px;
}

body#mystic #container{
	background: url(images/mysticalbkgd.jpg) no-repeat;
	height:792px;
}


body#cost #container{
	background: url(images/costbkgd.jpg) no-repeat;
	height:852px;
}

body#testimonials #container{
	background: url(images/testimonialbkgd.jpg) no-repeat;
	height:852px;
}


body#guide #container{
	background: url(images/guidebkgd.jpg) no-repeat;
	height:599px;
}

.clear{
	clear:both;
}

#nav {
	position:absolute;
	top:20px;
	right:15px;
}

#nav div{
	float:right;
	margin:0 5px;
}

#logo {
	width:224px;
	height:70px;
	position:absolute;
	top:20px;
	left:20px;
}

#nav #journey {
	background: url(images/southwest_on.png) no-repeat top left;
	width:158px;
	height:43px;
}

#nav #mystic {
	background: url(images/mystic_on.png) no-repeat top left;
	width:166px;
	height:43px;
}

#nav #cost {
	background: url(images/cost_on.png) no-repeat top left;
	width:76px;
	height:22px;
}

#nav #guide {
	background: url(images/guide_on.png) no-repeat top left;
	width:107px;
	height:25px;
}

#nav #testimonials {
	background: url(images/testimonials_on.png) no-repeat top left;
	width:107px;
	height:25px;
}

#nav #journey:hover {
	background: url(images/southwest_over.png) no-repeat;
}

#nav #mystic:hover {
	background: url(images/mystic_over.png) no-repeat;
}

#nav #cost:hover {
	background: url(images/cost_over.png) no-repeat;
}

#nav #guide:hover {
	background: url(images/guide_over.png) no-repeat;
}

#nav #testimonials:hover {
	background: url(images/testimonials_over.png) no-repeat;
}