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

blue - 99CCFF
*/


body {
	font-family: 'Mako', arial, serif;
	color: #333333;
	background-color: #f2eee8;
	background-position: top;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
h1 { 
	font-family: 'Yanone Kaffeesatz', arial, serif;
	color: #3366ff;
}
#header-wrap {
	margin-top: 0;
	height: 210px;
}
#header {
	overflow: auto;
	background-image: url(../image/header.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 160px;
	margin-bottom: 0;
}
#logo {
}

#content-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
	background: #d3f5eb url(../image/content-wrap-bg.png) repeat-x;
	border-radius: 0.6em;
	border: 1px solid #0066ff;
	background-color: #3399ff;
}
#page {
	min-height: 500px;
}
.page-content {
	min-height: 500px;
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #0066ff;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}
#logo {
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	left: 0;
	top: 20px;
	text-indent: -9999px;
	height: 132px;
	width: 457px;
}
#logo:hover {
	background-position: 0 -132px;
}


#sidebar {
}
.side-inner {
	margin-top : 10px;
	margin-right: 10px;
}
.clearfix {
	overflow: auto;
}

#sidebar img {
	margin: 10px 0px 10px 0px;
}
#sidemenu a {
	padding-left: 20px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
#sidemenu li {
	line-height: 40px;
	background-image: url(../image/side-menu.png);
	display: block;
}
#sidemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#sidemenu ul li a:hover {
	background-image: url(../image/side-menu.png);
	background-position: 0px -40px;
	padding-left: 20px;
	color: #FFFFFF;
}
#fb {
	width: 290px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#footer-wrap {
	margin-top: 10px;
}
#footer {
	min-height: 150px;
	border: 1px solid #0066ff;
	padding-bottom: 10px;
	background: #3399FF url(../image/content-wrap-bg.png) repeat-x;
	color: #333333;

}

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

#top-menu {
	width: 960px;
	height: 36px;
	margin: 0;
	padding: 0;
	margin-left: -10px;
}
#top-menu img {
	border: none;
	padding: 0;
	margin: 0;
}
#top-menu span {
}
#top-menu li, #top-menu a {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px;
	display: block;
	text-decoration: none;
	color: #0066cc;
	font-size: 15px;
}
#top-menu a:hover {
	color: #0066cc;
}
#top-menu li {
	float: left;
	list-style: none;
	display: inline;
	text-align: center;
	width: 120px;
}
#end {
	width: 100px;
	background: url(../image/end-bg.png) top right;
}
#home {
	background: url(../image/global-nav-bg.png) 0px 0px no-repeat;	
}
#about, #products, #services, #promotions, #quotation, #contact {
	background: url(../image/global-nav-bg.png) 0px -120px no-repeat;
}
#home a:hover {
	background: url(../image/global-nav-bg.png) 0px -40px no-repeat;
}
#about a:hover, #products a:hover, #services a:hover, #promotions a:hover, #quotation a:hover, #contact a:hover {
	background: url(../image/global-nav-bg.png) -120px -120px no-repeat;
}
#search {
	background: url(../image/global-nav-bg.png) -120px 0px no-repeat;
}
#search a:hover {
	background: url(../image/global-nav-bg.png) -120px -40px no-repeat;
}

#footer-menu, #footer-menu a {
	padding: 0;
	margin-left: 10px;
	list-style: none;
	text-decoration: none;
	color: #99ffff;
}
#footer-menu a:hover {
	color: #FFFFFF;
}
#footer h3 {
	color: #00ffff;
}
#copyright {
	color: #006666;
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
}
.home #home a {
	background: url(../image/global-nav-bg.png) 0px -80px;
}
.about #about a,
.products #products a,
.services #services a,
.promotions #promotions a,
.quotation #quotation a,
.contact #contact a {
	background: url(../image/global-nav-bg.png) 0px -160px;
	color: #0066cc;
}
#map {
	border: 1px solid #666;
	background-color: #F2EFE9;
}
table {
	border: none;
}
.product {
	padding: 10px;
	background-color: #99ccff;
	overflow: auto;
	margin-bottom: 10px;
}
.product p {
}
.product img {
	float: left;
	margin-right: 10px;
}
.product h4 {
	background-color: #FFFFFF;
	padding: 5px;
}
h3 {
	color: #3399cc;
}
ul {
	list-style-image: url(../image/list.png);
}