@charset "utf-8";
html, body  {
	background-color: #282327;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 0;
	padding: 0;
	text-align: center;
	border-width: 0px;	
}

#popupcontainer {
	width: 450px;
	text-align: left;
	margin: 0;
	padding: 0;
	/*background: url(images/bg.gif);*/
}
#chun {
	width: 118px;
	float: left;
	display: inline;
	line-height: 1.5em;
	text-align: center;
	margin: 30px 0px 20px 18px;
}
#crackle {
	width: 118px;
	float: left;
	padding-top: 30px;
	line-height: 1.5em;
	text-align: center;
	margin: 0px 0px 20px 30px;
}
#white {
	width: 118px;
	float: left;
	padding-top: 30px;
	line-height: 1.5em;
	text-align: center;
	margin: 0px 0px 20px 30px;
}

#popuptext {
	font-size: 65%;
	width: 300px;
	margin-left: 30px;
	line-height: 1.4em;
	clear: both;
}
#container {	
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
dl {
	margin: 0px;
	padding: 0px;
}
dd {
	height: 595px;
	margin: 0px;
	padding: 0px;
}
dt {
	margin: 0px;
	padding: 0px;
}
#title {
	padding-top: 32px;
	padding-left: 26px;
	padding-bottom: 5px;
}
.bgHome {
	background: url(images/bgHome.jpg);
}
#nav{
	margin: 0px 50px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;	
}
#nav ul {
	list-style: none;
	line-height: 2.3em;
	padding: 0px;
	margin: 0px;
	text-align: right;		
}
#nav .details {
	font-size: 90%;
	line-height: .4em;
	margin: 0.2em .1em .9em 0em;
	padding: 0px;
}
#nav li.activedetails {
	font-size: 90%;
	line-height: .4em;
	color: #72bc9d;
	margin: 0.2em .1em .9em 0em;
	padding: 0px;	
}
#nav a{
	color: #8d75b7;
	text-decoration: none;	
}
#nav a:hover{
	color: #72bc9d;
	text-decoration: none;
}
#nav .active{
	color: #72bc9d;
	text-decoration: none;
}
#about {
	margin: 0px 0px 0px 30px;
	width: 440px;
	float: left;
	font: 71%/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	display: inline;	
}
.flow {
	float: right;
	clear: right;
	margin: 0px;	
	padding: 0px;
	height: 20px;	
}
#about h2 {
	color: #8d75b7;
	font-size: 150%;
	font-weight: normal;
	margin: 1em 0em 0.5em;
}
a {
	text-decoration: none;
	color: #c9c1be;
}
a:hover {
	text-decoration: none;
	color: #72bc9d;
}
#sinktitle {
	text-align: right;
	font-size: 75%;
	margin: -94px 50px 0px 0px;
	padding: 0px;
	float: right;
	display: inline;
	line-height: 1.5em;
}
#copyrightAbout {
	font-size: 65%;
	color: #c9c1be;
	text-align: right;	
	margin: 476px 50px 0px 0px;
}
#copyright {
	font-size: 65%;
	color: #c9c1be;
	text-align: right;
	margin: 23px 50px 0px 0px;	
}
#row1 {
	width: 371px;
	height: 78px;
	background: url(images/row1a.jpg) no-repeat;
	margin: 0 0 0 90px;
	padding: 0px;
	position: relative;
}
#row1 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
	top: 0;
}
#row1 li, #row1 a {
	height: 78px;
	display: block;
}
#sink1 {
	left: 0px;
	width: 70px;
	text-indent: -5000px;
}
#sink2 {
	left: 103px;
	width: 70px;
	text-indent: -5000px;
}
#sink3 {
	left: 219px;
	width: 70px;
	text-indent: -5000px;
	}
#sink4 {
	left: 301px;
	width: 70px;
	text-indent: -5000px;
}
#sink1 a:hover, #sink1 a.selected {
	background: transparent url(images/row1a.jpg)
	0 -79px no-repeat;
}
#sink2 a:hover, #sink2 a.selected {
	background: transparent url(images/row1a.jpg)
	-103px -78px no-repeat;
}
#sink3 a:hover, #sink3 a.selected {
	background: transparent url(images/row1a.jpg)
	-219px -78px no-repeat;
}
#sink4 a:hover, #sink4 a.selected {
	background: transparent url(images/row1a.jpg)
	-301px -78px no-repeat;
}
#row2 {
	width: 285px; height: 67px;
	background: url(images/row2a.jpg) no-repeat;
	margin: 3px 0 0 40px;
	padding: 0px;
	position: relative;
}
#row2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
	top: 0;
}
#row2 li, #row2 a {
	height: 67px;
	display: block;
}
#sink5 {
	left: 0px;
	width: 72px;
	text-indent: -5000px;
}
#sink6 {
	left: 99px;
	width: 71px;
	text-indent: -5000px;
}
#sink7 {
	left: 212px;
	width: 71px;
	text-indent: -5000px;
}

#sink5 a:hover, #sink5 a.selected {
	background: transparent url(images/row2a.jpg)
	0px -68px no-repeat;
}
#sink6 a:hover, #sink6 a.selected {
	background: transparent url(images/row2a.jpg)
	-99px -68px no-repeat;
}
#sink7 a:hover, #sink7 a.selected {
	background: transparent url(images/row2a.jpg)
	-212px -68px no-repeat;
}
#row3 {
	width: 213px;
	height: 65px;
	background: url(images/row3a.jpg) no-repeat;
	margin: 10px 0 0 60px;
	padding: 0px;
	position: relative;
}
#row3 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
	top: 0;
}
#row3 li, #row3 a {
	height: 66px;
	display: block;
}
#sink8 {
	left: 0px;
	width: 73px;
	text-indent: -5000px;
}
#sink9 {
	left: 139px;
	width: 71px;
	text-indent: -5000px;
}
#sink8 a:hover, #sink8 a.selected {
	background: transparent url(images/row3a.jpg)
	0px -61px no-repeat;
}
#sink9 a:hover, #sink9 a.selected {
	background: transparent url(images/row3a.jpg)
	-139px -66px no-repeat;
}
#row4 {
	width: 168px; height: 88px;
	background: url(images/row4a.jpg) no-repeat;
	margin: 10px 0 0 30px;
	padding: 0px;
	position: relative;
}
#row4 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
	top: 0;
}
#row4 li, #row4 a {
	height: 88px;
	display: block;
}
#sink10 {
	left: 0px;
	width: 76px;
	text-indent: -5000px;
}
#sink11 {
	left: 86px;
	width: 71px;
	text-indent: -5000px;
}
#sink10 a:hover, #sink10 a.selected {
	background: transparent url(images/row4a.jpg)
	0px -86px no-repeat;
}
#sink11 a:hover, #sink11 a.selected {
	background: transparent url(images/row4a.jpg)
	-86px -86px no-repeat;
}
#row5 {
	width: 81px; height: 60px;
	background: url(images/row5a.jpg) no-repeat;
	margin: 4px 0 0 90px;
	padding: 0px;
	position: relative;
}
#row5 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
	top: 0;
}
#row5 li, #row5 a {
	height: 60px;
	display: block;
}
#sink12 {
	left: 0px;
	width: 78px;
	text-indent: -5000px;	
}
#sink12 a:hover, #sink12 a.selected {
	background: transparent url(images/row5a.jpg)
	-87px 0px no-repeat;
}
#row6 {
	width: 81px; height: 66px;
	background: url(images/row6a.jpg) no-repeat;
	margin: 2px 0 0 136px;
	padding: 0px;
	position: relative;
}
#row6 li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute; 
	top: 0;
}
#row6 li, #row6 a {
	height: 66px;
	display: block;
}
#sink13 {
	left: 0px;
	width: 78px;
	text-indent: -5000px;	
}
#sink13 a:hover, #sink13 a.selected {
	background: transparent url(images/row6a.jpg)
	-82px 0px no-repeat;
}
.vs1 {
	background: url(images/vsink1.gif) no-repeat 326px 216px;
}
.vs2 {
	background: url(images/vsink2.gif) no-repeat 320px 202px;
}
.vs3 {
	background: url(images/vsink3.gif) no-repeat 322px 200px;
}
.vs4 {
	background: url(images/vsink4.gif) no-repeat 318px 210px;
}
.vs5 {
	background: url(images/vsink5.gif) no-repeat 326px 200px;
}
.vs6 {
	background: url(images/vsink6.gif) no-repeat 310px 220px;
}
.vs7 {
	background: url(images/vsink7.gif) no-repeat 320px 220px;
}
.vs8 {
	background: url(images/vsink8.gif) no-repeat 316px 230px;
}
.vs9 {
	background: url(images/vsink9.gif) no-repeat 316px 220px;
}
.vs10 {
	background: url(images/vsink10.gif) no-repeat 326px 208px;
}
.vs11 {
	background: url(images/vsink11.gif) no-repeat 308px 210px;
}
.vs12 {
	background: url(images/vsink12.gif) no-repeat 314px 230px;
}
.vs13 {
	background: url(images/vsink13.gif) no-repeat 310px 208px;
}


.bgabout {
	background: url(images/aboutSink.gif) no-repeat right bottom;
}