body {
	margin: 0;
	padding: 0;
	background-color: #414040;
}
img {
	border: none;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}
#main {
	width: 600px;
	margin: 0 auto;
}
/* header page */
#header {
	float: left;
	width: 600px;
	height: 112px;
	position: relative;
	background: url(../images/header.jpg) no-repeat;
}
/* logo */
.logo {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	left: -56px;
	background: url(../images/logo.png) no-repeat;
	width: 299px;
	height: 162px;
	cursor: pointer;
}
/* main navigation */
#main-nav {
	margin: 98px 0 0;
	padding: 0 20px 0 0;
	float: left;
	width: 580px;
	background: url(../images/main-menu-bg.jpg) no-repeat 100% 0;
}
#main-nav li {
	display: inline;
	float: right;
	padding: 4px 6px 3px 6px;
	font: bold 11px/14px Arial, sans-serif;
}
#main-nav li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 4px 5px 3px 5px;
	position: relative;
	cursor: pointer;
}
.safari #main-nav li a {
	padding-top: 5px;
	padding-bottom: 4px;
}
#main-nav li a:hover {
	background-color: #414040;
}
#main-nav li:hover,
#main-nav li.hover {
	position: relative;
}
#main-nav li.hover div, 
#main-nav li:hover div {
	display: block;
}
#main-nav li.hover div li.hover div, 
#main-nav li:hover div li:hover div {
	display: block;
}
#main-nav li.hover div div, 
#main-nav li:hover div div {
	display: none;
}
/* drop-down 1 level */
#main-nav li div {
	display: none;
	position: absolute;
	top: 21px;
	left: 5px;
	background: url(../images/pointer.gif) no-repeat 35px 2px;
	padding: 10px 0 0;
}
#main-nav .product div {
	background-position: 35px 2px;
}
#main-nav .faq div {
	background-position: 15px 2px;
}
#main-nav .contact div {
	background-position: 32px 2px;
}
#main-nav .about div {
	background-position: 35px 2px;
}
#main-nav .order div {
	background-position: 45px 2px;
}
/* drop-down 2 level */
#main-nav div div {
	left: 176px;
	top: -11px;
	background: url(../images/pointer-2.gif) no-repeat 6px 16px !important;
}
#main-nav div ul {
	float: left;
	width: 177px;
	margin: 0;
	padding: 0;
	border: 1px solid #8a8a8a;
	border-bottom: none;
}
#main-nav div div ul {
	margin: 0 0 0 14px;
	display: inline;
	border: 1px solid #414040;
	border-bottom: none;
}
#main-nav li ul li {
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #8a8a8a;
	font: 9px Arial, sans-serif;
}
#main-nav div div ul li {
	border-bottom: 1px solid #414040;
}
#main-nav li ul li a {
	color: #ccc;
	width: 174px;
	display: block;
	background: url(../images/sub-menu-bg.jpg) repeat-x;
	padding: 4px 0 3px 3px;
}
#main-nav li:hover a,
#main-nav li.hover a {
	background-color: #414040;
}
#main-nav li:hover ul li:hover a,
#main-nav li.hover ul li.hover a {
	background-position: 0 100%;
	color: #fff;
}
#main-nav li ul li ul li a {
	background-position: 0 100%;
	color: #fff;
}
#main-nav li ul li a:hover {
	background-position: 0 100%;
	color: #fff;
}
#main-nav li ul li ul li a:hover {
	text-decoration: underline;
}
/* main navigation end */
.container {
	float: left;
	width: 600px;
	background: url(../images/content-bg.gif) repeat-y;
}
* html .container {
	margin-top: -7px;
}
.container-bg-holder {
	float: left;
	width: 600px;
	background: url(../images/content-bottom-bg.gif) no-repeat 100% 100%;
	padding: 0 0 140px 0;
}
/* content page */
.content {
	width: 406px;
	float: left;
	padding: 64px 20px 0 38px;
}
/* content heading */
.content h1 {
	margin: 0;
	padding: 0 0 2px;
	color: #f33;
	font: 22px Arial, sans-serif;
	width: 400px;
	border-bottom: 1px solid #ccc;
}
.content h2 {
	margin: 0;
	padding:4px 0 4px 0; 
	color: #f33;
	font: 11px Arial, sans-serif;
	width: 400px;
	border-top: 1px solid #ccc;
}
/* block for image */
.image {
	margin: 19px 0 0;
}
.image img {
	display: block;
	margin-left:auto;
	margin-right:auto;	
}
.content p {
	color: #333;
	font: 11px/17px Arial, sans-serif;
	padding: 0 0 15px;
	margin: 0;
}
.content ul li {
	color: #333;
	font: 11px/17px Arial, sans-serif;
	padding: 0;
	margin: 0;
}
.content table {
	color: #333;
	font: 11px/17px Arial, sans-serif;
	padding: 0;
	margin: 0;
}
.content textarea, input {
	color: #333;
	font: 11px/17px Arial, sans-serif;
	padding: 0;
	margin: 0;
}
.leftheader {
	color: #f33;
	font-weight: 600;
	width: 40%;		
	font: 11px/17px Arial, sans-serif;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}
.rightheader {
	color: #f33;
	font-weight:bold;
	width: 60%;		
	font: 11px/17px Arial, sans-serif;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
}
/* right column page */
.right-column {
	float: left;
	width: 124px;
	padding: 21px 0 0 10px;
}
.right-column img {
	float: left;
}
/* page footer */
.footer {
	float: left;
	width: 600px;
	background: url(../images/footer-bg.gif) no-repeat;
	height: 70px;
	margin: -3px 0 0;
	padding: 0 0 20px;
	position: relative;
}
/* girl */
.girl {
	position: absolute;
	background: url(../images/girl.png) no-repeat;
	width: 73px;
	height: 268px;
	top: -264px;
	left: 484px;
	z-index: 9999;
}
/* copyright */
.footer span {
	float: left;
	font: italic bold 9px/12px Arial, sans-serif;
	color: #fff;
	margin: 23px 0 0 55px;
	display: inline;
}
/* footer navigation */
.footer-nav {
	margin: 0;
	padding: 8px 0 0 20px;
	float: left;
	width: 575px;
}
.footer-nav li {
	float: left;
	display: inline;
	font: bold 11px Arial, sans-serif;
	padding: 0 11px 0 11px;
}
.footer-nav li a {
	color: #fff;
	text-decoration: none;
}
.footer-nav li a:hover {
	text-decoration: underline;
}
/* logo links */
.logo-links {
	float: right;
	margin: 15px 70px 0 0;
	padding: 0;
	display: inline;
}
.logo-links li {
	float: left;
	display: inline;
	padding: 0 0 0 10px;
}
.logo-links li img {
	float: left;
}
/* flash area */
.flash {
	width: 541px;
	height: 124px;
	position: absolute;
	top: -132px;
	left: 33px;
}