/* RESET (Based on Eric Meyer's Reset) */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
							{ margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
	body 					{ line-height: 1; }
	ol, ul 					{ list-style: none; }
	blockquote, q 			{ quotes: none; }
	table 					{ border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */

/* Body */

	body					{ margin: 0 0 20px 0; }
	#wrapper				{ width: 900px; margin: 0 auto; }
	
/* Header */

	#header					{ height: 109px;
							  padding: 12px 15px 0 15px; position: relative; }
	#header, #header a		{ }
	#header	img				{ margin: 0; border: 0; }
	
	#header #logo			{ display: block; width: 375px; margin: 0 0 0 15px; }
	#header #spl			{ position: absolute; right: 335px; top: 4px; }

	#header #call			{ font-weight: normal;
							  font-family: "Arial Black", Arial, Helvetica, sans-serif;
							  color: #28a7e7; letter-spacing: -0.07em; 
							  font-size: 2.166em;
							  position: absolute; right: 0; top: 30px; }
	
/* Navigation */

	#links					{ background: url(../images/layout/links_bg_right.png) top right no-repeat;
							  position: absolute; top: 0; right: 0; }
	#links ul				{ list-style: none; margin: 0; padding: 0 5px; overflow: hidden;
							  background: url(../images/layout/links_bg_left.png) top left no-repeat; }
	#links li				{ float: left; padding: 0 0 0 1px; background: url(../images/layout/links_divider.png) left no-repeat;
							  margin: 0; }
	#links li.first-child	{ padding-left: 0; background: transparent; }
	#links a				{ display: block; padding: 8px 9px 0 8px; height: 27px; text-decoration: none;
							  color: #fff; text-transform: uppercase; }
							  
								  
	#nav					{ list-style: none; margin: 0; padding: 0; overflow: hidden;
							  background: url(../images/layout/nav_bg.png) top; }
	#nav li					{ float: left; margin: 0;
							  padding: 0 2px 0 0;
							  background: url(../images/layout/nav_divider.png) right repeat-y; }
	#nav a					{ display: block; 
							  height: 28px; text-transform: uppercase; text-decoration: none;
							  font-size: 1.166em; text-align: center; color: #fff;
							  padding: 10px 12px 0 12px;  }
							  	
	#nav a:hover, 
	#nav a:focus, 
	#nav li.active1 a, 
	#nav li.active2 a		{ background: url(../images/layout/nav_bg.png) bottom; }
	
	.nav					{ padding: 0; list-style: none;
							  border-bottom: 2px solid #98d9fa; }
	.nav li					{ border-top: 1px solid #98d9fa; margin: 0;
	  						  text-align: right; }
	.nav li.first-child		{ border-top-width: 2px; }
	.nav a					{ text-decoration: none; display: block; padding: 3px 10px;
							  border-right: 5px solid #98d9fa; }
	.nav a:hover, 
	.nav a:focus			{ border-right-color: #dbf2fe; }
	.nav li.active a		{ font-weight: bold; border-right: 0; padding-right: 15px; }



/* Content */

	#content				{ background: #fff; }	
	
	#banner					{ background: url(../images/layout/banners/index.jpg);
							  height: 179px; padding: 15px 30px; overflow: hidden; }
	#banner .text			{ float: left; width: 420px; }
	#banner .images			{ float: left; width: 400px; margin: 0 0 0 20px; }
		
	#banner, #banner a, 
	#banner h1				{ color: #fff; }
	#banner h1				{ font-family: "Arial Black", Arial, Helvetica, sans-serif;
							  text-transform: lowercase; font-size: 4.5em; line-height: 0.7;
							  letter-spacing: -0.07em; height: 54px; }
	#banner p.title			{ font-size: 2em; margin: 0; line-height: 1.1; }
	#banner p				{ font-size: 1.333em; }
	#banner .images img		{ float: left; margin: 17px 0 0 10px; border: 5px solid #fff; }				
	
	#main					{ padding: 2px 30px 30px 2px; }
	.row					{ padding: 28px 0 0 0; overflow: hidden; }
	.col					{ float: left; margin: 0 0 0 28px; }
	.col_1					{ width: 189px; }
	.col_2					{ width: 406px; }
	.col_3					{ width: 623px; }
	.col_first				{ margin-left: 0; }

	#fader					{ height: 209px; position: relative; zoom: 1; }
	#fader a				{ display: block; zoom: 1; }
	#fader img				{ position: absolute; top: 0; left: 0; zoom: 1; margin: 0; border: 0; }

	
/* Footer */

	#footer					{ }
	#footer, #footer a		{ }
	#footer a				{ text-decoration: none; }
	#footer a:hover			{ text-decoration: underline; }
	#footer p				{ margin: 0; }

	#strip					{ background: #006dc7 url(../images/layout/strip_bg.png) top repeat-x;
							  overflow: hidden; padding: 5px 30px; text-transform: uppercase; }
	#strip, #strip a		{ color: #fff; }
	#strip #dealer			{ float: left; }	
	#strip #group			{ float: right; }	
	
	#copyright				{ background: #000f2b;
							  padding: 5px 30px; font-size: 0.916em; }
	#copyright,
	#copyright a			{ color: #54638a; }
	#copyright p			{ background: url(../images/layout/copyright_spl_logo.alpha.png) top left no-repeat;
							  padding: 0 0 0 80px; }
							  
	#copyright #proworx		{ float: right; background: transparent; padding: 0; }
							  

/* TEXT */

/* Fonts */

	html					{ font-size: 100%; }
	body					{ color: #003366; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 75%; }

	h1, h2, h3, h4, h5, h6	{ font-weight: normal; }
	h1, h2					{ font-family: "Arial Black", Arial, Helvetica, sans-serif;
							  color: #28a7e7; letter-spacing: -0.07em; }
	h1						{ font-size: 2.166em; }
	h2						{ font-size: 1.666em; }
	h3						{ font-size: 1.166em; text-transform: uppercase; font-weight: bold; }

	p						{ }
	
	pre						{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;
							  white-space: -o-pre-wrap; word-wrap: break-word; }	
	pre, code				{ font-family: Consolas, "Courier New", Courier, monospace; }

	em						{ font-style: oblique; }
	strong					{ font-weight: bold; }
	
	q						{ }

	del 					{ text-decoration: line-through; }
	ins 					{ text-decoration: underline; }

	sup 					{ vertical-align: super; }
	sub 					{ vertical-align: sub; }

	abbr					{ border-bottom: 1px dotted; cursor: help; }
	
	a						{ color: #006dc7; }
	a:visited				{ }
	a:hover,
	a:focus					{ }
	a:active				{ }

	blockquote				{ font-style: oblique; }

	dt 						{ font-weight: bold; }

	caption					{ font-size: 0.9em; }

	.note					{ color: #666; }
	.error					{ color: #ff0000; }
	.small					{ font-size: 0.833em; }

/* Line Heights */

	h1, h2, h3, h4, h5, h6	{ line-height: 1.2; }
	p, li, dt, dd, 
	td, th,	caption			{ line-height: 1.454; }
	pre						{ line-height: 1.2; }

/* Margins */

	h1, h2, h3, h4, h5, h6	{ margin: 1em 0 0 0; }
	p, ul, ol, dl, pre, 
	blockquote				{ margin: 1em 0 0 0; }
	blockquote				{ margin-left: 2em; margin-right: 2em; }

	ul, ol					{ padding-left: 2em; overflow: hidden; }
	ul ul, ul ol,
	ol ol, ol ul			{ margin-top: 0; margin-bottom: 0; }
	
	li						{ margin: 0.4em 0 0 0; color: #28a7e7; }
	li span					{ color: #003366; }
	li.first-child			{ margin: 0; }
	
	dd 						{ margin-left: 2em; }

	.top					{ margin-top: 0 !important; }
	.top_h1					{ margin-top: 2.0em !important; }
	.top_h2					{ margin-top: 1.8em !important; }
	.top_h3					{ margin-top: 1.6em !important; }
	.top_h4					{ margin-top: 1.4em !important; }
	.top_h5					{ margin-top: 1.2em !important; }
	.top_h6					{ }

/* Text Alignment */

	.text_center			{ text-align: center; }
	.text_left				{ text-align: left; }
	.text_right				{ text-align: right; }
	.text_justify			{ text-align: justify; }

/* List Styles */

	ul						{ list-style: disc; }
	ul ul					{ list-style: circle; }
	ul ul ul				{ list-style: square; }
	ol						{ list-style: decimal; }
	ol ol					{ list-style: lower-alpha; }
	ol ol ol				{ list-style: lower-roman; }
	
	
/* IMAGES & MEDIA */

	img, object, .object	{ display: block; margin: 1em 0; border: 5px solid #dbf2fe; }
	img.photo				{ border: 0; }


/* OBJECTS */

	.object					{ margin: 1em auto 0 auto; }
	.object_standard		{ width: 200px; }

	.object img,
	.object object, 
	.object table			{ margin: 0; border: 0; float: none; }

	.object p				{ padding: 0.5em; margin: 0; background: #333; color: #fff; font-size: 0.7em; }

/* Alignment */
	
	.object_center			{ margin-left: auto; margin-right: auto; clear: both; }
	.object_left			{ margin-left: 0; margin-right: auto; clear: both; }
	.object_right			{ margin-left: auto; margin-right: 0; clear: both; }
	.object_float_left		{ margin-left: 0; margin-right: 15px; margin-bottom: 15px; float: left; clear: left; }
	.object_float_right		{ margin-left: 15px; margin-bottom: 15px; margin-right: 0; float: right; clear: right; }


/* TABLES  */

	table					{ width: 100%; margin: 1em 0 0 0; }
	th, td 					{ padding: 3px 0; vertical-align: top; border: 0 solid #98d9fa; }
	th						{ font-weight: normal; text-align: left; }
	td						{ text-align: right; }

	thead th				{ border-bottom-width: 2px; font-size: 1.166em;
							  text-transform: uppercase; font-weight: bold; }
	tfoot th, tfoot td		{ border-top-width: 2px; }
	tbody th, tbody td		{ border-bottom-width: 1px; }
	
	caption					{ caption-side: bottom; }
	
	table.prices th, 
	table.prices td			{ border-top-width: 1px !important; vertical-align: bottom; }
	table.prices td			{ font-weight: bold; }
	
	.box tbody th, 
	.box tfoot th			{ color: #28a7e7; }

/* FORMS */

/* Layout */

	form					{ margin: 0; border-top: 0; }
	fieldset				{ margin: 0; padding: 0; }
	legend					{ display: none; }

	fieldset .row			{ margin-top: 1em; padding: 0; overflow: hidden; }
	
	form label				{ display: block; font-weight: bold; line-height: 1.16; margin: 0; }
	form .mandatory			{ color: #aaa; }
	form label.secondary	{ font-size: 0.85em; font-weight: normal; color: #aaa; line-height: 1;
							  margin: 4px 0 2px 0; }
	form label .note,
	form label .error		{ font-size: 0.85em; font-weight: normal; }

	form .field				{ padding: 5px 0 0 0; overflow: hidden; clear: left; }
	form .field_part		{ margin-right: 4px; float: left; clear: none; }
	form .affix				{ font-size: 1em; }

	form label.inline		{ display: inline; font-weight: normal; line-height: 1.4; }

/* Inputs */

	input.type_text,
	input.type_password,
	input.type_submit,
	input.type_reset,
	input.type_button,
	button,
	select, textarea		{ font-family: sans-serif; }
	input.type_text,
	input.type_password,
	select, textarea		{ font-size: 1em; }
	optgroup				{ font-size: 1em; }
	input.type_submit,
	input.type_reset,
	input.type_button,
	button					{ font-size: 1em; }

	textarea.pre			{ font-family: Consolas, "Courier New", Courier, monospace; }

	input.type_text,
	input.type_password,
	select, optgroup, 
	option, textarea		{ text-rendering: optimizeSpeed; }

	optgroup				{ font-style: normal; font-weight: bold; }

	input.type_text,
	input.type_password,
	select, textarea		{ margin: 0; padding: 0; }
	
	input.type_text,
	input.type_password,
	textarea				{ padding: 2px; }
	select					{ padding: 1px; }
	optgroup				{ text-indent: 2px; }
	optgroup option			{ padding-left: 15px; }

	input.type_radio, 
	input.type_checkbox 	{ margin: 0; vertical-align: -0.15em; font-size: 0.85em; }
	
/* Input Sizes */

	input.type_text,
	input.type_password		{ width: 18em; }
	textarea				{ width: 98%; height: 10em; }
		
	input.integer, 
	input.decimal			{ width: 6em; } 

	input.size_xxs, 
	select.size_xxs			{ width: 3em; }
	input.size_xs, 
	select.size_xs			{ width: 6em; }
	input.size_s, 
	select.size_s			{ width: 12em; }
	input.size_m, 
	select.size_m			{ width: 18em; }
	input.size_l, 
	select.size_l			{ width: 24em; }
	input.size_xl, 
	select.size_xl			{ width: 30em; }
	input.size_xxl, 
	select.size_xxl			{ width: 36em; }
	
	textarea.size_xs		{ height: 2.5em; }
	textarea.size_s			{ height: 5em; }
	textarea.size_m			{ height: 10em; }
	textarea.size_l			{ height: 20em; }
	textarea.size_xl		{ height: 40em; }


/* HORIZONTAL RULES */

	.rule					{ border-top: 1px solid #eee; margin: 1em 0; }
	.rule hr				{ display: none; }
	
	
/* BOX */

	.box					{ padding: 10px; background: #dbf2fe; margin: 1em 0 0 0;
						      border-top: 2px solid #28a7e7; overflow: hidden; }
	.box img				{ margin-bottom: 0; }
							  
							  
/* SECTIONS */

	#saunas #banner			{ background-image: url(../images/layout/banners/saunas.jpg); }
	#saunas #main			{ color: #5e3409; }
	#saunas #main h1,
	#saunas #main h2		{ color: #f8712f; }
	#saunas #main a			{ color: #f8712f; }
	#saunas #main li		{ color: #f8712f; }
	#saunas #main li span	{ color: #5e3409; }
	#saunas #main .box		{ background-color: #f8ebd8; border-color: #f8712f; }
	#saunas th,
	#saunas td 				{ border-color: #f7bc80; }
	#saunas .box tbody th, 
	#saunas .box tfoot th	{ color: #f8712f; }
	#saunas .nav			{ border-bottom-color: #f7bc80; }
	#saunas .nav li			{ border-top-color: #f7bc80; }
	#saunas .nav a			{ border-right-color: #f7bc80; }
	#saunas .nav a:hover, 
	#saunas .nav a:focus	{ border-right-color: #f8ebd8; }
	#saunas img,
	#saunas object,
	#saunas .object			{ border-color: #f8ebd8; }


	#cabins #banner			{ background-image: url(../images/layout/banners/cabins.jpg); }
	#cabins #main			{ color: #095131; }
	#cabins #main h1,
	#cabins #main h2		{ color: #00b437; }
	#cabins #main a			{ color: #00b437; }
	#cabins #main li		{ color: #00b437; }
	#cabins #main li span	{ color: #095131; }
	#cabins #main .box		{ background-color: #e0f5e6; border-color: #00b437; }
	#cabins th,
	#cabins td 				{ border-color: #7adf99; }
	#cabins .box tbody th, 
	#cabins .box tfoot th	{ color: #00b437; }
	#cabins .nav			{ border-bottom-color: #7adf99; }
	#cabins .nav li			{ border-top-color: #7adf99; }
	#cabins .nav a			{ border-right-color: #7adf99; }
	#cabins .nav a:hover, 
	#cabins .nav a:focus	{ border-right-color: #e0f5e6; }
	#cabins img,
	#cabins object,
	#cabins .object			{ border-color: #e0f5e6; }

/* Gallery */
	
	#image					{ margin: 0; }
	
	#thumbs 				{ margin: 0; padding: 0; list-style: none; overflow: hidden; } 
	#thumbs li 				{ float: left; margin: 11px 0 0 11px; } 
	#thumbs li.top-child	{ margin-top: 0; } 
	#thumbs li.left-child	{ margin-left: 0; } 
	#thumbs a 				{ width: 89px; height: 69px; display: block;  
							  text-indent: -10000px; overflow: hidden; 
							  background: url(../images/photos/pools/gallery/thumbs.jpg) no-repeat; } 
	  
	#thumbs_1 a 			{ background-position: 0 0; } 
	#thumbs_2 a 			{ background-position: 0 -69px; } 
	#thumbs_3 a 			{ background-position: 0 -138px; } 
	#thumbs_4 a 			{ background-position: 0 -207px; } 
	#thumbs_5 a 			{ background-position: 0 -276px; } 
	#thumbs_6 a 			{ background-position: 0 -345px; } 
	#thumbs_7 a 			{ background-position: 0 -414px; } 
	#thumbs_8 a 			{ background-position: 0 -483px; }
	#thumbs_9 a 			{ background-position: 0 -552px; }
	#thumbs_10 a 			{ background-position: 0 -621px; } 
	#thumbs_11 a 			{ background-position: 0 -690px; } 
	#thumbs_12 a 			{ background-position: 0 -759px; } 
	#thumbs_13 a 			{ background-position: 0 -828px; } 
	#thumbs_14 a 			{ background-position: 0 -897px; } 
	#thumbs_15 a 			{ background-position: 0 -966px; } 
	#thumbs_16 a 			{ background-position: 0 -1035px; }
	#thumbs_17 a 			{ background-position: 0 -1104px; } 
	#thumbs_18 a 			{ background-position: 0 -1173px; } 
	#thumbs_19 a 			{ background-position: 0 -1242px; } 
	#thumbs_20 a 			{ background-position: 0 -1311px; }