@charset "utf-8";
/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	background-color: #FFFFFF;
	text-align: center;
}

h1{
	float: left;
	font-size: 16px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper{
width: 800px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#masthead{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(image/masthead.jpg);
	background-repeat: no-repeat;
	height: 60px;
	
	}

#masthead p{
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 40px 0px 0px 0px;
text-align: left;
}

#masthead p a:link, #nav li a:visited, #nav li a:active {
	font-size: 12px;
	color:#000000;
	text-decoration: none;
	font-weight: bold;
} 

#masthead a:hover {
	color: #0000FF;
	text-decoration: none;
}

#breadcrumb {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size: 12px;
	}
	
#breadcrumb a:link, a:visited, #content p a:active {
	font-size: 12px;
	color:#000000;
	text-decoration: none;
} 

#breadcrumb a:hover {
	color: #0000FF;
	text-decoration: none;
}	

/***********************************************/
/* Main Page                                   */
/***********************************************/

#content {
float: none;
text-align: center;
width: 800px;
height: auto;
}

#content img {
text-align: center;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
}

#content p {
text-align: center;
font-size: 15px;
margin: 10px 0px 0px 0px;
}

#content p a:link, #content p a:visited, #content p a:active {
	color: #FF0000;
	text-decoration: none;
} 

#content p a:hover {
	color: #0066FF;
	text-decoration: none;
}

#faq {
margin: 5px 0px 0px 0px;
float: right;
text-align: justify;
width: 625px;
font-size: 15px;
}

/***********************************************/
/* News                                        */
/***********************************************/

#news1 {
border-bottom: 1px dotted #CCCCCC;
padding: 0px 0px 10px 0px;
}

/***********************************************/
/* Product                                     */
/***********************************************/

#product {
	width: 800px;
	height: auto;
	margin: 0px 0px 0px 0px;
}

#product img{
    float: left;
}

#description {
    float: left;
	width: 320px;
	padding: 0px 0px 0px 10px;
	text-align: justify;
	font-size: 18px;
	height: auto;
}

#description p{
	text-align: left;
	font-size: 12px;
	height: auto;
}

#description img{
	float: right;
	height: auto;
}


#rec {
	height: auto;
    border-top: 1px dotted #CCCCCC;
	margin: 5px 0px 0px 0px;
	
}

#rec img{
    float: left;
	height: auto;
}

/***********************************************/
/* Site Info                                   */
/***********************************************/

#siteinfo{
margin: 10px 0px 0px 0px;
padding: 5px 0px 0px 0px;
font-size: 12px;
border-top: 1px dotted #CCCCCC;
height: 20px;
}

#siteinfo a:link, a:visited, #content p a:active {
	font-size: 12px;
	color:#000000;
	text-decoration: none;
} 

#siteinfo a:hover {
	color: #0000FF;
	text-decoration: none;
}