@charset "utf-8";

/* CSS Document */

.blueski {
font-family:Georgia, "Times New Roman", Times, serif !important;
font-size:16px !important;
color:#35879c !important;
font-weight:bold !important;
}
.blueski span {color:#00495b !important;}

body {
background:url("/img/background/background.gif") repeat-x #6bb6c9;
color:#000;
font-family:Arial;
font-size:12px;

}

#rightTransparency {
background:url("/img/background/transparency-right.gif") repeat-y right top;
margin:0 auto;
padding:0 10px 0 0;
width:955px;
}

	#wrapper {background:#fff;width:955px;}
		#header {border-bottom:1px solid #999;padding:0 0 6px 0;}
			#logo {margin:31px 0 2em 32px;}
			#meta {float:right;margin:11px 0 0 0;}
				#meta li {float:left;font-weight:bold;padding:0 16px 0 0;}
				#meta a {color:#000;text-decoration:none;}
				#meta a:hover, #meta li.active a {color:#6BB6C9;}

			#search {
			clear:right;
			float:right;
			margin:25px 0 0 0;
			position:relative;
			text-align:right;
			vertical-align:bottom;
			}

				#search form {float:right;}

					#search p {
					display:inline; /* fixes IE 6 doubled float */
					float:left;
					line-height:14px;
					text-transform:uppercase;
					margin:0 149px 0 0;
					}

					#search input {
					border:1px solid #000;
					bottom:0;
					position:absolute;
					right:14px;
					width:125px;
					}

			#navigation {background:#6bb6c9;width:955px;}
				#navigationList {margin-left:67px;}
					#navigation li {float:left;text-transform:uppercase;}
					#navigation li.first {
					background:#7ec7d8;
					}
					#navigation li.second {
					background:#6ab5ca;
					}
					#navigation li.third {
					background:#58a5b9;
					}
					#navigation li.fourth {
					background:#499aaf;
					}
					#navigation li.fifth {
					background:#35879c;
					}
						#navigation a {
						color:#fff;
						display:block;
						font-size:11px;
						font-weight:bold;
						padding:13px 20px 10px 20px;
						text-decoration:none;
						}

						#navigation a:hover, #navigation li.active a {

						background:url("/img/background/arrow.gif") no-repeat center top;

						}

		#sidebar {

		border-left:1px solid #999;

		float:right;

		margin-left:-1px;

		padding:0 0 20px 0;

		width:264px;

		}

			#bubble {

			background:url("/img/background/bubble-bottom.gif") no-repeat left bottom;

			color:#35879b;

			font-size:13px;

			margin:40px 0 0 12px;

			padding:0 0 35px 0;

			width:240px;

			}

				#bubble blockquote {

				background:url("/img/background/bubble-top.gif") no-repeat #e2f0f0;

				padding:20px 0 5px 0;

				text-align:center;

				width:240px;

				}

					#bubble p, #bubble h1 {

					font-size:14px;

					line-height:18px;

					margin:0 20px;

					}

					#bubble h1 {

					font-size:20px;

					line-height:30px;

					}

					#bubble a {

					color:#1d7878;

					}

					#bubble a:hover {

					text-decoration:none;

					}

			#sidebar #quote {

			margin-left:12px;

			width:225px;

			}

		#photoGallery {

		border-right:1px solid #999;

		float:left;

		padding:4px 0 0 0;

		width:690px;

		}

			#photoList {

			margin:0 0 0 11px;

			}

				#photoList li {

				display:inline;

				float:left;

				margin:0 10px 0 0;

				}

		#content {

		float:left;

		border-right:1px solid #999;

		line-height:16px;

		padding:4px 0;

		width:690px;

		}

			#copy {

			clear:left;

			padding:8px 0 8px 20px;

			width:620px;

			}

				#copy a, #copy a:visited {

				color:#1d7878;

				}

				#copy a:hover {

				text-decoration:none;

				}

				#copy h1 {

				color:#35879b;

				font-family:Georgia;

				font-size:18px;

				font-weight:normal;

				line-height:20px;

				margin:0 0 24px 0;

				}
				
				#content #copy h1 strong a {
				
				color: #00C;

				}

				#copy h2 {

				color:#000;

				font-size:14px;

				font-weight:bold;

				margin:0 0 4px 0;

				padding:16px 0 0 0;

				text-transform:capitalize;

				}

				#copy h2.first {

				padding:0;

				}

				#copy h3 {

				color:#000;

				font-weight:normal;

				letter-spacing:1px;

				margin:0 0 4px 0;

				text-transform:uppercase;

				}

				#copy h4 {

				font-weight:normal;

				margin:0 0 4px 0;

				}

				#copy p {

				color:#000;

				font-size:12px;

				margin:0 0 16px 0;

				}

				#copy p.warning {

				color:#990099;

				font-weight:bold;

				}

				#copy p.citation {

				color:#444;

				font-style:oblique;

				}

				#copy ul {

				padding:0 0 16px 16px;

				}

					#copy li {

					background:url("/img/background/bullet.png") no-repeat 0 8px;

					line-height:20px;

					padding:0 0 0 8px;

					}

				#copy ul.extended {

				}

					#copy ul.extended li {

					padding-bottom:16px;

					}

				#copy dl {

				}

					#copy dt {

					margin:0 0 5px 0;

					}

					#copy dd {

					margin:0 0 10px 0;

					}

				#copy dl.parallel {

				}

					#copy dl.parallel dt {

					clear:left;

					float:left;

					width:200px;

					}

				#copy table {

				margin:0 0 16px 0;

				}

					#copy tr {

					border:1px solid #35879C;

					}

					#copy tr.title {

					border:0;

					}

						#copy td, #copy th {

						padding:4px 8px;

						}

						#copy .even td {

						

						}

				#contactForm {

				margin:0 0 16px 0;

				}

					#contactForm label {

					font-weight:bold;

					}

					#contactForm input, #contactForm textarea {

					color:#444;

					font-family:Arial;

					}

					#contactForm input.long {

					width:300px;

					}

					#contactForm input.xtralong {

					width:500px;

					}

					#contactForm textarea {

					font-size:12px;

					height:150px;

					width:500px;

					}


/***************** Homepage styles **************/
		#index #content{

		border:none;

		float:left;

		width:955px;

		}
		
		/*DELETE WHEN DONE*/
		
		#test #content{

		border:none;

		float:left;

		width:955px;

		}
		
		/*END DELETE*/

			#heroImage {

			margin:0 0 0 11px;

			}

			#index #copy {

			display:inline; /* fixes IE 6 doubled margin */

			float:right;

			min-height:268px;

			margin:-17px 13px 0 0;

			padding:20px 0 13px 0;

			width:360px;

			}
			
			#index #copyBG {

			background:#ddebec;
			
			display:inline; /* fixes IE 6 doubled margin */

			float:right;

			min-height:268px;

			margin:0 13px 0 0;

			padding:20px 0 13px 0;

			width:350px;

			}
			
			#index #copyBG h1 {
				
				color:#000;

				font-family:Arial Black;

				font-size:12px;

				line-height:20px;

				padding:0 0 20px 0;

			}
			
			#copyContact {

			float:right;

			margin:10px 13px 0 0;

			text-align:left;

			width:330px;

			}
			
					#copyContact h1 {

					color:#7fc7d8;

					line-height:30px;
	
					font-size:29px;
	
					font-weight:bold;
	
					letter-spacing:3px;
					
					font-family:Arial, Helvetica, sans-serif;
					
					margin-top:-20px;
	
					}
	
					#copyContact p {
	
					color:#1d7878;
	
					font-size:13px;
	
					line-height:20px;
	
					}
	
					#copyContact p.top {
	
					}
	
					#copyContact a {
	
					color:#1d7878;
	
					font-weight:bold;
	
					text-decoration:underline;
	
					}
	
					#copyContact a:hover {
	
					text-decoration:none;
	
					}
			
			/*DELETE WHEN DONE*/
			
			#test #copy {

			display:inline; /* fixes IE 6 doubled margin */

			float:right;

			min-height:268px;

			margin:-17px 13px 0 0;

			padding:20px 0 13px 0;

			width:360px;

			}
			
			#test #copyBG {

			background:#ddebec;
			
			display:inline; /* fixes IE 6 doubled margin */

			float:right;

			min-height:268px;

			margin:0 13px 0 0;

			padding:20px 0 13px 0;

			width:360px;

			}
			
			#test #copyBG h1 {
				
				color:#000;

				font-family:Arial Black;

				font-size:12px;

				line-height:20px;

				padding:0 0 20px 0;

			}
			
			/*END DELETE*/

				#index #copy h1, #index #copy ul {

				margin:0 20px;

				}

				#index #copy ul {


				}

				#index #copy li {

				background:url("/img/background/bullet.png") no-repeat 16px 8px;

				line-height:20px;

				padding:0 0 0 24px;

				}

				#index #copy p {

				padding:0 18px 0 20px;

				}

				#index #copy a {
				text-decoration:none;
				}

				#index #copy a:hover {
				color:#000;
				}
				
				
				
				
				
				
				
				
				/*DELETE WHEN DONE*/
				#test #copy h1, #test #copy ul {

				margin:0 20px;

				}

				#test #copy ul {


				}

				#test #copy li {

				background:url("/img/background/bullet.png") no-repeat 16px 8px;

				line-height:20px;

				padding:0 0 0 24px;

				}

				#test #copy p {

				padding:0 18px 0 20px;

				}

				#test #copy a {
				text-decoration:none;
				}

				#test #copy a:hover {
				color:#000;
				}
				
				/*END DELETE*/
				
				
				#featuredproduct h1 {

				color:#35879b;

				font-family:Georgia;

				font-size:17px;

				font-weight:normal;

				line-height:20px;

				}
				
				#featuredproduct a {
					
				color:#35879b;
				
				}
							
/***************** END Homepage styles *******************/
		#footer {

		border-top:1px solid #999;

		clear:both;

		width:955px;

		}

			#contact {

			float:right;

			margin:32px 64px 20px 0;

			text-align:left;

			width:270px;

			}

				#contact h1 {

				color:#7fc7d8;

				line-height:30px;

				font-size:29px;

				font-weight:bold;

				letter-spacing:3px;

				}

				#contact p {

				color:#1d7878;

				font-size:13px;

				line-height:20px;

				}

				#contact p.top {

				}

				#contact a {

				color:#1d7878;

				font-weight:bold;

				text-decoration:underline;

				}

				#contact a:hover {

				text-decoration:none;

				}
				
			

			#homeText {
			display:inline; /* fixes IE 6 double margin */
			float:left;
			margin:10px 0 10px 11px;
			width:400px;
			font-size:12px;
			line-height:120%;
			}
			#homeText img {float:left;padding:0 25px 0 0;}
			#homeText h1 {
			color:#35879c;
			font-size:16px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			margin:0;padding:33px 0 5px;
			}

			#quote {
			background:url("/img/background/quote-left.gif") no-repeat;
			display:inline; /* fixes IE 6 double margin */
			float:left;
			margin:25px 0 20px 100px;
			width:352px;
			}
				#quote blockquote, #quote cite {
				color:#666;
				font-family:Georgia;
				font-size:15px;
				line-height:20px;
				margin:4px 0 0 35px;
				}
					#quote blockquote img {
					display:inline;
					margin:0 0 -10px 0;
					}
					#quote cite {
					color:#999;
					font-style:normal;
					margin:0 0 0 200px;
					}


	#bottomTransparency {

	margin:0 auto;

	width:965px;

	}



/* other */
.clear {clear:both;line-height:0;height:0;}
div.clear {margin:-4px 0 0 0;width:955px;}
* html #copy {height:268px;}
img { behavior: url(/iepngfix.htc); }

.imgLeft { float:left;margin:4px 10px 4px 0; }
.imgRight { float:right;margin:4px 0 4px 10px; }

/********** floats **********/
.floatLeft {float:left;}
.floatRight {float:right;}

/********** clear **********/
.clear { clear:both; }
.clearer {clear:both;line-height:0;white-space:nowrap;font-size:1px;}
.cLeft { clear:left; }
.cRight { clear:right; }

/********** aligns **********/
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignJustify { text-align:justify; }
.alignTop { vertical-align:top; }
.alignMiddle { vertical-align:middle; }
.alignBottom { vertical-align:bottom; }

/********** widths **********/
.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.width33 { width: 33%; }
.width25 { width: 25%; }

/********** margins/padding **********/
.noP { padding:0 !important; }
.noM { margin:0 !important; }
.noPM { margin:0 !important;padding:0 !important; }
.noSides {padding-left:0 !important;padding-right:0 !important; }
.paddingLeft {padding-left:5px;}
.paddingRight {padding-right:5px;}

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.error {color:#C00;font-weight:bold;}
.confirmation {color:#080;font-weight:bold;}

/********** misc styles **********/
.hide { display:none; }

#lifeStyle td {padding:10px 5px !important;background-color:#34697e;color:#fff;}
#lifeStyle strong {font-weight:bold;display:block;width:200px;}
#lifeStyle select {width:200px;}

#audioGram th {
background-color:#34697e;
color:#fff;
font-weight:bold;
padding:8px 0;
}
#audioGram select {width:60px;}

.blanky {
line-height:0;font-size:2px;
height:5px;
}

h1 a {

				color:#35879b;

				font-family:Georgia;

				font-size:18px;

				font-weight:normal;

				line-height:20px;

				margin:0 0 24px 0;

				}

h2#whatLifestyle {
	color:#35879b;
	font-size: xx-large;
	text-align: center;
}

hr.whatLifestyle {
	color:#aaa;
}

p strong {
	color: #35879c;
	font-size: bigger;
}

/* Store listing styles */


#storesubheading {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#storebullets {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

#storetableheading {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#storetableeven {
	background:#aacdf0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 2px 2px 2px;
}

#storetableodd {
	background:#dcdcdc;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 2px 2px 2px;
}

/* Store individual headings */

#storeproducttitle {
	color:#aacdf0;
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
}