/*   
Theme Name: Canyon River Spa
Description: Canyon River Spa Custom Theme
Author: 45 Degrees North
Author URI: http://www.45degreesnorth.com
*/

*
{
	margin		: 0;
	padding		: 0;
}

html, body
{
	margin		: 0;
	padding		: 0;
	background	: #060401 repeat-x url(images/gradient_bg.jpg);
	text-align	: center;
	font		: 15px/1.3 Arial, Helvetica, sans-serif;
	color		: #000000;
}

#arrows
{
	margin-top: -20px;
	margin-left: 800px;
}

#back
{
	float: left;
	margin-right: 10px;
}

#next
{
	
}

h1
{
	font-size: 25px;
	margin-left: 5px;
	font-weight: lighter;
}

h2
{
	font-size: 20px;
	margin-left: 5px;
	font-weight: lighter;
}

a, img { border: 0; }

a { color: #844606; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

div#preload { display: none; }

#container {
	position: absolute;
	left: -805px;
	margin-left: 50%;
	padding: 75px 0 100px 0;
	border: 0;
	width: 1500px;
	text-align: left;
	z-index: 1;
}

/* global iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
p {
	margin: 0;
	padding: 5px;
}

a {
	text-decoration: none;
	color: #ABA187;
}

a:hover {
	text-decoration: none;
	color: #352B00;
}

hr {
	color: #A39F93;
	background-color: #A39F93;
	height: 2px;
	width: 375px;
	border-style: none;
	margin-top: 20px;
	margin-bottom: 10px;
}

/* gift card iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
a.buygiftcardbutton {
	display: block;
	background: url(images/buygiftcardbutton.gif) no-repeat;
	width: 87px;
	height: 13px;
	margin-top: 5px;
	margin-left: 5px;
}

a.buygiftcardbutton:hover {
	display: block;
	background: url(images/buygiftcardbuttonover.gif) no-repeat;
	width: 87px;
	height: 13px;
	padding: 0;
	margin-top: 5px;
}

.hidden {
	display: none;
}

.tan {
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #ABA187;
	margin-left: 5px;
	/*font-weight: bold;*/
}

/* home iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
#home-copy {
	position: absolute;
	left: -192px;
	margin-left: 49%;
	padding: 80px 0 0 5px;
	color: #352B00;
	width: 500px;
	text-align: left;
	z-index: 2;
}

#welcome-text {
	background: url(images/welcome-text.png) no-repeat;
	width: 344px;
	height: 150px;
}

/* main content iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
#content-copy {
	position: absolute;
	left: -192px;
	margin-left: 49%;
	padding: 90px 0 0 18px;
	color: #352B00;
	width: 400px;
	text-align: left;
	z-index: 2;
}

/* for pararagraphs with two lines of header above */
.heightadj {
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 21px;
	height: 151px;
}

#copy {
	position: absolute;
	left: -192px;
	margin-left: 50%;
	padding: 130px 0 0 18px;
	color: #352B00;
	width: 365px;
	text-align: left;
	z-index: 2;
}

#copy .p1 {
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 24px;
}

#copy .p2 {
	margin-top: 16px;
	font: 17px Arial, Helvetica, sans-serif;
	line-height: 26px;
	color: #ABA187;
	font-weight: bold;
}

/* nav iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
#nav-container-left {
	float: left !important;
	border-style: solid;
	border-width: thin;
	border-color: red;
}

#nav-container-right {
	display: inline;
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	border-style: solid;
	border-width: thin;
	border-color: red;
}

#facebook {
	position: absolute;
	margin-left: 330px;
	margin-top: 250px;
}

#blog {
	position: absolute;
	margin-left: 375px;
	margin-top: 250px;
}

#nav {
	width: 195px;
	min-height: 420px;
	text-align: right;
	font: 14px Arial, Helvetica, sans-serif;
}

#nav li {
	list-style: none;
	text-transform: lowercase;
}

#nav a.logo {
	display: block;
	width: 220px;
	height: 113px;
	margin: 0 0 0 325px;
	padding-bottom: 10px;
	background: top left no-repeat url(images/logo.png);
}

#nav li a {
	display: block;
	width: 195px;
	height: 21px;
	text-decoration: none;
	color: #352B00;
	border: 0;
	margin: 4px 0 0 340px;
}

#nav a.navitembold {
	display: block;
	width: 195px;
	height: 21px;
	text-decoration: none;
	color: #352B00;
	font-weight: bold;
	border: 0;
	margin: 4px 0 0 340px;
}

#nav li a:hover {
	display: block;
	width: 195px;
	height: 21px;
	text-decoration: none;
	color: #352B00;
	font-weight: bold;
	border: 0;
	margin: 4px 0 0 340px;
}

/* subnav iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
#subnav {
	width: 500px;
}

#subnav li {
	list-style: none;
	/*text-transform: lowercase;*/
}

#subnav li a  {
	font: 15px Arial, Helvetica, sans-serif;
	color: #005953;
	line-height: 21px;
	padding: 0;
}

#subnav li a:hover {
	background: url(images/sub-nav-arrow-over.gif) no-repeat center right ;
	font: 15px Arial, Helvetica, sans-serif;
	color: #005953;
	font-weight: bold;
	line-height: 21px;
	padding: 0 12px 0 0;
}

/* footer iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
#footer-container-left {
	float: left;
}

#footer-container-right {
	display: block;
	float: left;
	margin-top: 20px;
	margin-left: 35px;
	width: 900px;
}

#footer-contact {
	color: #F0E1C2;
	font-size: 10px !important;
}

#footer-contact a {
	text-decoration: none;
	color: #F0E1C2;
}

#footer-contact a:hover {
	color: #FFFFFF;
}

/* wimpy iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii */
#wimpy-container {
	margin: 0;
	padding: 0 0 0 93px;
	background: #060401 url(images/popup_bg.jpg) no-repeat;
}

#wimpy-container p {
	padding-top: 150px;
	width: 300px;
}

#wimpy-player-container {
	margin-top: 5px;
	padding-bottom: 22px;
	width: 200px;
}

#wimpy-contact-info {
	margin-top: 10px;
	color: #A69078;
	width: 350px;
}

#wimpy-contact-info a {
	text-decoration: none;
	color: #A69078;
}

#wimpy-contact-info a:hover {
	color: #816B42;
}

#wimpyplayer {
	text-align: right;
	margin: 38px 0 0 0;
	width: 550px;
}

a.openbutton {
	display: block;
	background: url(images/openbutton.gif) no-repeat right;
	margin: 0 0 10px 0;
	width: 500px;
	height: 17px;
}

a.openbutton:hover {
	display: block;
	background: url(images/openbuttonover.gif) no-repeat right;
	margin: 0 0 10px 0;
	width: 500px;
	height: 17px;
}