/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:url(images/bg_top.jpg) top repeat-x #d9d9d9;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#333333;
	 line-height:18px;
	 height: 100%;
}


/* ============================= main layout ====================== */

a{ color:#602121; text-decoration: underline}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:24px;color:#6c6c6c; line-height:normal; font-weight:400; padding-bottom:11px;}
h2{ color:#602121; font-size:28px; line-height:normal; padding-top:17px;}
h3{ color:#4d4d4d; font-size:24px; line-height:normal; margin-top:-7px; padding-bottom:17px;}
p{ padding-bottom:18px;}
img{ vertical-align:top}
.under{ border-bottom:1px solid #eeecec; padding-bottom:15px; margin-bottom:16px}
/* ============================= header ====================== */
#date{ font-size:10px; color:#d1d1d1; padding-left:18px; background:url(images/img_top.jpg) top left no-repeat; margin-top:18px; background-position:0 3px; font-weight:bold}
#icons{ float:right; width:180px;}
#icons li{ margin-left:4px; float:right; margin-top:12px;}
#search{ width:222px; height:17px; background:url(images/search.jpg) top right no-repeat; float:right; margin-top:14px; margin-right:7px; padding:7px 12px;}
#search .input{ color:#fefefe; font:12px Tahoma, Geneva, sans-serif; width:190px;float:right; background:none}
#search .submit{ width:30px; height:17px; cursor:pointer; float:right; background:none}
#logo{ float:left; margin-top:33px;}
#menu { float:right; margin-top:43px; padding-right:17px}
#menu li { float:left;}
#menu li a{ display:block; width:106px; color:#602121; font-size:12px; line-height: normal; padding-top:27px; background:url(images/menu_off.jpg) top left no-repeat; height:40px; text-align:center; text-decoration:none; font-weight:400}
#menu li a:hover, #menu #menu_active a{background:url(images/menu_on.jpg) top left no-repeat; color:#d9d9d9; display:block; width:106px;}

#main_banner {width:1000; height:296px; padding:10px 0 0 0; background:url(images/bg_header.jpg) top no-repeat;}

#banner{ width:350px; padding:100px 0 0 25px;}
#banner .h1{ font-size:30px; font-weight:400; line-height:36px; color:#393e47;}
#banner .h2{ font-size:36px; font-weight:400; line-height:36px; color:#999999;}
#banner p{ padding-top:6px;}
#banner a{ display:block; width:108px; line-height:40px; text-align:center; font-size:16px; text-decoration:none; color:#1e1e1e; text-transform:uppercase; background:url(images/button_3.jpg) top left no-repeat}
#banner a:hover{ color:#999999;}
/* ============================= content ====================== */

.pad_left1{ padding-left:54px;}
.pad_left2{ padding-left:45px;}
.pad_left3{ padding-left:85px;}
.pad_left4{ padding-left:25px;}
.marg_right1{ margin-right:4px;}
.marg_right2{ margin-right:20px;}
.marg_right3{ margin-right:30px;}
.marg_right4{ margin-right:10px;}
.marg_right_box{ margin-right:10px;}
.marg_left2{ margin-left:20px;}
.marg_top1{ margin-top:13px;}
.marg_top2{ margin-top:3px;}
.middle{ vertical-align:middle;}
.pad_bot1{ padding-bottom:13px;}
.pad_bot2{ padding-bottom:30px}
.pad_bot3{ padding-bottom:5px}
.pad_bot4{ padding-bottom:10px}
.marg_pad_box{ padding-bottom:13px; margin-top:105px;}
.marg_pad_p{ margin-bottom:15px; margin-top:15px;}

.list1 li{ line-height:30px;}
.list1 li a{ font-size:10px; text-transform:uppercase; font-weight:bold; padding-left:13px; background:url(images/marker_1.jpg) top left no-repeat; background-position:0 4px;}
.list2 li{ line-height:28px;}
.list2 li a{ font-size:10px; text-transform:uppercase; color:#858585; text-decoration:none; padding-left:13px; background:url(images/marker_1.jpg) top left no-repeat; background-position:0 3px;}
.list2 li a:hover{ text-decoration:underline}
.list3 li{ line-height:24px;}
.list3 li a{ color:#858585; padding-left:13px; background:url(images/marker_2.jpg) top left no-repeat; background-position:0 4px;}
.list4 li{ line-height:28px;}
.list4 li a{  color:#b8b7b7; text-decoration:none; padding-left:12px; background:url(images/marker_3.jpg) top left no-repeat; background-position:0 4px;}
.list4 li a:hover{ text-decoration:underline}
.list5 li{ line-height:18px;}
.list5 li{ text-decoration:none; margin-left:20px; padding-left:10px; background:url(images/marker_1.jpg) top left no-repeat; background-position:0 4px;}

.link1{ color:#e7e7e7; font-size:11px; text-decoration:none; line-height:21px; float:left; margin-left:75px; text-align:center; background:url(images/button1_bg.jpg) top repeat-x;}
.link1 span{ display:block; background:url(images/button1_left.jpg) top left no-repeat;}
.link1 span span{ display:block; background:url(images/button1_right.jpg) top right no-repeat; padding:0 8px;}
.link1:hover{ color:#858585;}
.link2 { color:#fff; font-size:11px; text-decoration:none; line-height:21px; float:left; background:url(images/button2_bg.jpg) top repeat-x;}
.link2 span{ display:block; background:url(images/button2_left.jpg) top left no-repeat;}
.link2 span span{ display:block; background:url(images/button2_right.jpg) top right no-repeat; padding:0 8px;}
.link2:hover{ color:#313131;}


.font1{ color:#602121; font-weight:bold}
.font2{ color:#313131; font-size:16px; font-weight:bold;}
.font3{ color:#313131; font-size:12px; font-weight:bold;}
.font4{ color:#602121; font-size:16px; font-weight:bold;}
.font5{ color:#602121; font-size:24px; font-weight:bold;}
.font6{ color:#313131; font-size:15px; font-weight:bold;}
.font7{ color:#000; font-size:15px; font-weight:bold;}
.font8{ color:#313131; font-size:24px; font-weight:bold;}

.box_1{ width:237px; height:292px; background:url(images/box_1.jpg) top no-repeat;}
.box_2{ width:237px; height:292px; background:url(images/box_2.jpg) top no-repeat;}
.box_3{ width:237px; height:292px; background:url(images/box_3.jpg) top no-repeat;}
.box_4{ width:237px; height:292px; background:url(images/box_4.jpg) top no-repeat;}
.box_main{ padding:0 23px 0 23px; width:191px; height:295px}
.box_main h1{ color:#fff; font-size:24px; text-align:center; text-transform:uppercase; padding:25px 0;}
.box2_r{ background:url(images/box2_bg.jpg) right repeat-y;}
.box2_l{ background:url(images/box2_bg.jpg) left repeat-y;}
.box2_t{ background:url(images/box2_bg.jpg) top repeat-x;}
.box2_b{ background:url(images/box2_bg.jpg) bottom repeat-x;}
.box2_t_r{ background:url(images/box2_top_right.jpg) top right no-repeat;}
.box2_b_l{ background:url(images/box2_bot_left.jpg) left bottom no-repeat;}
.box2_t_l{ background:url(images/box2_top_left.jpg) top left no-repeat;}
.box2_b_r{ background:url(images/box2_bot_right.jpg) bottom right no-repeat;}
.box2{ padding:5px 10px 0 20px; width:202px; height:171px}
.box2 h1{ color:#6c6c6c; font-size:21px; text-transform:none; padding:13px 0 0 0;}

.col_cores{ padding:0 15px 0 15px; width:190px; height:350px; background:url(images/box_cores.jpg) top left no-repeat;}
.col_cores h1{ color:#fff; font-size:18px; text-align:center; text-transform:uppercase; padding:29px 0;}
.more{ margin:0 auto; width:190px; color:#602121; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;}

#product { float:left;}
#product li { float:left; padding:5px 0; margin:0 17px;}
#product li a{ display:block; width:155px; color:#fff; font-size:14px; line-height: normal; padding-top:12px; background:url(images/product_off.png) top left no-repeat; height:30px; text-align:center; text-decoration:none; font-weight:400}
#product li a:hover, #product #product_active a{background:url(images/product_on.png) top left no-repeat; display:block; width:155px; height:30px; text-align:center; text-decoration:none; font-weight:400}

#banner_1{ background:url(images/img1_banner.jpg) top left no-repeat; background-position:0 10px;}
#banner_2{ background:url(images/img2_banner.jpg) top left no-repeat; background-position:0 10px;}
#banner_3{ background:url(images/img3_banner.jpg) top left no-repeat; background-position:0 10px;}
.marker{ margin-top:-25px;}
.box2 p{ padding-top:7px;}

#box_1{ background:url(images/box_1.jpg) top left no-repeat; width:221px; height:130px; padding:18px 13px 0 15px; margin-top:20px;}
#box_1 h1{ font-size:21px; color:#2b2b2b; padding:0;}
#box_1 form{ padding-top:11px; width:193px;}
#box_1 form .input{ width:180px; padding:0 6px; font:12px Arial, Helvetica, sans-serif; color:#858585; background:none; margin-bottom:15px}
#box_1 form .submit{ margin-top:0px; float:right; background:none; cursor:pointer; width:65px; height:26px; font:12px Arial, Helvetica, sans-serif; color:#fefefe;}
#box_1 a{ color:#8b8b8b;}
/* ============================= footer ====================== */

#footer { color:#602121; padding-bottom:5px; min-height: 180px; height: auto !important; height: 180px;}
#footer a{ color:#fff; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer h4{ color:#602121; font-size:14px; padding:15px 0 3px 0;}
#footer h5{ color:#fff; font-size:18px; padding:12px 0 5px 0;}
#links{ float:left; width:754px; padding:11px 0 0 0;}
#links .h1{ color:#808080; font-size:13px; text-transform:uppercase; padding-right:39px;}
#links .h2{ color:#fff; font-size:18px;}
#links p{ padding-top:5px; font-size:14px;}
#links a{ font-size:14px; color:#333333; text-decoration:none;}
#links a:hover{ color:#333333; text-decoration:line-through;}
#links2{ float:left; width:754px; padding:11px 0 0 0;}
#footer_menu{ font-size:9px; text-align:center;}
#footer_menu li{ float:left; padding-right:12px; padding-left:12px; background: url(images/menu_footer.jpg) top right no-repeat; text-align:center; background-position: right 5px;}
#footer_menu li a{ font-size:13px; color:#602121; text-transform:uppercase; text-align:center; font-weight:400}
#footer_menu li a:hover, #footer_menu #active a{ text-decoration:none; color:#222222;}
#footer_menu .no_line{ background:none; padding:0}
#footer_menu .no_pad{ padding-left:0;}

/* ============================= forms ============================= */

#ContactForm { height: 200px; padding:9px 0 0 0; line-height:18px; color:#602121;}
#ContactForm a{ margin-right:17px; margin-left:5px;}
#ContactForm .input {width:277px; height:19px; border:1px solid #602121; background:#fff; padding:0 5px; margin-bottom:13px;font:12px Arial, Helvetica, sans-serif; color:#333333; line-height:19px;}
#ContactForm textarea {width:325px; height:85px; border:1px solid #602121; background:#fff; padding:0px 5px;margin-bottom:19px;font:12px Arial, Helvetica, sans-serif; color:#333333; float:left; line-height:19px;}
#ContactForm input { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#ContactForm .input:focus {border: 1px solid #fff; background: #602121; color:#fff; }
#ContactForm textarea:focus {border: 1px solid #fff; background: #602121; color:#fff; }
#ContactForm textarea { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.col-1{ width:294px; float:left; padding-right:55px;}