/* ---------- COLORS (FOR REFERENCE ONLY) ---------- */
/*
primary		#000000
secondary	#000000
tertiary	#000000
*/

/* ---------- MAIN ---------- */

a {color:#00A5E8;}
a:hover {color:#00A5E8;}

.paragraph h3, .hilite {
color:#00A5E8;
}

::selection {background: #00A5E8; /* Safari */}

::-moz-selection {background: #00A5E8; /* Firefox */}

li {list-style-image: url(../img/bulletRelax.png);}

#mainContentHome {background:url(../img/homeFreeBg.jpg) top center no-repeat;}

.logo a {background:url(../img/logoMain.jpg) no-repeat; height:111px;background-position:0px -222px;width:285px;display:block;}
.logo a:hover {height:111px;background-position:0px -333px;width:285px;}

#stripe {
width:1040px;
margin: 0 auto;
z-index: 10;
position: absolute;
top:0px;
height:10px;
background:url(../img/stripe.png) 0 -10px no-repeat;
}

#buyNow a img {
border-top:1px solid #00A5E8;
border-left:1px solid #00A5E8;
border-bottom:1px solid #00A5E8;
-webkit-transition: all .2s ease-in-out;
background:#00A5E8;
}
#buyNow a img:hover {
border-top:1px solid #004594;
border-left:1px solid #004594;
border-bottom:1px solid #004594;
background:#003674;
}

#switchContainer ul li#energy a {background:url(../img/switcher.png) 0 -30px no-repeat;}
#switchContainer ul li#relax a {background:url(../img/switcher.png) -85px -30px no-repeat;}
#switchContainer ul li#energy a:hover {background:url(../img/switcher.png) 0 -60px no-repeat;}
#switchContainer ul li#relax a:hover {background:url(../img/switcher.png) -85px -30px no-repeat;}


.button1 a {background:transparent url(../img/button1r.png) no-repeat;}
.button2 a {background:transparent url(../img/button2r.png) no-repeat;}
.button3 a {background:transparent url(../img/button3r.png) no-repeat;}
.button3 a:hover {color:#00A5E8;}
.button4 a {background:#ccc url(../img/button4r.png) repeat-x;}

.logo a img {background: url(../img/logoMain.jpg) no-repeat;}
.logo a:hover img {background: url(../img/logoMain.jpg) no-repeat;}

#nav a {background: url(../img/navMain.png) no-repeat;}

#nav span.currentNav {background: url(../img/subnavRingRelax.png) no-repeat; display:none;}

/* #nav_215 a.currentLink { */
ul#nav .mainNav1 a.currentLink { 
background-position: -10px -135px;
}
/* #nav_212 a.currentLink { */
ul#nav .mainNav2 a.currentLink { 
background-position: -124px -135px;
}
/* #nav_180 a.currentLink { */
ul#nav .mainNav3 a.currentLink { 
background-position: -236px -135px;
}
/* #nav_205 a.currentLink { */
ul#nav .mainNav4 a.currentLink { 
background-position: -384px -135px;
}
/* #nav_182 a.currentLink { */
ul#nav .mainNav5 a.currentLink { 
background-position: -525px -135px;
}

#nav li li a:hover {color: #00A5E8;}

#sidebar_ul a.currentLink {color:#00A5E8;text-decoration: none;}
#sidebar_ul a.currentLink:hover {color:#00A5E8;text-decoration: none;}

#footer a:hover {text-decoration:none;color:#00A5E8;}

.message {background:#00A5E8;}

.question {color:#00A5E8;font-weight:bold;}

ul.rateme .rateTitle, ul.rateme .rateTitle a {color:#00A5E8;}

.rateThumbs a img:hover {border:3px solid #00A5E8;}

div.ratePoint {background:url(../img/iconArrowPointR.png);}


/* ---------- BLOG ---------- */

.searchButton {background-color: #00A5E8;border:1px solid #00A5E8;}
.commentForm {border-top: 1px solid #00A5E8;}
h2.postTitle, h2.postTitle a {
font-size: 30px;
color:#00A5E8;
padding-bottom:10px;
}
h2.postTitle a:hover {
text-decoration: underline;
}

/* ---------- CALENDAR ---------- */

.calendarBlank {background-image: url(../img/calendarBg.gif);}
.fc .fc-grid td.fc-today {background: #fff url(../img/calendarTodayRelax.png) center center no-repeat;}
.fc-event a {border-color: #00A5E8;background-color: #00A5E8;}
.fc-event a, .fc-agenda .fc-event-time, .fc-event a {background-color: #00A5E8;}
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
	font-size: 12px;
	border-style: none; 
	     /* default BORDER color (probably the same as background-color) */
	background:#00A5E8;	 /* default BACKGROUND color */
	color: #fff;            /* default TEXT color */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2)));
	}
.fc-event a:hover {
	text-decoration: underline;
}
	
	/* Use the 'className' CalEvent property and the following
	 * example CSS to change event color on a per-event basis:
	 *
	 * .myclass,
	 * .fc-agenda .myclass .fc-event-time,
	 * .myclass a {
	 *     background-color: black;
	 *     border-color: black;
	 *     color: red;
	 *     }
	 */
.hide b, .hide strong {
color:#00A5E8;
}

/* ---------- FORMS ---------- */

.form input:focus, .form textarea:focus, .pagePassword input[type=password]:focus {background-color:#00A5E8;}
.form input[type=submit], .pagePassword input[type=submit], a.button {background-color:#00A5E8;border:1px solid #00A5E8;}
.form input[type=submit]:hover, .pagePassword input[type=submit]:hover {color:#00A5E8;}
.niceform option {background:#00A5E8;}

/* ---------- STORE ---------- */
.storeItem .sale, #storeContent strong {color:#00A5E8;}
.storeItemView a {background-color:#00A5E8;border:1px solid #00A5E8;}
.storeItemView a:hover {color:#00A5E8;}
div#storeContent input[type=submit], #sideSearch input[type=submit] {background-color:#00A5E8;border:1px solid #00A5E8;}
div#storeContent input[type=submit]:hover, #sideSearch input[type=submit]:hover {color:#00A5E8;}
.storeDisplayPrice{color:#00A5E8;}


/* ---------- CKEDITOR ---------- */
.bigColorTxt {
font-size:20px;
color:#00A5E8;
}
.colorTxt {
color:#00A5E8;
}