/* 	general declarations  */

body {
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif; 
	font-size: 85%;
	text-align: center;
}
	
div, li  {margin: 0;padding: 0;border: 0; }

p {color: #333; line-height: 1.6em;margin: 0 0 1.6em;padding: 0; font-size:0.92em; font-family: verdana, helvetica, arial, sans-serif;  
	font-weight: normal; }

ul, ol {margin: 0 0 1.6em;	padding: 0;	}

img {display: block;margin: 0;border: 0;} 

a {
	text-decoration: none;
	color: #333;
}

a.link-border {
	display:block;
	margin: 0 -4px 0 -4px;
	border:2px solid white;
	padding:1px;
}

a.link-border:hover {
	border:2px solid #39f;
}

.clear  {clear: both;}


/* 	headers  */

h1, h2 {color: #333;margin: 0 0 3px;}

h1	{
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.92em;
}

h2	{font-weight: normal;
	color: #FFF; 
	line-height: 1.6em; 
	margin: 0 0 1.6em;
	padding: 0;
	font-size: 0.92em;
}

h3	{
	color:#39f;
	font-family: verdana, helvetica, arial, sans-serif; 
	font-weight: bold;
	font-style:normal;
	font-size:1em;
	margin: 0;
	padding: 0
}

h4	{color: #333;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 0.92em;
	margin: 0;
}


/* 	header  */  

#header {
	width:830px;
	padding: 10px 0px;	
}

#header img {
 float: right;
 margin-left: 1em;
}


/*  nav   */		

#nav {
	width: 830px;
	border-width: 2px 0 1px 0;
	border-style: solid;
	border-color: #333;
	padding-top: 1em;
}

#nav img {
	float:left;	
	padding: 0 45px 0 0;
}

#nav ul li {
	float: left;
	list-style: none;
}

#nav ul ul {
	font-weight: bold;
	margin: 0 10px 15px 15px;
}


#nav ul ul li{
	float:none;
	width: 80px;
	margin-left: 0em;
	font-weight: normal;
	font-size:0.92em;
	font-style:normal;
	margin: 0 0 0.3em;
	padding: 0;
}

#nav ul ul li a:hover {color:#39f;}


/* 	general layout  */  

#container {
	margin: 0 auto;
	padding: 0 25px 0px 25px;
	text-align: left;
	width:830px;
	position: relative;
	background-color:#fff;
}

#content	{
	padding:30px 0 80px 0;
	width: 830px;
	background-color:#fff;
}

.info	{float: left;
	width: 265px;
	line-height: 1.6em;
	margin:0;
	padding:0 20px 0 0;
}

	.info p	{
		margin:0; 
		font-weight: normal;
		font-style:normal;
		font-size:0.91em;
		margin: 0 0 0.3em;
		padding: 0;
	}


/*	footer	*/	

#footer 	{
	margin: 0 auto;
	padding: 0 25px 0px 25px;
	background-color: #333;	
	text-align: left;
	width: 830px;
	bottom:0px;
	position: relative;
}

.copyright {width:200px;float:left;margin:25px 20px 25px 0px;
	color:#FFF;font-family:verdana, arial, helvetica, sans-serif;font-size:0.92em;}		
		
		.copyright a {
	color:#fff;
	font-weight: bold;
}  


/* Chino Highlights and Chino Display Highlights  */

#highlight	{width:830px; margin: 0 0 -1px 0;padding:0; } 

.info_highlights	{float: left;
	width: 250px;
	height: 676px;
	line-height: 1.6em;
	margin:0;
	padding:0 33px 0 0;
}

.info_highlights a {
		margin:0; 
		font-weight: normal;
		font-style:normal;
		font-size:0.91em;
		margin: 0 0 0.3em;
		padding: 0;
		text-decoration:underline;
}

.thumbnailbox	{float: left; 
	width: 248px;
	height: 151px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #333;
	padding-top: 1em;
	margin:0;
	padding:0;
	bottom: 0px;
}

.thumbnail1	{float: left;
	width: 58px;
	margin:0;
	padding:30px 5px 0 0;
}

.thumbnail1_end	{float: left;
	width: 58px;
	margin:0;
	padding:30px 0 0 0;
}

.thumbnail2	{float: left;
	width: 58px;
	margin:0;
	padding:5px 5px 0 0;
}

.thumbnail2_end	{float: left;
	width: 58px;
	margin:0;
	padding:5px 0 0 0;
}


/*	Making of	*/

#mao1	{width:830px; margin: 0; }
#mao2	{width:830px; margin: 30px 0 0 0; }
#mao3	{width:830px; margin: 30px 0 0 0; }
#mao4	{width:830px; margin: 30px 0 0 0; }
#mao5	{width:830px; margin: 30px 0 0 0; }
#mao6	{width:830px; margin: 30px 0 0 0; }
#mao7	{width:830px; margin: 30px 0 0 0; }
#mao8	{width:830px; margin: 30px 0 0 0; }
#mao9	{width:830px; margin: 30px 0 0 0; }
#mao10	{width:830px; margin: 30px 0 0 0; }
#mao11	{width:830px; margin: 30px 0 0 0; }
#mao12	{width:830px; margin: 30px 0 0 0; }
#mao13	{width:830px; margin: 30px 0 0 0; }

.info a {
	text-decoration:underline
}


/*	Designer	*/

#designer_picture {
	width: 545px; 
	height: 345px; 
 	float:right;
	margin: 0;
	padding: 0;
	text-indent:-9999px; 
	background:url('../images/designer.jpg') 0 0 no-repeat;
}

#designerbox	{width:830px; margin: 0 0 30px 0; }

#designer	{width:545px;  margin: 0; padding: 0 0 0 285px;}

.info2	{float: left;
	width: 260px;
	line-height: 1.6em;
	margin:0;
	padding:20px 20px 0 0;
}

	.info2 p	{
		margin:0; 
		font-weight: normal;
		font-style:normal;
		font-size:0.91em;
		margin: 0 0 0.3em;
		padding: 0;
	}
	
	.info2 a {
		text-decoration:underline
	}

.info3	{float: left;
	width: 260px;
	line-height: 1.6em;
	margin:0;
	padding:20px 0 114px 0;
}

	.info3 p	{
		margin:0; 
		font-weight: normal;
		font-style:normal;
		font-size:0.91em;
		margin: 0 0 0.3em;
		padding: 0;
	}
	
	.info3 a {
		text-decoration:underline
	}


/*	Quench	*/

#quench1	{width:830px; margin: 0; }
#quench2	{width:830px; margin: 30px 0 0 0; }
#quench3	{width:830px; margin: 30px 0 0 0; }
#quench4	{width:830px; margin: 30px 0 0 0; }
#quench5	{width:830px; margin: 30px 0 0 0; }
#quench6	{width:830px; margin: 30px 0 0 0; }
#quench7	{width:830px; margin: 30px 0 0 0; }
#quench8	{width:830px; margin: 30px 0 0 0; }
#quench9	{width:830px; margin: 30px 0 0 0; }
#quench10	{width:830px; margin: 30px 0 0 0; }

 
/*	Opal	*/

#opal1	{width:830px; margin: 0; }
#opal2	{width:830px; margin: 30px 0 0 0; }
#opal3	{width:830px; margin: 30px 0 0 0; }
#opal4	{width:830px; margin: 30px 0 0 0; }
#opal5	{width:830px; margin: 30px 0 0 0; }
#opal6	{width:830px; margin: 30px 0 0 0; }
#opal7	{width:830px; margin: 30px 0 0 0; }
#opal8	{width:830px; margin: 30px 0 0 0; }

  
/*	Snoogle 	*/

#snoogle1	{width:830px; margin: 0; }
#snoogle2	{width:830px; margin: 30px 0 0 0; }
#snoogle3	{width:830px; margin: 30px 0 0 0; }
#snoogle4	{width:830px; margin: 30px 0 0 0; }
#snoogle5	{width:830px; margin: 30px 0 0 0; }
#snoogle6	{width:830px; margin: 30px 0 0 0; }


/*	Klint	*/

#klint1	{width:830px; margin: 0; }
#klint2	{width:830px; margin: 30px 0 0 0; }
#klint3	{width:830px; margin: 30px 0 0 0; }
#klint4	{width:830px; margin: 30px 0 0 0; }
#klint5	{width:830px; margin: 30px 0 0 0; }
#klint6	{width:830px; margin: 30px 0 0 0; }
#klint7	{width:830px; margin: 30px 0 0 0; }
#klint8	{width:830px; margin: 30px 0 0 0; }

#buy	{width:545px; height: 110px;  margin: 0; padding: 0 0 0 282px;}

.buy1	{float: left;
	width: 73px;
	margin:0;
	padding:20px 5px 0 0;
}

.buy2	{float: left;
	width: 400px;
	line-height: 1.6em;
	margin:0;
	padding:20px 0 0 0;
}

	.buy2 p	{
		margin:0; 
		font-weight: normal;
		font-style:normal;
		font-size:0.91em;
		margin: 0 0 0.3em;
		padding: 0;
	}
	
	.buy2 a {
		text-decoration:underline;
	}
	

/*	Chino Weights	*/

.info_weights	{float: left;
	width: 260px;
	margin:0;
	padding:20px 20px 0 0;
	font-style:italic;
	font-weight:bold;
}


/* Font Tester */

.fontTester {
	line-height: 1.7em;
	font-size: 0.92em;
}		

.fontTester a:hover {
	color:#39f;
}