/* CSS Document */

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

body{ background:url(images/bg.jpg) center top repeat;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#a7a7a7;
	 line-height:20px;
}


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

a{ color:#2f2f2f; text-decoration: underline}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:30px; color:#221b1a; line-height:32px; padding:12px 0 29px 0}
h2{ font-size:48px; color:#ff5b13; line-height:50px; padding:0 0 17px 0}
h3{color: #8BBA16}
h4{font-size:12px; color: #ff5b13;margin:6px 0 6px 0}
p{ padding-bottom:20px;}
img{ vertical-align:top}
/* ============================= header ====================== */
#logo{ margin-top:15px; float:left;}
#search{ float:right; width:192px; height:24px; padding:2px 3px; background:url(images/search.jpg) top right no-repeat; margin-top:53px;}
#search .input{ float:right; width:149px; height:20px; line-height:24px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#969696; padding:0 9px; background:none}
#search .submit{ float:right; width:25px; height:20px; background:none; cursor:pointer}

#menu { width:100%; overflow:hidden; padding:18px 0 27px 0; border-bottom:1px solid #e2e2e2;}
#menu li { float:left; padding-right:13px}
#menu li a{ float:left; padding-left:38px; background:url(images/menu_marker.jpg) 7px 1px no-repeat; text-transform:uppercase; text-decoration:none; color:#2c2c25; font-size:18px; line-height:20px}
#menu li a:hover, #menu #menu_active a{ }

#banner{ background:#f5f5f5; width:100%; overflow: hidden; margin-top:16px}
#banner .text{ padding:0 0 0 30px; float:left; width:380px}
#banner h1{ font-size:39px; line-height:39px; color:#454545; text-transform:uppercase; padding:38px 0 15px 0; position:absolute}
#banner h1 span{ font-size:34px; line-height:42px}
#banner p{ font-size:15px; padding-bottom:12px; padding-top:117px}
#banner .text a{ font-weight:bold; padding:1px 0 2px 30px; background:url(images/marker_top.jpg) 0 0 no-repeat; display:inline-block; margin-bottom:52px}
#banner ul li{ float:left;}
/* ============================= content ====================== */

.marg_right1{ margin-right:60px;}
.marg_right2{ margin-right:30px}
.marg_right3{ margin-right:18px}
.marg_right4{ margin-right:158px}
.pad_right1{ padding-right:6px}
.pad_bot1{ padding-bottom:28px}

.font1{ font-size:26px; color:#787878; line-height:26px; padding-bottom:22px}
.font2{ color:#303030; font-weight:bold;}
.font3{ color:#303030; text-decoration:line-through;}

.color1{ color:#575757}
.color2{ color:#ff5b13;}

.button1{ display:inline-block;line-height:29px; color:#fff; text-decoration:none; background:#ff5b13}
.button1 span{ display:block; background:url(images/button1_left.jpg) top left no-repeat}
.button1 span span{ padding:0 20px; background:url(images/button1_right.jpg) top right no-repeat}
.button1:hover{ color:#000;}

.button2{ display:inline-block;line-height:29px; color:#fff; text-decoration:none; background:#bebebe}
.button2 span{ display:block; background:url(images/button2_left.jpg) top left no-repeat}
.button2 span span{ padding:0 20px; background:url(images/button2_right.jpg) top right no-repeat}
.button2:hover{ color:#000;}

.button3{ display:inline-block;line-height:29px; color:#fff; text-decoration:none; background:#858585}
.button3 span{ display:block; background:url(images/button3_left.jpg) top left no-repeat}
.button3 span span{ padding:0 20px; background:url(images/button3_right.jpg) top right no-repeat}
.button3:hover{ color:#000;}

.button4{ float:left; margin-left:5px; font-size:12px;line-height:25px; color:#fff; text-decoration:none; background:#484848}
.button4 span{ display:block; background:url(images/button4_left.jpg) top left no-repeat}
.button4 span span{ padding:0 16px; background:url(images/button4_right.jpg) top right no-repeat}
.button4:hover{ color:#ff5b13;}


.list1{ margin:-8px 0 0 -18px}
.list1 li{ padding:4px 0 5px 18px; background:url(images/line_hor1.gif) bottom repeat-x}
.list1 .no_line{ background:none; padding-bottom:0}
.list1 li a{ color:#656565; text-decoration:none; padding-left:18px; background:url(images/marker_1.gif) 0 5px no-repeat}
.list1 li a:hover{ color:#2f2f2f; font-weight:bold}

.line1{ background:url(images/line_ver1.gif) 567px 0 repeat-y}

.list2 li{ line-height:24px;}
.list2 li a{ color:#303030; font-weight:bold; text-decoration:none; padding-left:23px; background:url(images/marker_3.jpg) 0 2px no-repeat}
.list2 li a:hover{ color:#ff5b13}

.list3 li{ line-height:24px; color:#303030; font-weight:bold; text-decoration:none; padding-left:23px; background:url(images/marker_3.jpg) 0 2px no-repeat}

#content2 .list2 li a{ background:url(images/marker_2.jpg) 0 2px no-repeat}
#content2 .list2{ margin-top:16px;}
#content2 h1{ padding-top:0; padding-bottom:17px; margin-top:-5px;}

.box{ background:#fff;}
.box_t_l{ background:url(images/input_top_left.jpg) top left no-repeat}
.box_t_r{ background:url(images/input_top_right.jpg) top right no-repeat}
.box_b_l{ background:url(images/input_bot_left.jpg) bottom left no-repeat}
.box_b_r{ background:url(images/input_bot_right.jpg) bottom right no-repeat}

.link1{ font-weight:bold; color:#ff5b13}

#content2 p{ padding-bottom:0}

.price li a{ background:none; padding-left:0}
.price span{ color:#ff5b13; float:right}
/* ============================= footer ====================== */

#footer { color:#c1c1c1; text-transform:uppercase; font-size:12px; padding:27px 0 27px 15px}
#footer a{ color:#c1c1c1}
#footer_menu li{ padding-right:23px; margin-right:18px; background:url(images/footer_menu_line.jpg) right 7px no-repeat; float:left; padding-bottom:5px; }
#footer_menu .no_line{ background:none}
#footer_menu li a{ color:#292929; text-transform:none;text-decoration:none;}
#footer_menu li a:hover{ text-decoration:underline}
#footer_menu{width:100%; overflow:hidden; padding-bottom:7px}

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

#form_1{ font-size:12px; color:#767676; line-height:26px; padding-top:3px}
#form_1 .input{ width:196px; height:15px; font:12px Arial, Helvetica, sans-serif; color:#939393; padding:5px 14px; background:none}


#ContactForm {padding:3px 0 0 0; font-size:12px}
#ContactForm .box{ margin-bottom:3px}
#ContactForm a{ margin-right:13px}
#ContactForm .input {width:226px; height:15px;  font:12px Arial, Helvetica, sans-serif; color:#939393; padding:5px 14px; background:none}
#ContactForm textarea {width:226px; height:71px; font:12px Arial, Helvetica, sans-serif; color:#939393; padding:5px 14px; background:none; overflow:auto}

.col_1{ width:254px; float:left;}
.col_2{ width:254px; float:left; padding-left:16px}