/* ------------------------------
   INITIALIZE
   ------------------------------ */

body, h1, h2, h3, h4, h5, div, p, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
	line-height: 1em;
	text-indent: none;
	list-style-type: none;
}
img {
	border: 0;
}



/* ------------------------------
   COMMON
   ------------------------------ */

html {
}

body {
	background: url(/images/bg.gif) 0 0 repeat;
}

a:link {
	color: #00A2FF;
	text-decoration: underline;
}
a:visited {
	color: #7C00D9;
	text-decoration: underline;
}
a:active {
	color: #00A2FF;
	text-decoration: none;
}
a:hover {
	color: #00A2FF;
	text-decoration: none;
}

#layout {
	margin: 0 auto;
	width: 1000px;
	background-color: #000;
	overflow: visible:
}
#layout:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*¥*/
* html #layout {
	height: 1em;
	overflow: visible:
}
/**/

.clear {
	clear: both;
}



/* ------------------------------
   HEADER
   ------------------------------ */

#header {
	margin: 0 auto;
	padding: 10px  50px 0;
	width: 900px;
}

#header h1 {
	float: left;
	width: 360px;
	text-align: left;
    padding: 20px 0 0 0;
}
#header #rightbox{
float: right;
width: 400px;
}

#header #rightbox #parts img {
float: right;
padding: 0 5px 0;
}

#header p {
	float: right;
	padding: 5px 0 0;
}
#header p img {
	padding: 0 5px 0 15px;
}



/* ------------------------------
   NAVIGATION
   ------------------------------ */

#nav {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 0;
	width: 900px;
}
#nav li {
	float: left;
}
#nav li a {
	display: block;
	text-indent: -99999em;
	text-decoration: none;
}
#nav li #navHome,
#nav li #navHomeOn {
	width: 112px;
	height: 32px;
}
#nav li #navHome {
	background: url(/images/nav_home.gif) 0 0 no-repeat;
}
#nav li #navHome:hover {
	background: url(/images/nav_home_over.gif) 0 0 no-repeat;
}
#nav li #navHomeOn {
	background: url(/images/nav_home_on.gif) 0 0 no-repeat;
}
#nav li #navNews,
#nav li #navNewsOn,
#nav li #navStock,
#nav li #navStockOn,
#nav li #navBlog,
#nav li #navBlogOn,
#nav li #navBbs,
#nav li #navBbsOn,
#nav li #navAbout,
#nav li #navAboutOn {
	width: 112px;
	height: 32px;
}
#nav li #navNews {
	background: url(/images/nav_news.gif) 0 0 no-repeat;
}
#nav li #navNews:hover {
	background: url(/images/nav_news_over.gif) 0 0 no-repeat;
}
#nav li #navNewsOn {
	background: url(/images/nav_news_on.gif) 0 0 no-repeat;
}
#nav li #navStock {
	background: url(/images/nav_stock.gif) 0 0 no-repeat;
}
#nav li #navStock:hover {
	background: url(/images/nav_stock_over.gif) 0 0 no-repeat;
}
#nav li #navStockOn {
	background: url(/images/nav_stock_on.gif) 0 0 no-repeat;
}
#nav li #navBlog {
	background: url(/images/nav_blog.gif) 0 0 no-repeat;
}
#nav li #navBlog:hover {
	background: url(/images/nav_blog_over.gif) 0 0 no-repeat;
}
#nav li #navBlogOn {
	background: url(/images/nav_blog_on.gif) 0 0 no-repeat;
}
#nav li #navBbs {
	background: url(/images/nav_bbs.gif) 0 0 no-repeat;
}
#nav li #navBbs:hover {
	background: url(/images/nav_bbs_over.gif) 0 0 no-repeat;
}
#nav li #navBbsOn {
	background: url(/images/nav_bbs_on.gif) 0 0 no-repeat;
}
#nav li #navMail {
	width: 117px;
	height: 32px;
	background: url(/images/nav_mail.gif) 0 0 no-repeat;
}
#nav li #navMail:hover {
	background: url(/images/nav_mail_over.gif) 0 0 no-repeat;
}
#nav li #navMailOn {
	width: 117px;
	height: 32px;
	background: url(/images/nav_mail_on.gif) 0 0 no-repeat;
}
#nav li #navAbout {
	background: url(/images/nav_about.gif) 0 0 no-repeat;
}
#nav li #navAbout:hover {
	background: url(/images/nav_about_over.gif) 0 0 no-repeat;
}
#nav li #navAboutOn {
	background: url(/images/nav_about_on.gif) 0 0 no-repeat;
}
#nav li #navContact {
	width: 111px;
	height: 32px;
	background: url(/images/nav_contact.gif) 0 0 no-repeat;
}
#nav li #navContact:hover {
	background: url(/images/nav_contact_over.gif) 0 0 no-repeat;
}
#nav li #navContactOn {
	width: 111px;
	height: 32px;
	background: url(/images/nav_contact_on.gif) 0 0 no-repeat;
}



/* ------------------------------
   CONTENTS
   ------------------------------ */

#contents {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 0;
	width: 900px;
}
#contents h2 {
	padding: 0 0 20px;
}
#contents h3 {
	padding: 0 0 20px 20px;
}
#contents #blank {
	padding: 0 20px 50px;
	color: #FFF;
}



/* ------------------------------
   HOME
   ------------------------------ */

#home {
	float: left;
}

#home #flash {
	width: 680px;
}

#home h2 {
	padding: 22px 0 0;
	width: 680px;
}

#topNews {
	float: left;
	padding: 22px 25px 0 5px;
	width: 323px;
}
#topBlog {
	float: left;
	padding: 22px 0 0;
	width: 323px;
}
#topNews h3,
#topBlog h3 {
	padding: 0 0 15px;
}
.topEntry {
	clear: left;
	padding: 0 0 20px;
}
.topEntry .photo {
	float: left;
	width: 80px;
}
.topEntry .photo img {
	border: solid 1px #666;
}
.topEntry .text {
	margin: 0 0 0 85px;
	width: 235px;
}
.topEntry .text h4 {
	line-height: 1.6em;
}
.topEntry .text h4 a {
	color: #FFF;
	text-decoration: underline;
}
.topEntry .text h4 a:hover {
	text-decoration: none;
}
.topEntry .text p {
	font-size: 83%;
	line-height: 1.5em;
}
.topEntry .text p a {
	color: #FF3F00;
	text-decoration: underline;
}
.topEntry .text p a:hover {
	text-decoration: none;
}

#topAbout {
	clear: both;
	padding: 30px 0 25px;
	width: 898px;
}



/* ------------------------------
   SIDE BAR
   ------------------------------ */

#side {
	float: right;
	width: 200px;
	border: solid 1px #16191E;
}
#sideTop {
	float: right;
	width: 200px;
	border: solid 1px #16191E;
}
#sideTop h5,
#side h5  {
	padding: 1px 0 20px;
	width: 100%;
	text-align: center;
}

#sideTop p,
#side p {
	padding: 0 20px 10px;
	color: #FFF;
	line-height: 1.4em;
}
#sideTop p a,
#side p a {
	color: #FFF;
}
#sideTop ul,
#side ul {
	padding: 0 20px 30px;
}
#sideTop li,
#side li {
	padding: 0 0 5px;
	color: #00A2FF;
	line-height: 1.4em;
}
#sideTop li a,
#side li a {
	margin: 0 0 0 5px;
}
#sideTop dl,
#side dl {
	padding: 0 20px 30px;
}
#sideTop dt,
#side dt {
	color: #FFF;
	line-height: 1.8em;
}
#sideTop dt a,
#side dt a {
	color: #FFF;
	text-decoration: underline;
}
#sideTop dd,
#side dd {
	padding: 0 0 15px;
	color: #FFF;
	line-height: 1.5em;
	font-size: 83%;
}
#sideTop p {
	padding: 0 20xp 20px;
	text-align: right;
}



/* ------------------------------
   TOPICS
   ------------------------------ */

#topics {
	float: left;
}
#topics dl {
	margin: 0 0 25px;
	padding: 25px 0;
	width: 680px;
	background: url(/images/bg_gray.gif) 0 0 repeat;
}
#topics dt {
	margin: 0 25px;
	font-size: 116%;
	line-height: 1.5em;
}
#topics dd {
	margin: 0 25px 10px;
	padding: 0 0 10px;
	color: #FFF;
	line-height: 1.5em;
	border-bottom: dotted 1px #333;
}
#topics dd span {
	color: #666;
	font-size: 83%;
	font-family: "Trebuchet MS", Verdana, Arial;
}


/* ------------------------------
   NEWS
   ------------------------------ */

#news {
	float: left;
}
.newsEntry {
	clear: both;
	margin: 0 0 17px;
	width: 680px;
	background: url(/images/bg_gray.gif) 0 0 repeat;
}
.newsTitle {
	padding: 17px 20px 0;
	width: 640px;
}
.newsTitle h4 {
	float: left;
	padding: 0 0 10px 15px;
	color: #FFF;
	background: url(/images/ico_arrow.gif) 0 0 no-repeat;
}
.newsTitle p {
	float: right;
	padding: 0 0 10px;
	color: #FFF;
	font-family: Arial, san-serif;
}
.newsBody {
	clear: both;
	margin: 0 20px;
	padding: 10px 0 17px;
	width: 640px;
	border-top: dotted 1px #3B3E47;
}
.newsImage {
	float: left;
	width: 240px;
}
.newsImage p {
	padding: 0 0 42px;
}
.newsImage p img {
	border: solid 1px #666;
}
.newsText {
	margin: 0 0 0 260px;
	color: #FFF;
	line-height: 1.5em;
}
.newsText p {
	padding: 0 0 1.5em;
}



/* ------------------------------
   BLOG
   ------------------------------ */

#blog {
	float: left;
}
.blogEntry {
	clear: both;
	margin: 0 0 20px;
	padding: 0 0 13px;
	width: 680px;
	background-color: #D0D0D0;
	border: solid 2px #8F8B8C;
}
.blogTitle {
	margin: 13px auto 0;
	width: 648px;
	height: 24px;
	background: url(/images/bg_blog_title.gif) 0 0 no-repeat;
}
.blogTitle h4 {
	float: left;
	padding: 0 0 0 25px;
	color: #FFF;
	line-height: 2em;
}
.blogTitle h4 a {
	color: #FFF;
}
.blogTitle p {
	float: right;
	padding: 0 15px 0 0;
	color: #FFF;
	font-family: Arial, san-serif;
	line-height: 2em;
}
.blogBody,
.blogEntryBody {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 17px;
	width: 648px;
}
.blogImage {
	float: left;
	width: 120px;
}
.blogEntryImage {
	float: left;
	width: 240px;
}
.blogImage img,
.blogEntryImage img {
	border: solid 1px #666;
}
.blogText {
	margin: 0 0 0 140px;
}
.blogEntryText {
	margin: 0 0 0 260px;
	color: #000;
	line-height: 1.5em;
}
.blogText p,
.blogEntryText p {
	color: #000;
	line-height: 1.5em;
}
.blogEntryText p {
	padding: 0 0 1.5em;
}
.line {
	clear: both;
	margin: 0 auto;
	padding: 15px 0;
	width: 628px;
}



/* ------------------------------
   STOCK LIST
   ------------------------------ */

#stock {
	padding: 0 0 50px;
}
#stockList {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
}
#stockList td {
	color: #BBBBBD;
	line-height: 1.5em;
	text-align: center;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
#stockList .photo {
	padding: 10px;
	background: url(/images/bg_gray.gif) 0 0 repeat;
	border-right: none;
}
#stockList .photo2 {
	padding: 10px;
	background: url(/images/bg_black.gif) 0 0 repeat;
	border-right: none;
}
#stockList .photo img,
#stockList .photo2 img {
	border: solid 1px #666;
}
#stockList .type {
	padding: 10px 10px 10px 0;
	background: url(/images/bg_gray.gif) 0 0 repeat;
	text-align: left;
}
#stockList .type2 {
	padding: 10px 10px 10px 0;
	background: url(/images/bg_black.gif) 0 0 repeat;
	text-align: left;
}
/* --- HACK FOR SAFARI --- */
#stockList .type { width: 140px; }
/* ¥*/
html*#stockList .type {
	width: 100px;
}/**/
* html #stockList .type { width: 140px;}
#stockList .type2 { width: 140px; }
/* ¥*/
html*#stockList .type2 {
	width: 100px;
}/**/
* html #stockList .type2 { width: 140px;}
/* --- // HACK FOR SAFARI --- */
/* --- HACK FOR IE7 --- */
*+html #stockList .type,
*+html #stockList .type2 {
	width: 140px;
}
/* --- // HACK FOR IE7 --- */
#stockList .color,
#stockList .mission,
#stockList .run,
#stockList .year,
#stockList .inspection {
	padding: 10px;
	width: 100px;
	background: url(/images/bg_gray.gif) 0 0 repeat;
}
#stockList .color2,
#stockList .mission2,
#stockList .run2,
#stockList .year2,
#stockList .inspection2 {
	padding: 10px;
	width: 100px;
	background: url(/images/bg_black.gif) 0 0 repeat;
}
#stockList .price {
	padding: 10px;
	width: 130px;
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
	background: url(/images/bg_gray.gif) 0 0 repeat;
}
#stockList .price2 {
	padding: 10px;
	width: 130px;
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
	background: url(/images/bg_black.gif) 0 0 repeat;
}

#stockDetail {
	margin: 0 auto;
	width: 896px;
	background: url(/images/bg_black.gif) 0 0 repeat;
}
#stockDetail .right {
	float: right;
	margin: 1px 0 2px;
	padding: 0;
	width: 391px;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #FFF;
}
#stockDetail .right td {
	background-color: #D4D4D4;
	border-bottom: solid 1px #FFF;
}
#stockDetail .right td p {
	padding: 0 10px;
	line-height: 1.5em;
}
#stockDetail .right .data {
	padding: 0 0 0 10px;
	width: 304px;
}
#stockDetail .right h4 {
	padding: 10px 0;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
#stockDetail .right .tag {
	width: 87px;
	border-right: solid 1px #FFF;
}
#stockDetail .right span {
	color: #FF0000;
	font-size: 130%;
	font-weight: bold;
	line-height: 2em;
}
#stockDetail .comment {
	padding: 10px 0;
	width: 391px;
}

#stockDetail .left {
	float: left;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
#stockDetail .left img {
	margin: 0 1px 2px 0;
	border: solid 1px #FFF;
}
#stockDetail .left .blank {
	margin: 0 1px 2px 0;
	border: none;
}

#stockDetail #backList {
	clear: both;
	width: 100%;
	height: 26px;
	background-color: #B90800;
}
#stockDetail #backList p {
	float: right;
}
#stockDetail #backList a {
	display: block;
	width: 119px;
	height: 26px;
	background: url(/images/btn_backtolist.gif) 0 0 no-repeat;
	text-indent: -99999em;
}
#stockDetail #backList a:hover {
	background: url(/images/btn_backtolist_on.gif) 0 0 no-repeat;
}



/* ------------------------------
   MAIL MAGAZINE
   ------------------------------ */

#mail {
	margin: 0 auto;
	width: 898px;
}
#mail h3 {
	margin: 0;
	padding: 0 0 15px;
	width: 898px;
}
#form {
	margin: 0 0 30px;
	width: 898px;
	height: 780px;
	background: url(/images/bg_form.gif) 0 0 no-repeat;
}
#form h4 {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 279px;
}
#form #join {
	margin: 25px auto 0;
	padding: 10px;
	width: 680px;
	color: #FFF;
	background-color: #172145;
	border-top: solid 1px #33478E;
	border-left: solid 1px #33478E;
	border-right: solid 1px #33478E;
}
#form #delete {
	margin: 25px auto 0;
	padding: 10px;
	width: 680px;
	color: #FFF;
	background-color: #7C51A0;
	border-top: solid 1px #95529F;
	border-left: solid 1px #95529F;
	border-right: solid 1px #95529F;
}
#form #subsc {
	margin: 0 auto;
	padding: 10px;
	width: 680px;
	background-color: #D0D0D0;
	border-left: solid 1px #33478E;
	border-right: solid 1px #33478E;
	border-bottom: solid 1px #33478E;
}
#form #unsubsc {
	margin: 0 auto;
	padding: 10px;
	width: 680px;
	background-color: #D0D0D0;
	border-left: solid 1px #95529F;
	border-right: solid 1px #95529F;
	border-bottom: solid 1px #95529F;
}
#form #subsc p,
#form #unsubsc p {
	margin: 0 auto;
	padding: 15px 0;
	width: 257px;
}
#form #subsc table,
#form #unsubsc table {
	padding: 20px 0;
	margin: 0 auto;
	width: 450px;
}
#form #subsc table td,
#form #unsubsc table td {
	padding: 0 0 10px;
}
#form #subsc table td .text,
#form #unsubsc table td .text {
	width: 280px;
}
#form #subsc ul,
#form #unsubsc ul {
	padding: 0 0 10px;
	margin: 0 auto;
	width: 450px;
}
#form #subsc ul li,
#form #unsubsc ul li {
	line-height: 1.5em;
}



/* ------------------------------
   ABOUT US
   ------------------------------ */

#aboutFlash {
	margin: 0 auto;
	width: 898px;
}

#about {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 898px;
}

#about .text {
	float: right;
	width: 622px;
	color: #FFF;
}
#about .text h3 {
	margin: 0;
	padding: 0;
	width: 622px;
}
#about .text dl {
	padding: 25px 0 0 25px;
	width: 622px;
	background: url(/images/map.jpg) 92% 0 no-repeat;
}
#about .text dt {
	font-weight: bold;
	line-height: 1.5em;
}
#about .text dd {
	padding: 0 0 25px;
	line-height: 1.5em;
}
#about .text #map {
	margin: 0 0 25px;
	width: 622px;
	height: 360px;
	color: #000;
}
#about .text p {
	padding: 15px 0 50px 25px;
}
#about .text table {
	margin: 15px 0 0 25px;
	padding: 0 0 50px;
	width: 622px;
}
#about .text td {
	padding: 0 0 15px;
}
#about .text .tag {
	width: 150px;
}

#about .image {
	float: left;
	width: 240px;
}
#about .image p {
	padding: 0 0 25px;
}



/* ------------------------------
   CONTACT
   ------------------------------ */

#contact {
	margin: 0 auto;
	padding: 70px 0 0;
	width: 870px;
	height: 893px;
	background: url(/images/bg_contact.gif) 0 0 no-repeat;
}
#contact table {
	padding: 0;
	margin: 0 auto;
	width: 740px;
	color: #FFF;
	border-collapse: separate;
	border-spacing: 2;
	background: none;
}
#contact td {
	padding: 10px;
	line-height: 1.8em;
	background-color: #111015;
	border: solid 1px #21242B;
}
#contact .tag {
	width: 150px;
	text-align: center;
}
#contact span {
	color: #FF0000;
}
#contact .short {
	width: 250px;
}
#contact .long {
	width: 450px;
}
#contact .num {
	width: 50px;
	ime-mode: inactive; 
}
#contact textarea {
	width: 450px;
	height: 250px;
	color: #000;
}
#contact p {
	padding: 25px 0;
	width: 100%;
	color: #CCC;
	text-align: center;
}
#contact .copyright {
	width: 95%;
	font-size: 83%;
	text-align: right;
}
#contact .copyright a {
	color: #666;
}
#contactDone {
	margin: 0 auto;
	padding: 50px 0 150px;
	width: 700px;
}



/* ------------------------------
   FOOTER
   ------------------------------ */

#footer {
	clear: both;
	margin: 0 auto;
	width: 900px;
}