/* Main */

* { margin:0px; padding:0px;}

body {

	margin:0px;

	padding:0px 0 30px 0;

	background-color: #000;

	font-family: Verdana, Arial, sans-serif;

	font-size: 12px;

	line-height: 15px;

}

#page-wrap .side-nav {

	position: relative;

	z-index: 30;

}



#page-wrap { margin-left:auto; margin-right:auto; width:950px; height:100%; }

.clear { clear:both;}

.kscopeintro {

	padding-left: 17px;

	padding-right:5px;

	position:relative;

	top:10px;

}

#sold-out {

	position: absolute;

	top: 390px;

	margin-left: 200px;

	width: 528px;

	height: 175px;

	background-image: url(images/sold-out.png);

}

	

.logo { width:200px; height:95px; float:left; padding:16px 0 15px 10px;}

.logo2 { width:120px; height:112px; float:left; padding:16px 0 15px 10px;}

#logo {position:relative; left:20px; top:10px;}

#logo2 {position:relative; left:0px; top:10px;}

#logowrap{

	position:absolute;

	z-index: 0;

}

.title { float:left; margin:45px 0 0 30px; width:450px; text-align:center;}

.topnav img { border:0px;}

#header {

	width:920px;

	height:223px;

	color:#FFFFFF;

	float:left;

	overflow:hidden;

	font-size:14px;

	line-height:16px;

}

body .transparency {	opacity:0.2; filter:alpha(opacity=20); -moz-opacity:0.2; background-color:#000; width:100%; height:200px; position:absolute; top:0px; left:0px; z-index:-1; }

.content {

	color: #FFF;

}

.sub-head { margin:100px 0 0 262px; z-index:10;}

a img {border: none;}

a { text-decoration:none; color:#00AEEF;}

a:hover { color:#f1f28b;}



.ks_page{width: 846px;}





/* Download PDF */

.downloadpdf { padding:60px 0 0 710px;}

.downloadpdf a { color:#00aeef; text-decoration:none; font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; font-size:11px; font-weight:bold;}

.downloadpdf a:hover { color:#f1f28b;}



.downloadpdf-foot { margin:10px 0 20px 0px;}

.downloadpdf-foot a { color:#00aeef; text-decoration:none; font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; font-size:11px;}

.downloadpdf-foot a:hover { color:#6ac7ea;}



/* Page Background */

#page-wrap.index { background:url(images/collier_kaleidoscopes_background_sm.jpg) no-repeat;}

#page-wrap.kaleidosculpture { background:url(images/collier_kaleidosculpture_background_sm.jpg) no-repeat;}



/* Titles */

#title {

	display: block;

	position: relative;

	width:613px;

	height:33px;

	top: 40px;

	left: 152px;

	z-index: 0;

	visibility: visible;

}

#title.index {

	background:url(images/title_index.jpg) no-repeat;

	position: relative;

	top: 25px;

	z-index: 0;

}

#title #about {

	background-image: url(images/title_about.jpg);

	background-repeat: repeat;

	display: block;

	height: 33px;

	width: 613px;

}

#title #catalog {	background:url(images/title_catalog.jpg); background-repeat: repeat;

	display: block;

	height: 33px;

	width: 613px; }

#title #contact {	background:url(images/title_contact.jpg); background-repeat: repeat;

	display: block;

	height: 33px;

	width: 613px; }

#title #retailers {	background:url(images/title_retailers.jpg); background-repeat: repeat;

	display: block;

	height: 33px;

	width: 613px; }



/* Top Text */

#top_text {

	display: block;

	position: relative;

	width: 188px;

	height: 77px;

	left: 590px;

	color:#F15A29;

	font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode';

	font-size:11px;

	text-align: center;

	top: 0px;

	line-height:11px;

}





/* Brewster Logo */

#top_right_logo_no_text {

	display: block;

	position: relative;

	top: -55px;

	left: 795px;

}

#top_right_logo {

	display: block;

	position: relative;

	top: -119px;

	left: 795px;

}



/* Navigation */

.nav img { border:0px;}

.nav ul {

	list-style:none;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 15px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	width: auto;

	text-align: center;

}

.nav ul li {

	margin-right:3px;

	margin-left:3px;

	display: inline;

}

.nav ul li span { color:#00aeef; margin-left:10px; font-size:13px;}

.nav a {

	color:#00aeef;

	text-decoration:none;

	font-family: Verdana, sans-serif;

	letter-spacing: 0px;

}

#header .nav {

	position: relative;

	top:10px;

	z-index: 30;

	width: 800px;

	text-align: center;

	display: inline;

	margin-right: auto;

	margin-left: auto;

	white-space: nowrap;

}

#footer .nav {

	position: relative;

	padding: 0px;

	top:0px;

	z-index: 35;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-align: center;

	white-space: nowrap;

}

#footer .nav ul {

	position: relative;

	margin-top:10px;

	z-index: 35;

	margin-right: auto;

	margin-left: auto;

	width: auto;

	left: 0px;

	white-space: nowrap;

}





/* Container Index */

#container { width:100%; height:100%; float:left; 	z-index: 0;}



#container.kaleidosculpture {height: 530px;}



#container .contents {

	background:url(images/new/center_box.gif) no-repeat;

	width:588px;

	height:540px;

	float:left;

	position: relative;

	top: -20px;

	color: #FFF;

	padding-bottom: 20px;

}

#container .contents a:hover, a:visited{

	 color:#000;

}

#container .rcontents {

	background:url(images/new/center_box.gif) no-repeat;

	width:568px;

	height:540px;

	float:left;

	position: relative;

	top: -20px;

	color: #FFF;

	padding-left: 20px;

	padding-top: 20px;

}

#retailintro  {

	width: 550px;

	font-size:13px;

}



#container .side-nav { float:left; width:150px; margin-right:9px;}

#container .side-nav ul { padding: 0px 0 0 0;}

#container .side-nav ul li { margin-bottom:10px; margin-left:25px; list-style:none; text-align:center}

#container .side-nav ul li.last { margin:0px 0 0 25px;}





#hardwoods-btn a { background:url(images/hardwoods_btn.jpg) no-repeat 0 0; width:106px; height:119px; display:block; margin-left:10px;}

#hardwoods-btn a:hover { background:url(images/hardwoods_btn.jpg) scroll no-repeat -110px 0;}



#trio-btn a { background:url(images/trio_btn.jpg) no-repeat 0 0; width:106px; height:119px; display:block; margin-left:10px;}

#trio-btn a:hover { background:url(images/trio_btn.jpg) scroll no-repeat -110px 0;}



#themespirits-btn a { background:url(images/themespirits_btn.jpg) scroll no-repeat 0 0; width:121px; height:133px; display:block; margin-left:4px;}

#themespirits-btn a:hover { background:url(images/themespirits_btn.jpg) scroll no-repeat -124px 0;}



#colorspirits-btn a { background:url(images/colorspirit_btn.jpg) scroll no-repeat 0 0; width:117px; height:114px; display:block; margin-left:4px;}

#colorspirits-btn a:hover { background:url(images/colorspirit_btn.jpg) scroll no-repeat -120px 0;}



#column {display: block; width: 272px; height: auto; float: left; font-size: 11px; margin-bottom: 25px;}



#contactbox{

	width: 100%;

	text-align: center;

	margin-top: 140px;

	font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode';

	font-size:13px;

}





/* Drop Down Kaleidoscopes */

#hardwoods-btn-nav a  { background:url(images/hardwoods1.jpg) no-repeat; display:block; height:13px; width:97px;}

#hardwoods-btn-nav a:hover  { background:url(images/hardwoods2.jpg) no-repeat; display:block; height:13px; width:97px;}



#trio-btn-nav  a  { background:url(images/trio1.jpg) no-repeat; display:block; height:13px; width:97px;}

#trio-btn-nav a:hover  { background:url(images/trio2.jpg) no-repeat; display:block; height:13px; width:97px;}



#themespirits-btn-nav a { background:url(images/theme1.jpg) no-repeat; display:block; height:15px; width:97px;}

#themespirits-btn-nav a:hover { background:url(images/theme2.jpg) no-repeat; display:block; height:15px; width:97px;}



#colorspirits-btn-nav a { background:url(images/color1.jpg) no-repeat; display:block; height:15px; width:97px;}

#colorspirits-btn-nav a:hover { background:url(images/color2.jpg) no-repeat; display:block; height:15px; width:97px;} 







.topnav-box { width:624px; padding-left:290px;}



.topnav {position:absolute;	height:77px; width: 624px;}

.topnav ul .item {display:none; padding-top:3px; height:60px; background:#2d2d2f;}

.topnav .top { padding-bottom:4px;}

.topnav ul:hover .item { height:9px; display:block; background:#2d2d2f; padding-bottom:0px; margin-bottom:0px; font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; font-style:italic; font-size:11px;}



.topnav ul:hover li.item { padding-bottom:8px;}

.topnav ul:hover .item a{

	color:#fff;

	text-decoration:none;

	position:absolute;

	text-align:center;

}

.topnav ul:hover .item a:hover{ color:#6ac7ea;}



.topnav ul{float:left; margin:0 0 0 30px; padding:15px 0 0 0;list-style:none;}









#images { height:560px; width:196px; padding-left:756px; margin-top:-65px;}

#images img {padding-bottom:20px;}

/* Theme Spirits & Music Box */

p.topp { font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; letter-spacing:.10em; font-size:13px; font-weight:400; padding:0 15px 0 17px;}

p.color { font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; letter-spacing:.10em; font-size:11px; font-weight:400; color:#ffffff; width:245px; float:left;}



#webretail {

	position:relative;

	top: 25px;

	font-size: 16px;

	color: #FFF;

	z-index: 40;

}

#linkfooter {

	position: relative;

	top: 135px;

	font-size: 13px;

	color: #FFF;

	width: 545px;

	left: 5px;

	z-index:10;

}



#webretail a{

	font-size: 14px;

	line-height:20px;

}

#videolinks{

	width:545px;

	position:relative;

	top: 50px;

	z-index:40;

}

#videolinks a{

font-size: 14px;

	line-height:20px;

}

p.maintwo { font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; letter-spacing:.10em; line-height:14px; font-size:.70em;  color:#ffffff; padding:8px 20px 5px 20px;}



/* Kaleidosculpture */

p.ks_p {

	font-family: Verdana, Arial, sans-serif, "'Lucida Sans Unicode'";

	letter-spacing:.10em;

	font-size:12px;

	padding-bottom: 10px;

	line-height: 15px;

	position: relative;

}

#thumbs {

	padding-left: 10px;

	position: relative;

	z-index: 10;

	width: 800px;

	height: 50px;

}

.thumb {

	float: left;

	z-index: 10;

	margin-top: 3px;

	margin-right: 10px;

	margin-bottom: 3px;

	margin-left: 3px;

}

.thumb a{

	display: block;

	height: 35px;

	z-index: 34;

	float: left;

}

#ksculpfooter {

	position: relative;

	left: -37px;

	top:-60px;

}



/* Products */

#products { }

#products img { border:none; }

#products .product {

	background:url(images/kaleidoscope_product_bg_off_442.png) no-repeat;

	width:442px;

	height:206px;

	float:left;

	margin-right:17px;

	margin-left:10px;

	margin-bottom:17px;

}

#products .product .inside { padding:23px 13px 0px 35px;}

#products .product .inside img {

	padding-right:15px;

}

#products .product .inside img.last { padding-right:0px;}



#kaleidosculptures { padding:0; }

#kaleidosculptures .kaleidosculpture {

	background:url(images/kaleidosculpture_frame.png) no-repeat;

	width: 420px;

	height: 366px;

	float: left;

}

#kaleidosculptures .kaleidosculpture_video {

	background:url(images/kaleidosculpture_frame_video.png) no-repeat;

	width: 390px;

	height: 366px;

	float: left;

	padding-top: 7px;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 24px;

	z-index:0;

}

#flashwrap{

position:relative;

left:17px;

top:11px;

z-index:0;

visibility:visible;

}

.kaleidosculpture img {

	position: relative;

	left: 39px;

	top: 18px;

}





#products .product-last .inside { padding:20px 20px 0px 25px;}

#products .product-last .inside img { padding-right:0px;}

#products .product-last .inside img.last { padding-right:0px;}

#products .product-last { background:url(images/kaleidoscope_product_bg_off_442.png) no-repeat; width:442px; height:206px; float:left;margin-bottom:17px;}

#products .product-last:hover { background:url(images/kaleidoscope_product_bg_on_442.png) no-repeat;}



#products .product-last-color .inside { padding:23px 13px 0px 35px;}



#products .product-last-color .inside img { padding-right:15px;}

#products .product-last-color .inside img.last { padding-right:0px;}

#products .product-last-color { background:url(images/kaleidoscope_product_bg_off_442.png) no-repeat; width:442px; height:206px; float:left;margin-bottom:17px;}

#products .product-last-color:hover { background:url(images/kaleidoscope_product_bg_on_442.png) no-repeat;}





#products .product:hover { background:url(images/kaleidoscope_product_bg_on_442.png) no-repeat;}

#products .kname { text-align:center; }



.main {

padding:20px;	

}





/* FOOTER */

#spacer {

	height:0px;

	display: block;

}

#header .nav a {

	font-size: 11px;

}



#footer {

	text-align:center;

	width:910px;

	margin-top:0px;

	padding-top: 0px;

	position:relative;

	top:0px;

	z-index: 9;

}



#footer .nav ul li a {

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

}



#footer .logodown { padding:30px 0 20px 0;}

#footer p {font-family: Verdana, Arial, sans-serif, 'Lucida Sans Unicode'; font-size:11px; color:#FFF; margin:0px; padding:0px;}

#footer p.copy { font-style:normal; margin:0px; padding:0px;position:relative; top:15px; left:0px;}









.suckertreemenu ul{

margin: 15px 0 0 340px;

padding: 0;

list-style-type: none;

z-index:99;

}



/*Top level list items*/

.suckertreemenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.suckertreemenu ul li a{

display: block;

width: 90px; /*Width of top level menu link items*/

padding: 1px 0px;

border-left-width: 0;

text-decoration: none;

}

	

/*1st sub level menu*/

.suckertreemenu ul li ul{

left: 0;

position: absolute;

top: 1em; /* no need to change, as true value set by script */

display: block;

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{

display: list-item;

float: none;

width:105px;

padding-bottom:3px;

}



/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{ 

left: 159px; /* no need to change, as true value set by script */

top: 0;

}



/* Sub level menu links style */

.suckertreemenu ul li ul li a{

display: block;

width: 150px; /*width of sub menu levels*/

text-decoration: none;

}





* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/

padding-top: 1em;

}

	

/* Holly Hack for IE \*/

* html .suckertreemenu ul li { float: left; height: 1%;  }

* html .suckertreemenu ul li a { height: 1%; }

/* End */

#column{

	position:relative;

	left:5px;

}





#sddm

{

	padding: 0;

	position: relative;

	margin-right: auto;

	margin-left: auto;

	}









#sddm div

{

	position:absolute;

	visibility: visible;

	margin:0;

	padding: 0;

	display: none;

	}



	#sddm div a

	{

	position: relative;

	display: block;

	margin: 0;

	width: auto;

	white-space: nowrap;

	text-align: left;

	text-decoration: none;

	color:#00aeef;

	background-color: #000;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	left:-5px;

}



	#sddm div a:hover

	{	background: #49A3FF;

		color: #FFF;}

		

.standback {

	background-color: #000000;

}

#emailinfo {

	z-index:30;

	position: relative;

	left: 40px;

	top: -51px;

}

#weburl {

	position: relative;

	z-index: 31;

	width: 500px;

	left: 83px;

	top: -41px;

}

#weburl a{

font-size:15px;	

}



#emailinfo a{

	

font-size: 15px;	

} 

#headshift {

	position: relative;

	left: 25px;

}

#kscopefooter {

	position: relative;

	left: 5px;

	top:-30px;

}

#kscopefooter .nav ul{

	position:relative;

	left:5px;

}

#sddm #m2 a {

	position: relative;

	display: block;

	margin: 0;

	width: auto;

	white-space: nowrap;

	text-align: left;

	text-decoration: none;

	z-index:35;

	background-color: #000;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	left: 250px;

	top:-118px;

	color:#00aeef;

	font-size: 10px;

}

#sddm #m2 a:hover {

	background: #49A3FF;

	color: #FFF;

}

#sddm #m1 a {

	position: relative;

	display: block;

	z-index:35;

	left: 730px;

	top:3px;

}

#page-wrap a, a:visited, a:active  {

	color:#00aeef;

}

#page-wrap a:hover{

	 color:#f1f28b;

}



#playnote {

	white-space: nowrap;

	display: block;

	float: left;

	color: #FFF;

	font-weight:bold;

	font-size:14px;

	position:relative;

	left:155px;

}

#navwrap {

	width: 2000px;

	margin-left: -1015px;

	position: absolute;

	left: 50%;

	text-align: center;

	z-index: 30;

}

#navwrap2 {

	width: 1000px;

	margin-left: -495px;

	position: absolute;

	left: 50%;

	text-align: center;

}

#footer p.copy {

	position: relative;

	top: 25px;

	display: block;

}

#footer #kscopefooter p.copy {

	position: relative;

	top: 0px;

}



#page-wrap #ie6fix{

	position: relative;

	top: 18px;

}

#ksculpheader #navwrap .nav ul {

	position: relative;

	left:30px;

}

#headshift #sddm #m1 a{

position:relative;

left:190px;

}

#kscopefooter #sddm #m2 a{

position:relative;

left:205px;

}