body {
	font-family: Andale Mono, Lucida Console, Monaco, monospace;
	font-size: 12px;
	margin: 20px;
	overflow: hidden;
	xletter-spacing: 0.01em;
}
p {
	margin-bottom: 10px;
	font-size: 11px;
	font-stretch: wider;
	xletter-spacing: 0.2px;
}

a {
text-decoration:none;
	font-size: 100%;
	border: none;
	color:#000;
	xletter-spacing: 0.1em;
}

a:hover{


}

img{
border: none;

}

#orderlink{
	overflow:hidden;
	position: absolute;
	width: 270px;
	height: 60px;
	bottom: 20px;
	left: 20px;
	z-index: 99999;
	display: none;
}

.bg_kickdialog{
	position: absolute;
		z-index: 88888;
		background-color: white;
		top:0px;
		left:0px;
		width:100%;
		height: 100%;
		
		filter:alpha(opacity=30);
        -moz-opacity:0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
}

.kickdialog{
	overflow:hidden;
	position: absolute;
	width: 250px;
	height: 180px;
	top: 195px;
	left:250px;
	z-index: 99999;

}

#menu{
	overflow:hidden;
	position: relative;
	font-style: normal;
	font-weight: normal;
	xfont-size: 110%;
	text-transform: uppercase;
	xletter-spacing: 0.1em;
	margin-bottom: 0px;
	width: 120%;
	xtext-align: justify;
	xbackground: blue;
	xtext-align-last: justify;
	xwhite-space:pre;
	white-space:nowrap;
	xword-spacing:50%;
	xletter-spacing
}

.menuitem{
 float: left;
 white-space:nowrap;
}

h1 {
	text-transform: uppercase;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;

}
h2 {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

h3 {

}

h4 {
	font-style:normal;
	font-weight: normal;
	font-size: 130%;
	xcolor: #62995b;
	letter-spacing: 0;
}

h5{
	font-style:normal;
	font-weight: normal;
font-size: 9px;
}

big{
 font-size: 400%;
 line-height: 50px;
}

.contents {
	display: block;
}



#title{
margin-top: 30px;
margin-bottom: 10px;
}

#content{
overflow: hidden;
xtext-align: right;
width:320px;
xfloat: right;
height: 700px;
}


.info-show {
margin-top: 10px;
padding: 0;
xcursor: pointer;
width:250px;
}

.info-show img:hover{
	xopacity: 			0.2;
	x-moz-opacity: 		0.2;
}

.info-show h3 {
  margin: 0;
  margin-bottom: -5px;
  padding: 0;
  border: none;
}

.info-show div {
	margin-left: 123px;
	position: absolute;
	width: 200px;
	z-index: 3000;
	background-color: #fff;
	display: inline;
	
	border-top-style: solid;
	xborder-color: #62995b;
	border-top-width: 6px;
}

.info-show div h1{
padding-top: 6px;
}


.code-show {
margin-top: 10px;
padding: 0;
cursor: pointer;
width:250px;
}

.code-show h3 {
  padding: 0;
  border: none;
}

.code-show div {	
	border-top-style: solid;
	xborder-color: #62995b;
	border-top-width: 6px;
}

#rectContainer{
font-size: 11px;
width: 100%;
height: 11px;
text-align: right;

	border-right-style: solid;
	xborder-color: #62995b;
	border-color: black;
border-right-width: 195px;
	padding-right: 3px;
	margin-left: -195px;
}

.colorRectContainer{
width:10px;
height: 1px;
border-top-style: solid;
border-top-width: 1px;
xborder-right-style:solid;
xborder-right-width: 200px;
border-color: #000;
margin-top: 8px;
margin-bottom: 5px;
	xopacity: 			0.2;
	x-moz-opacity: 		0.2;
}

#blackRect{
xmargin-left: 3px;
xwidth: 200px;
xheight: 11px;
xbackground: black;
xfloat: right;
}








ul.blocks {
	padding: 0;
	width:3200px;
	display: block;
}
ul.blocks li.scroll-interval {
	width: 400px;
	margin: 0 0 0 0px;
	float: left;
	display: block;
}

.holder {
	margin: 0;
	xdisplay: block;
	height: 100%;
	/* TEMP */
	xmargin-bottom: 20px;
	xoverflow: hidden;
	
}
.scroll-pane {
	width: 200px;
	xbackground: #ccc;
	float: left;
	padding: 0;
}

#pane5 {
	xheight: 100%;
	width: 100%;
	padding: 0;
	display: block;
	xoverflow: hidden;
}

.jScrollPaneContainer {
	position: relative;
	xoverflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	xposition: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;
	xbackground: #aaa;
}

.jScrollIntervalTrack {
	position: absolute;
}

.number{
font-size: 9px;
}

#offset{
	font-size: 11px;
	height: 11px;
	border-right-style: solid;
	xborder-color: #62995b;
	padding-right: 3px;
	z-index: -1;	
}

.jScrollPaneDrag {
font-size: 14px;
line-height: 12px;
	position: absolute;
	background: #000;
	cursor: pointer;
	overflow: hidden;
	color: #fff;
}

.jScrollPaneDrag:hover {
line-height: 13px;
font-size: 31px;
}

.jScrollPaneDragLeft {
visibility: hidden;
padding-left: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
visibility: hidden;
padding-right: 5px;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}



#scrollleft{
position:absolute;
left: 0;
cursor: w-resize;
	width: 20px;
	height: 80%;
	z-index: 2000;

}

#scrollright{	
position:absolute;
right: 0;
cursor:e-resize;
	width: 20px;
	height: 80%;
	z-index: 2000;
}

.colLink{

}

#blackLink{
padding-bottom: 5px;
}

#blackLink img{
border: none;
}

#blackLink:hover{
text-decoration: underline;
}

.colLink:hover{
xcursor: pointer;
display: inline;
xcolor: black;
}

#floatLeft{
	float: left;
}

#floatLeft2{
	float: left;
	margin-right: 20px;
	width: 150px;
}

#floatRight{
	float: right;
}

ul.list{
list-style-type:square;
list-style-position: inside;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
width:350px;
margin: 0;
display: block;
 	xfloat: left;
}

li.in{
width:320px;
margin: 0;

}

small{
font-size: 80%;
}


/* The images styling is needed to turn the <ul> into a 3x3 grid */
#images {
	padding: 			0px;
	margin: 			0px;
	xheight: 			800px;
	xwidth: 				400px;
	overflow:			hidden;
}
#images ul {
	list-style:			none;
	float: 				left;
	padding: 			0px;
	margin: 			0px;
}
#images ul li {
	display: 			inline;
	width: 				80px;
	height: 			80px;
	margin: 			0;	
	float: left;
}
#images ul li img {
	border: 			none;
	padding: 			0;
	width: 				80px;
	height: 			80px;
	xopacity: 			0.7;
	x-moz-opacity: 		0.7;	
}
#images ul li img:hover {
	opacity: 			0.5;
	-moz-opacity: 		0.5;
}

/* contact form*/

form{

}

input{
border-width: 1px;
background-color: white;
border-style:solid;
margin: 0;
padding: 0;
margin-right: 2px;
width: 150px;
padding-left: 5px;
}

.submit{
border-width: 1px;
cursor: pointer;
background-color: white;
width: 316px;
margin-top: 2px;
text-align: left;
padding-left: 5px;
height: 16px;
}

.noscript{
position: absolute;
width: 8000px;
height: 1000px;
background: #fff;
z-index: 500;
}

/*-----------------------------------------------*/
/*preload classes*/
.svw {width: 50px; height: 20px; }
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: none;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
display: none;
position: absolute;
top: 91px;
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
float:right;
}
.stripTransmitter ul li{
width: 12px;
margin: 0;
float:left;
font-size: 11px;
	opacity: 			0.5;
	-moz-opacity: 		0.5;
}
.stripTransmitter a{
width: 12px;
height: 12px;
text-align: center;
background: #000;
color: #000;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
font-size: 11px;
background: #fff;
color: #000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
position: absolute;
top:0;
}

#hover{
cursor: pointer;
}




ransmitter ul li{
width: 12px;
margin: 0;
float:left;
font-size: 11px;
	opacity: 			0.5;
	-moz-opacity: 		0.5;
}
.stripTransmitter a{
width: 12px;
height: 12px;
text-align: center;
background: #000;
color: #000;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
font-size: 11px;
background: #fff;
color: #000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
position: absolute;
top:0;
}

#hover{
cursor: pointer;
}

#namelist p{
font-size: 9px;
}