/* reset Styles v1.0 (20080212) curtesy Eric Meyer @ http://meyerweb.com/ */
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;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* global */
* {margin:0;padding:0;}
html, body {height:100%;}
body {
	color:#000;
	font-size: 14px;
	line-height:17px;
	font-family: arial, verdana, sans-serif;
	letter-spacing:0.048em;
	text-align:center; /* horizontal centering for IE Win quirks */
	background:#666;
}
#distance {width:1px;height:40%;margin-bottom:-232px; /* half of container's height */float:left;}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:566px; 
	width:950px;
	clear:left;
    background:#8ab1c0 url('../img/bg.gif') no-repeat bottom left;
}

#container_nok {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:566px; 
	width:950px;
	clear:left;
    background:#8ab1c0; 
}
#masthead {height:32px;position:relative; /* puts container in front of distance */}
#content {
	position:absolute; /* puts container in front of distance */
	top:32px;
	left:0;
	width:475px;
	height:534px;
	font-size:92%;
	color:#fff;
	}
	#content address {
		text-align:center;
		font-style:normal;
		padding:20px 0 0;
	}
	#content a {
		color:#fff;
		text-decoration:none;
	}
	#content a:hover {
		text-decoration:underline;
	}
	#content small {
		display:block;
		padding:10px 0 0;
		font-size:80%;
	}
	blockquote cite {
		font-style:normal;
	}
#content_slider {
	position:absolute; /* puts container in front of distance */
	top:32px;
	left:0;
	width:950px;
	height:534px;
	font-size:92%;
	color:#fff;
	}
	#content_slider address {
		text-align:center;
		font-style:normal;
		padding:20px 0 0;
	}
	#content_slider a {
		color:#fff;
		text-decoration:none;
	}
	#content_slider a:hover {
		text-decoration:underline;
	}
	#content_slider small {
		display:block;
		padding:10px 0 0;
		font-size:80%;
	}
#auto_height {
	padding:150px 0 0;
	margin:0 0 0 80px;
	position:relative;
	width:350px;
	min-height: 300px;
	}
	#auto_height p {
		line-height:18px;
		font-size:12px;
	}
	#auto_height p span {
		font-size:250%;
		letter-spacing:0.1em;
		line-height:28px;
	}
	
#auto_height_mail {
	padding:80px 20px 0;
	margin:0 10px 0 80px;
	position:relative;
	width:350px;
	min-height: 300px;
	}
	#auto_height_mail p {
		line-height:18px;
		font-size:12px;
	}
	#auto_height_mail p span {
		font-size:250%;
		letter-spacing:0.1em;
		line-height:28px;
	}

#auto_height_interiors {
	padding:100px 20px 0;
	margin:0 10px 0 80px;
	position:relative;
	width:350px;
	min-height: 300px;
	}
	#auto_height_interiors p {
		line-height:18px;
		font-size:12px;
	}
	#auto_height_interiors p span {
		font-size:250%;
		letter-spacing:0.1em;
		line-height:28px;
	}
	
#mailing-list #auto_height {
	padding:50px 0 0;
	margin:0 0 0 80px;
	position:relative;
	width:350px;
	}
	#mailing-list  #auto_height p {
		line-height:18px;
		font-size:12px;
	}
	#mailing-list  #auto_height p span {
		font-size:250%;
		letter-spacing:0.1em;
		line-height:28px;
	}
	
#auto_height_2 {
	padding:40px 0 0;
	margin:0 0 0 80px;
	position:relative;
	width:350px;
	}
	#auto_height_2 p {
		line-height:18px;
		font-size:86%;
		padding:0 0 10px;
	}
	#auto_height_2 p span {
		font-size:250%;
		letter-spacing:0.1em;
		line-height:28px;
	}
	
#auto_height_about {
	padding:0 0px 0 0;
	margin:10px 0 0 50px;
	position:relative;
	width: 425px;
	height: 350px;
	overflow-x: none;
	}
	#auto_height_about p {
		line-height:18px;
		font-size: 12px;
		padding:0 0 10px;
	}
	#auto_height_about p span {
		font-size:200%;
		letter-spacing:0.1em;
		line-height:28px;
	}
#aside {
	position:absolute;
	top:32px;
	right: 20px;
	width:420px;
	height:487px;
	text-align: right;
	}
	#aside img {padding:0 0 0 0;}
#otherside {
	position:absolute;
	top:32px;
	left: 20px;
	width:420px;
	height:487px;
	text-align: right;
	}
	#otherside img {padding:0 0 0 0;}
#cat {
	position:relative;
	margin:auto;
	top:32px;
	width:390px;
	height:487px;
	text-align: right;
	vertical-align:middle;
	}
	#cat img {padding:100px 0px 0px 0px;}

#press {
	position:absolute;
	top:32px;
	left:535px;
	width:390px;
	height:477px;
	background:#CCDDE4;
	overflow-y:scroll;
	border:5px solid #CCDDE4;
	border-width:0 0 0 5px;
	padding:10px 0 0;
	}
	#press table {
		margin:0 5px 10px;
		
		border:1px solid #CCDDE4;
		background:#fff;
	}
	#press table th {
		border:1px solid #CCDDE4;
		padding:5px;
		vertical-align:top;
		font-size:82%;
		color:#666;
		font-weight:normal;
	}
	#press table td {
		/*border:1px solid #CCDDE4;*/
		padding:5px;
		vertical-align:top;
		font-size:82%;
		color:#666;
		line-height:15px;
	}
	#press table a {
		color:#999;
	}
	#press h2 {
		font-size:116%;
		font-weight:normal;
		color:#666;
		padding:10px 0 10px 5px;
	}
	#press p {
		line-height:16px;
		font-size:12px;
		padding:0 0 10px 5px;
		color:#666;
	}

#product
{
	font-family:Georgia;
	color:#333;
	font-size:0.75em;
}
	
#footer {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:950px;
	font-size:72%;
	padding:3px 0 0;
	color:#999;
	}
	#footer a {color:#999;text-decoration:none;}
	#footer a:hover {text-decoration:underline;}
/* nav */
.nav {
	position:absolute;
	bottom:5px;
	left:533px;
	height:35px;
	width:405px;
	background: url('../img/nav.gif') no-repeat;
}
.nav li {display: inline;}
.nav li a:link, .nav li a:visited {
	position: absolute;
	height: 18px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .nav_1 a:link, .nav .nav_1 a:visited {top:0;left: 0;width: 45px;}
	.nav .nav_1 a:hover, .nav .nav_1 a:focus {background: url('../img/nav.gif') no-repeat 0 -72px;}
	.nav .nav_1 a:active {background: url('../img/nav.gif') no-repeat 0 -35px;}
	.current-nav_1 .nav_1 a:link, .current-nav_1 .nav_1 a:visited {background: url('../img/nav.gif') no-repeat 0 -35px;}
	.nav-nav_1, .nav-nav_1-click {position: absolute;top: 0;left: 0;width: 45px;height: 18px;background: url('../img/nav.gif') no-repeat 0 -72px;}
	/* /nav_1 */
	.nav .nav_2 a:link, .nav .nav_2 a:visited {top:0;left: 45px;width: 52px;}
	.nav .nav_2 a:hover, .nav .nav_2 a:focus {background: url('../img/nav.gif') no-repeat -45px -72px;}
	.nav .nav_2 a:active {background: url('../img/nav.gif') no-repeat -45px -35px;}
	.current-nav_2 .nav_2 a:link, .current-nav_2 .nav_2 a:visited {background: url('../img/nav.gif') no-repeat -45px -35px;}
	.nav-nav_2, .nav-nav_2-click {position: absolute;top: 0;left: 45px;width: 52px;height: 18px;background: url('../img/nav.gif') no-repeat -45px -72px;}
	/* /nav_2 */
	.nav .nav_3 a:link, .nav .nav_3 a:visited {top:0;left: 97px;width: 116px;}
	.nav .nav_3 a:hover, .nav .nav_3 a:focus {background: url('../img/nav.gif') no-repeat -97px -72px;}
	.nav .nav_3 a:active {background: url('../img/nav.gif') no-repeat -97px -35px;}
	.current-nav_3 .nav_3 a:link, .current-nav_3 .nav_3 a:visited {background: url('../img/nav.gif') no-repeat -97px -35px;}
	.nav-nav_3, .nav-nav_3-click {position: absolute;top: 0;left: 97px;width: 116px;height: 18px;background: url('../img/nav.gif') no-repeat -97px -72px;}
	/* /nav_3 */
	.nav .nav_4 a:link, .nav .nav_4 a:visited {top:0;left: 213px;width: 44px;}
	.nav .nav_4 a:hover, .nav .nav_4 a:focus {background: url('../img/nav.gif') no-repeat -213px -72px;}
	.nav .nav_4 a:active {background: url('../img/nav.gif') no-repeat -213px -35px;}
	.current-nav_4 .nav_4 a:link, .current-nav_4 .nav_4 a:visited {	background: url('../img/nav.gif') no-repeat -213px -35px;}
	.nav-nav_4, .nav-nav_4-click {position: absolute;top: 0;left: 213px;width: 44px;height: 18px;background: url('../img/nav.gif') no-repeat -213px -72px;}
	/* /nav_4 */
	.nav .nav_5 a:link, .nav .nav_5 a:visited {top:0;left: 257px;width: 82px;}
	.nav .nav_5 a:hover, .nav .nav_5 a:focus {background: url('../img/nav.gif') no-repeat -257px -72px;}
	.nav .nav_5 a:active {background: url('../img/nav.gif') no-repeat -257px -35px;}
	.current-nav_5 .nav_5 a:link, .current-nav_5 .nav_5 a:visited {background: url('../img/nav.gif') no-repeat -257px -35px;}
	.nav-nav_5, .nav-nav_5-click {position: absolute;top: 0;left: 257px;width: 82px;height: 18px;background: url('../img/nav.gif') no-repeat -257px -72px;}
	/* /nav_5 */
	.nav .nav_6 a:link, .nav .nav_6 a:visited {top:0;left: 339px;width: 66px;}
	.nav .nav_6 a:hover, .nav .nav_6 a:focus {background: url('../img/nav.gif') no-repeat -339px -72px;}
	.nav .nav_6 a:active {background: url('../img/nav.gif') no-repeat -339px -35px;}
	.current-nav_6 .nav_6 a:link, .current-nav_6 .nav_6 a:visited {background: url('../img/nav.gif') no-repeat -339px -35px;}
	.nav-nav_6, .nav-nav_6-click {position: absolute;top: 0;left: 339px;width: 66px;height: 18px;background: url('../img/nav.gif') no-repeat -339px -72px;}
	/* /nav_6 */
	.nav .nav_7 a:link, .nav .nav_7 a:visited {top:18px;left: 262px;width: 100px;}
	.nav .nav_7 a:hover, .nav .nav_7 a:focus {background: url('../img/nav.gif') no-repeat -262px -90px;}
	.nav .nav_7 a:active {background: url('../img/nav.gif') no-repeat -262px -54px;}
	.current-nav_7 .nav_7 a:link, .current-nav_7 .nav_7 a:visited {background: url('../img/nav.gif') no-repeat -262px -54px;}
	.nav-nav_7, .nav-nav_7-click {position: absolute; top: 18px; left: 262px;width: 100px;height: 18px;background: url('../img/nav.gif') no-repeat -262px -90px;}
	/* /nav_7 */
	.nav .nav_8 a:link, .nav .nav_8 a:visited {top:18px;left: 362px;width: 43px;}
	.nav .nav_8 a:hover, .nav .nav_8 a:focus {background: url('../img/nav.gif') no-repeat -362px -90px;}
	.nav .nav_8 a:active {background: url('../img/nav.gif') no-repeat -362px -54px;}
	.current-nav_8 .nav_8 a:link, .current-nav_8 .nav_8 a:visited {background: url('../img/nav.gif') no-repeat -362px -54px;}
	.nav-nav_8, .nav-nav_8-click {position: absolute;top: 18px;left: 362px;width: 43px;height: 18px;background: url('../img/nav.gif') no-repeat -362px -90px;}
	/* /nav_8 */
	.nav .nav_9 a:link, .nav .nav_9 a:visited {top:18px;left: 0;width: 117px;}
	.nav .nav_9 a:hover, .nav .nav_9 a:focus {background: url('../img/nav.gif') no-repeat 0 -89px;}
	.nav .nav_9 a:active {background: url('../img/nav.gif') no-repeat 0 -52px;}
	.current-nav_9 .nav_9 a:link, .current-nav_9 .nav_9 a:visited {background: url('../img/nav.gif') no-repeat 0 -52px;}
	.nav-nav_9, .nav-nav_9-click {position: absolute;top: 18px;left: 0;width: 117px;height: 18px;background: url('../img/nav.gif') no-repeat 0 -89px;}
	/* /nav_9 */

/* styles */
.next {display:block; margin:20px 0 0 0;padding:0 0 15px;}
.next a {font-size:116%;background:#888888;color: #fff;padding:6px;text-decoration:none;}
#content .next a:hover {background:#535353;color: #fff; text-decoration:none;}


h1 {position:relative;width:146px;height:32px;margin:0 0 0 667px;text-indent:-500em;background:url('../img/h1.gif') no-repeat left top;}
h2 {position:relative;width:343px;height:76px;margin:0 0 0 510px;text-indent:-500em;background:url('../img/hi.jpg') no-repeat right top;}
h3 {position:relative;width:238px;height:50px;margin:0 0 0 680px;text-indent:-500em;background:url('../img/hi_small.jpg') no-repeat right top;}

#h2_01 {position:relative;width:363px;height:33px;margin:0px auto;text-indent:-2px;}
	#h2_01 span {position:absolute;width:100%;height:100%;background:url('../img/imgr-01.gif') no-repeat;}
.sml_img {padding:100px 0 0 130px;}
.sml_img2 {padding:70px 0 0 130px;}
/* defaults */
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.fl {float:left;}
.fr {float:right;}
.img_fade {display:none;}

.happiness {
	/*display: block;
		background: white;
		width: 190px;
		height: 30px;*/
}
.happiness a {
	display: block;
	width: 190px;
	height: 30px;
	margin-top: 20px;
	background: #888 url('../img/button_happiness.gif') no-repeat 0 0;
	text-indent: -5000em;
}
	.happiness a:hover {
		background-position: 0 -30px;
	}

#mailing-list form {
	float: left;
	margin: 20px 0;
	position:relative;
	/*padding: 10px;*/
	/*border: 1px dotted #fff;*/
	}
	#mailing-list form .error {
		color: yellow;
	}
	#mailing-list form label {
		font-weight:normal;
		display:block;
		color: #fff;
	}
	#mailing-list form .textfield {
		font:100% Helvetica, Arial, sans-serif ;
		margin:7px 0;
		height:25px;
		border:solid 0 #fff;
		padding: 10px 8px 0;
		width:272px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:272px;
		color: #fff;
		display: block;
	}
	#mailing-list form input.textfield {
		background: transparent url("../img/textfield_bg.gif") no-repeat;
	}
	#mailing-list form textarea {
		font:100% Helvetica, Arial, sans-serif;
		margin:7px 0;
		height:101px;
		border:solid 0 #fff;
		padding: 8px;
		background: transparent url("../img/textarea_bg.gif") no-repeat fixed;
		width:272px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:272px;
		overflow: auto;
		color: #fff;
	}
	#mailing-list form textarea {
		background: #fff url("../img/textarea_bg.gif") no-repeat;
		overflow: auto;
		display: block;
	}
	#mailing-list form .submit {
		background: transparent url('../img/submit.gif') no-repeat;
		margin:10px 0 0;
		height:35px;
		border:solid 0 #fff;
		width:288px;
		font-size:120%;
		color:#8ab1c0;
		float:left;
		cursor: pointer;
	}

input.groovybutton
{
   font-size:10pt;
   font-family:Tahoma,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#9a9a9a;
   border-style:none;
   padding:1px;
}

.groovybutton:hover {
    background-color: #666666;
}

input.button
{
   font-size:10pt;
   font-family:Calibri;
   color:#FFFFFF;
   background-color:#8AB1C0;
   border-style:none;}
   
.white {
	color: #333;
	background-color: #FFF;
}
#whitecell {
	color: #333;
	background-color: #FFF;
}
.top {
	top: auto;
}
.polaroid {
	font-family: Georgia;
	color: #333;
	font-size:12px;
	text-align:center;
}

.text {
	font-family:Calibri;
	color: #fff;
	font-size:13px;
}

.textpx
{
	font-size:14px;
	color: #333;
}