﻿#provide {
	padding: 17px 0 7px 27px;
	width: 512px;
	}

#provide h2 {
	color: white;
	font-weight: normal;
	font-size: 1.5em;
	}

#provide p {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #EEE;
	line-height: 1.5em;
	}

#provide p a {
	color: #CAA166;
	border-bottom: 1px solid;
	}

#provide p a:hover {
	border: none;
	text-decoration: none;
	}
	
#provide ul {
	margin-top: 19px;
	padding-left: 7px;
	}

#provide ul li {
	margin-bottom: 20px;
	padding-left: 12px;
	color: #EEE;
	background: url( bullets_bg.gif) no-repeat 0 6px;
	}

#provide ul li abbr {
	border-bottom: 1px solid;
	color: #9BC5B7;
	}

#provide ul li em {
	border-bottom: 1px solid;
	color: #9BC5B7;
	font-style: normal;
	}

#provide ul li em abbr {
	border: 0;
	}


/* 2. More
---------------------------------------------*/
#more {
	padding: 25px 0 13px 29px;
	background: url( main_2rd_bg.png) no-repeat top left;
	width: 512px;
	}

html:not(:first-of-type) #more {
	width: 519px;
	}

#more h3 {
	margin: 0 0 13px -2px;
	color: white;
	font-weight: normal;
	font-size: 1.5em;
	}

#more p {
	margin-bottom: 24px;
	color: #EEE;
	line-height: 1.5em;
	}

#more p em {
	font-style: normal;
	}

#more p a {
	color: #CAA166;
	border-bottom: 1px solid;
	}

#more p a:hover {
	border: none;
	text-decoration: none;
	}


/* 3. Order
---------------------------------------------*/
#order {
	position: absolute;
	top: 47px;
	right: 6px!important;
	right: -1px;
	padding: 18px 20px 0;
	width: 257px;
	height: 100% !important;
	height: 1500px;
	background: url( extra_bg.gif) repeat-y;
	text-shadow: #252525 0 1px 1px;
	}

#order * {
	position: relative;
	z-index: 5;
	}

#order h3 {
	margin-bottom: 22px;
	color: white;
	font-weight: normal;
	font-size: 1.5em;
	}

#order p {
	margin-bottom: 15px;
	width: 225px;
	color: white;
	font-size: 0.75em;
	line-height: 1.5em;
	}

#order p em {
	color: #CBA267;
	font-style: normal;
	font-weight: bold;
	}
	
#order p em a {
	color: #e7c79a;
	}
	
#order ul {
	padding-top: 6px;
	width: 245px;
	height: 124px;
	background: url( order_ul_bg.png) no-repeat 0 6px;
	}

#order ul li {
	float: left;
	width: 100%;
	padding-bottom: 8px;
	}

#order ul li a { color:#FFFFFF;
	float: left;
	display: inline;
	width: 100%;
	height: 28px;
	overflow: hidden;
	text-indent: -500em;
	}

#order div.extra-1 {
	position: absolute;
	top: -3px;
	left: 20px;
	z-index: 1;
	display: block;
	width: 297px;
	height: 602px;
	background: url( extra_base_bg.jpg) no-repeat top left;
	}
	
	
* {
	margin: 0;
	padding: 0;
	}

* html {
	border-width: 2px 0 0;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

a {
	text-decoration: none;
	outline: none;
	}

a:hover {
	text-decoration: underline;
	}

img, fieldset {
	border: none;
	}

img {
	vertical-align: top;
	}

legend {
	display: none;
	}


/* 2. Containers
---------------------------------------------*/
html {
	background: #33291C url( html_bg.jpg) repeat-x;
	}

body {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	background: url( body_bg.jpg) no-repeat 0 139px;
	font-family: Helvetica, Arial, sans-serif;
	}

/* 4. Branding
---------------------------------------------*/
#branding {
	width: 1000px;
	height: 139px;background: url( branding_h1_bg.jpg) no-repeat top left;
	}

#branding h1 {
	width: 700px; color:#fff; font-size:24px;
	height: 93px; padding-top:46px; padding-left:210px; text-align:center; 
	
	}

#branding h1 a {
	position: relative;
	top: 23px;
	left: 60px;
	display: block;
	width: 327px;
	height: 89px;
	overflow: hidden;
	text-indent: -500em;
	}

#branding p {
	position: absolute;
	left: -500em;
	}


/* 6. Content
---------------------------------------------*/
#content {
	position: relative;
	z-index: 5;
	margin-left: 62px;
	width: 871px;
	text-shadow: #353535 0 1px 1px;
	}

#content .extra-1,
#content .extra-2 {
	position: absolute;
	width: 7px;
	height: 436px;
	background: no-repeat;
	}

#content .extra-1 { top: 0; left:  0; background-image: url( leaves_top_bg.jpg); background-position: 0 0; }
#content .extra-2 { top: 0; right: 0 !important; right: -1px; background-image: url( leaves_top_bg.jpg); background-position: -7px 0; }

#main {
	position: relative;
	padding-top: 47px;
	width: 857px;
	height: auto;
	overflow: hidden;
	border: 7px solid white;
	border-top: none;
	background: #2E2E2E url( main_bg.jpg) no-repeat top left;
	}

#main div .extra-1,
#main div .extra-2 {
	
	}

#main #quote {
	position: absolute;
	top: 15px;
	left: 27px;
	color: white;
	font-size: 0.95em;
	text-shadow: #202020 0 1px 1px;
	}

#main #quote h4 {
	position: absolute;
	left: -500em;
	}

#main #quote blockquote,
#main #quote blockquote p {
	display: inline;
	margin-right: 1px;
	font-style: italic;
	line-height: 1.1em;
	}

#main #quote cite {
	color: #DFD0B9;
	}

#main .extra-1,
#main .extra-2 {
	display: none;
	}

#sub {
	position: relative;
	z-index: 1;
	width: 871px;
	min-height: 2px;
	background: url( sub_bg.png) repeat-y;
	border-top: 7px solid #fff;
	margin-top: -7px;
	text-shadow: #D0CECD 0 1px 1px;
	}

* html #sub {
	height: 20px;
	}

#sub div {
	position: relative;
	z-index: 5;
	float: left;
	display: inline;
	}

#sub div h4 {
	margin: 14px 0 0 17px;
	font-weight: normal;
	font-size: 1.1em;
	}

#sub #recent {
	width: 281px;
	}

#sub #recent h4 {
	position: relative;
	z-index: 5;
	text-shadow: #959493 0 1px 1px;
	}

#sub #recent img {
	position: relative;
	z-index: 5;
	margin: 14px 0 0 18px;
	border: 5px solid #AFABAA;
	}

#sub #hiring {
	padding: 0 5px 13px 0;
	width: 283px;
	}

#sub #hiring h4 {
	margin-left: 20px;
	}

#sub #hiring ol {
	margin: 16px 0 0 30px;
	font-size: 0.75em;
	list-style-type: decimal;
	}

#sub #hiring ol li {
	margin: 0 19px 13px 7px;
	color: #435640;
	line-height: 1.15em;
	list-style-position: inside;
	text-indent: -16px;
	}

#sub > /**/ #hiring ol li {
	margin: 0 0 13px 13px;
	width: 234px;
	text-indent: -22px;
	}

:root #sub #hiring ol li {   /* for moder browsers except IE */
	margin-left: 9px;
	line-height: 1.15em;
	text-indent: -18px;
	}

html:not(:first-of-type) #sub #hiring ol li {   /* for WebKit */
	margin-left: 4px;
	line-height: 1.2em;
	text-indent: -13px;
	}

#sub #hiring ol li abbr {
	border: none;
	}

#sub #hiring ol li a {
	color: #435640;
	font-weight: bold;
	}

#sub #suggest {
	padding: 0 0 23px 19px;
	width: 260px;
	text-shadow: #C3C2C1 0 1px 1px;
	}

#sub #suggest h4 {
	margin-left: -1px;
	}

#sub #suggest p {
	margin: 13px 0 5px 0;
	width: 260px;
	color: #344034;
	font-size: 0.75em;
	line-height: 1.5em;
	}

#sub #suggest a {
	color: #344034;
	font-weight: bold;
	font-size: 0.75em;
	line-height: 1.5em;
	}

#sub div .extra-1,
#sub div .extra-2 {
	display: none;
	}

#sub .extra-1,
#sub .extra-2 {
	position: absolute;
	z-index: 1;
	background: no-repeat top left;
	}

#sub div.extra-1 { top: auto; bottom: 0 !important; bottom: -1px; left: 0;  width: 871px; height: 105px; background-image: url( leaves_bottom_bg.png); }
#sub div.extra-2 { top: auto; left: 0;                                        width: 871px;  height: 109px;  background-image: url( sub_shade_bg.png); }

#sub #recent .extra-1 {
	display: block;
	top: -145px;
	left: -62px;
	z-index: 3;
	width: 109px;
	height: 182px;
	background: url( leaves_ml_bg.gif) no-repeat top left;
	}

#sub:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}



/* 8. Site Info
---------------------------------------------*/
#siteinfo {
	display: inline-block;   /* for IE6 & IE7 */
	margin-top: -255px;
	padding-top: 297px;
	width: 1000px;
	height: 133px;
	color: #645A4B;
	font-size: 0.75em;
	text-indent: 127px;
	text-shadow: #30271B 0 1px 1px;
	}

#siteinfo {   /* for IE6 & IE7 */
	display: inline;
	margin-left: -127px;
	}

body > /**/ #siteinfo {
	position: static;
	display: block;
	margin-left: 0;
	}

	
#ad_dvd_ripper{width:578px; height:152px;  background:url(ad1.gif); margin-left:10px;
    background-repeat:no-repeat;}
#ad_dvd_ripper_l{
  
    width:388px;
	height:142px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}
.product-title { line-height:24px;
	font-size: 16px;
	color: #DB0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.product-title a:visited{ color:#DB0000; text-decoration:none;}
.product-title a:link{ color:#DB0000; text-decoration:none;}
.product-title a:hover{ color:#DB0000; text-decoration:none;}
.product-content {font-size: 11px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; font-weight:normal;}
.product-content a:visited{
	color: #003586;
	text-decoration:none;
}
.product-content a:link{
	color: #003586; background-color: #FFFFCC;
	text-decoration:none;
}
.product-content a:hover{
	color: #ff9900;
	text-decoration:underline;
}
.product-content-yellow {font-size: 12px; color: #FF8400; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.news-title {color: #003586; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.news-title a:visited{ color:#003586; text-decoration:none;}
.news-title a:link{ color:#003586; text-decoration:none;}
.news-title a:hover{ color:#ff9900; text-decoration:underline;}
.news-title-detail {color: #003586; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.news-title-detail a:visited{ color:#003586; text-decoration:none;}
.news-title-detail a:link{ color:#003586; text-decoration:none;}
.news-title-detail a:hover{ color:#ff9900; text-decoration:underline;}
.news-date {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9B9B;}
.product-price_red{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.product-price_red a:visited{
	color: #ff0000;
	text-decoration:none;
}
.product-price_red a:link{
	color: #ff0000;
	text-decoration:none;
}
.product-price_red a:hover{
	color: #ff9900;
	text-decoration:underline;
}

