/*
Copyright: 2011 - Hot Spring Spas
Owner URI: http://www.hotspring.com
Author: BusinessOnline
Last Modified: 05/25/11
*/

/*--------------------------------- RESETS ------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}


/* ------------------------ GLOBAL ELEMENTS ------------------------ */
body { 
	background: #000;
	color: #FFF;
	font: 69.5%/1.2em Arial, Helvetica, sans-serif; 
}
#wrapper {
	font-size: 1.4em;
	line-height: 1.6em;
}
a:link,
a:visited { 
	color: #FFF;
	text-decoration: underline; 
	outline: none; 
}
a:hover,
a:active { 
	color: #CCC; 
	text-decoration: underline; 
	outline: none; 
}


/* ------------------------ type selectors ------------------------ */
blockquote { 
	margin-left: 2em; 
	margin-right: 2em; 
}
h1, h2, h3, h4, h5, h6 {
	color:#FFF;
	font-size: 1.8em;
	line-height: 1.6em;
	text-shadow: 0 0 6px #333;
}
h1	{ font-size: 2.4em; }
h2	{ font-size: 2em; }
h3	{ font-size: 1.8em; }
p {
	margin: 0 0 0.8em 0;
}



/* ------------------------ classes ------------------------ */ 
.clear	{ 
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/* ------------------------ Masthead Framework ------------------------ */
#logo {
	margin: 0 0 0 1em;
}


/* ------------------------ Main Actions Navigation ------------------------ */
#mainActions li {
	line-height: 2em;
	margin:0.5em 1em;
}
#mainActions li a {
	background: #1491d1;
	display: block;
	font-size: 1.8em;
	padding: 1em;
	text-decoration: none;
	width: 90%;
}
#mainActions #globalDealerLocator {
	line-height: 2em;
} 
#mainActions #globalDealerLocator label {
	display: none;
}
#mainActions #globalDealerLocator input {
	vertical-align: top;
}
#mainActions #globalDealerLocator input#dealerLocator {
	border: none;
	font-size: 1.8em;
	padding: 0.8em 1em;
	width: 64%;
}
#dealerLocatorSubmit {
	color: #FFF;
	background: #1491d1;
	border: none;
	font-size: 1.8em;
	padding: 0.8em 0;
	width: 25%;
}


/* ------------------------ Main Content Framework ------------------------ */
#container {
	background: #1491d1;
	margin: 1em;
	padding: 1em;
	width: 90%;
}

.homepage .spaColumn a {
	font-size: 2em;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.homepage .spaColumn a span {
	text-shadow: 0 0 4px #000;
}

#backToStars {
	margin: 1em 0 0.5em 0;
}



/* ------------------------ Spa Selector Framework ------------------------ */
#spaSelector {
	float: right;
    margin: -75px 0 0;
    position: relative;
    width: 550px;
    z-index: 100;
}
#spaSelector ul {
}
#spaSelector ul li {
	float: left;
	width: 136px;
}
#spaSelector ul li a {
	display: block;
}
#spaSelector ul li a img{
}
#spaSelector p {
	font-size: 1.6em;
	margin: 60px 0 0 0;
}
#spaSelector p sup {
	font-size: 0.6em;
}

/* ------------------------ Footer Framework ------------------------ */
#footer {`
	margin: 0 2em 0 0;
	padding: 0 3em 0 2em;
}
#footer .hotspring-link {
	display: block;
	float: left;
	height: 65px;
	margin: 0 1em 0 1em;
	width: 147px;
}
#footer #footerNav {
	margin-left: 15em;
}
#footer #footerNav ul {
	float: right;
	margin: 0.5em 0 0 0;
}
#footer #footerNav ul li {
	display: inline;
}
#footer #footerNav ul li a {
	color:#DDD; 
	border-left: 1px solid #EEE;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0 0.8em;
	padding: 0 0 0 0.8em;
}
#footer #footerNav ul li a:active,
#footer #footerNav ul li a:hover {
	color:#3CAFFE;
}
#footer #footerNav ul li.first a {
	border: none;
}
#footer #copyright {
	clear: both;
	margin: 1em 0 0 0;
	text-align: right;
}






/* ------------------
	If Ipad or Desktop
--------------------- */
@media screen and (min-device-width: 768px) {


	/* ------------------------ main framework ------------------------ */
	#wrapper {
		margin: 0 auto;
		width: 960px;
	}
	
	
	/* ------------------------ masthead framework ------------------------ */
	#masthead {
		margin: 30px 0 10px 0;
	}
	#logo {
		float: left;
		margin: 0;
		width: 300px;
	}
	
	
	/* ------------------------ Main Actions Navigation ------------------------ */
	#mainActions {
		float: right;
		width: 560px;
	}
	#mainActions li {
		float: left;
		height: 30px;
		margin: 5px 10px;
	}
	#mainActions li a {
		display: block;
		font-size: 1.1em;
		height: 20px;
		line-height: 1.6em;
		padding: 3px 5px 5px 5px;
		text-decoration: none;
		text-transform: uppercase;
		width: 250px;
	}
	#mainActions li a:active,
	#mainActions li a:hover {
		color: #3CAFFE;
	}
	#mainActions #globalDealerLocator input#dealerLocator {
		border: none;
		font-size: 0.8em;
		height: 24px;
		margin: 0;
		padding: 2px 4px 2px 8px;
		width: 181px;
	}
	#dealerLocatorSubmit {
		cursor: pointer;
		font-size: 1.1em;
		margin: 0 0 0 -5px;
		padding: 0;
		height: 28px;
		width: 68px;
	}
	
	
	
	/* ------------------------Alternate Content ------------------------ */
	#altContent {}
	#container {
		background: #1491d1 url('../images/mobile/default-bkg.jpg') 0 0 no-repeat;
		border: solid 8px #333;
		margin: 0 0 20px 0;
		min-height: 409px;
		position: relative;
		width: auto;
	}
	p {
		font-size: 0.9em;
		line-height: 1.6em;
		margin: 0 0 0.6em;
	}
	ul {
		font-size: 0.8em;
	}
	
	
	/* ------------------------Homepage Content ------------------------ */
	.homepage #container {
		background: #1491d1 url('../images/mobile/home-bkg.jpg') 0 0 no-repeat;
	}
	.homepage .spaColumn {
		float: left;
		margin: 36px 0 0 0;
		width: 302px;
	}
	.homepage .spaColumn a {
		float: right;
	}
	
	/* ------------------------ Spa pages Content ------------------------ */
	.pulsePage #container,
	.flairPage #container,
	.glowPage #container	{
		padding: 1em 33em 1em 1em;
	}
	.pulsePage #container {
		background: #1491d1 url('../images/mobile/pulse-bkg.jpg') 0 0 no-repeat;
	}
	.flairPage #container {
		background: #1491d1 url('../images/mobile/flair-bkg.jpg') 0 0 no-repeat;
	}
	.glowPage #container {
		background: #1491d1 url('../images/mobile/glow-bkg.jpg') 0 0 no-repeat;
	}
	.pulsePage #container ul,
	.flairPage #container ul,
	.glowPage #container	ul {
		margin: 0 0 0 1.2em;
	}
	#backToStars {
		position: absolute;
		bottom: 0.8em;
		left: 1em;
		margin: 0;
	}

	
	.privacyPolicyPage #container {
		background: #1491d1;
	}
	
	
	
	#footer {
		width:960px;
		margin:0 auto;
	}
	#footer #footerNav ul li a {
		font-size: 1.2em;
	}
	/* ------------------------footer framework ------------------------ 
	#footer {
		width:960px;
		margin:0 auto;
		text-align:right;
		position:relative;
	}
	#footer p {
		color:#fff;
		margin-bottom:10px;
	}
	#footer a:link, 
	#footer a:visited { 
		
	}
	#footer a:hover, 
	#footer a:active { 
		color:#3caffe; 
	}
	#footer ul {
		float: right;
		margin: 0 0 5px 0;
	}
	
	#footer a.hotspring-link {
		width:147px;
		height:60px;
		background:url(../gifs/spacer.gif);
		display:block;
		top:0px;
		left:0px;
		position:absolute;
	}
	*/


}/* END 960px min styles */