*{margin:0px; padding:0px;}
body{background:#666; font-size:100%; line-height:1em; font-family:tahoma; color:#484848;}


/*in_line*/
input, select, textarea{vertical-align:middle; font-weight:normal; font-family:tahoma; color:#484848; font-weight:normal; font-size:1em;}
img{border:0px; vertical-align:top; text-align:left;}
ul{list-style:none;}


/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none;}
ul li{line-height:1.9em; /*color:#ca5f2e; color:#06F;*/ color:#F60;}
ul li a{text-decoration:none; /*color:#ca5f2e; color:#03F;*/ color:#F30;}
ul li a:hover{text-decoration:underline; /*color:#06F;*/ color:#F60;}
ul li.ourProducts{list-style-image:url(../images/marker1.gif); margin:0px 0px 0px 20px; color:#03F;}
/*==========================================*/


a{text-decoration:none; /*color:#ca5f2e; color:#03F;*/ color:#F30;}
a:hover{text-decoration:underline; /*color:#06F;*/ color:#F60;}
a.link{text-decoration:underline; color:#AAA; background:url(../images/marker_link.gif) no-repeat 0px 5px; padding-left:12px;}
a.link:hover{text-decoration:none;}


.column{float:left;}
.clear{clear:both;}
.min_width{background:#fff; min-width:780px; /*width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");*/ width:780px; margin:0px auto;}


#site_center{text-align:center;}
#main{margin:0px auto; width:780px; text-align:left;}
#left_side{width:498px; float:left;}
#right_side{margin-left:498px; background:url(../images/header_col_2_rep.jpg) repeat-x top; float:none;}


p{margin:0px 0px 15px 0px;}
.p1{margin:0px 0px 25px 0px;}
strong{/*color:#ca5f2e;*/ color:#484848;}


h1{text-indent:-10000px; background:url(../images/logo.gif) no-repeat 19px 29px; height:71px;}
h2{color:#484848; /*color:#ca5f2e;*/ font-size:1em; margin:0px 0px 16px 0px;}
h3{color:#5d5d5b; font-size:1em; margin:0px 0px 15px 0px;}
h4{color:#484848; font-size:1em; margin:0px;}


/*You can modify the width of the website by changing "width" parameter with #menu, #header, #content, #footer. The minimum value is 780px.*/
.col_1, .col_2, .col_3, .col_box_1, .col_box_2, .col_box_3{float:left;}

#menu, #header, #content, #footer{width:100%;}


/*header*/
#menu{height:98px; font-family:tahoma; font-size:0.875em;}
#menu .col_1{width:42%;}
#menu .col_2{width:58%;}
#menu ul{margin:29px 0px 0px 0px; padding:0px; list-style:none;}
#menu ul li{line-height:1.33em; float:left; width:20%; padding-top:9px;}
#menu ul li a{text-decoration:underline; /*color:#de591e;*/ color:#06F; background:url(../images/marker_menu.gif) no-repeat center top; padding-top:9px; font-weight:bold; height:26px;}
#menu ul li a:hover, #menu ul li .active{text-decoration:none; color:#09F; /*background:none;*/ padding:5px 0px 0px 0px; background:url(../images/marker_menu_over.gif) no-repeat center top;}


#header{height:354px;}
#right_side .indent{background:url(../images/header_bg_col_2.jpg) no-repeat left top; padding:132px 0px 138px 40px;}


/*content*/
#content{background:url(../images/cont_bg_3.gif) repeat-x bottom; /*font-size:0.6875em;*/ font-size:0.875em; line-height:1.36em;}
#content .row_1{background:url(../images/cont_bg_1.gif) repeat-x bottom #f1f2e8; line-height:1.33em;}
#content .bg{background:url(../images/cont_bg_2.gif) repeat-y right;}
.title{margin-bottom:21px; display:block;}
.arTitle{/*article title*/font-size:1.2em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; /*color:#666;*/ color:#F30;}
.img_left{float:left; margin:0px 30px 0px 0px;}
.img_left_1{float:left; margin:0px 18px 0px 0px;}
.line{background:url(../images/line_bg.gif) repeat-x 0px 11px; height:30px;}
.pic{margin:0px 0px 11px 0px; display:block;}
.box{width:100%;}


/*--- BUTTON STYLES ---*/
/* Container you can use to surround a CSS button to clear float */
/*See: http://www.quirksmode.org/css/clearing.html */
.buttonwrapper{overflow: hidden; width: 100%;}
a.ovalbutton{display:block;	float:left;	line-height:16px; /*This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px)*/ height:24px; /*Height of button background height*/ padding-left:11px; /*Width of left menu image*/ text-decoration:none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #494949; /*button text color*/}
a.ovalbutton span{display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/}
/* Hover state CSS */
a.ovalbutton:hover{background-position: bottom left; text-decoration:none; }
/* Hover state CSS */
a.ovalbutton:hover span{background-position: bottom right; color: black;}
/*--BLUE--*/
a.blue{background:transparent url(../images/oval-blue-left.gif) no-repeat top left;}
a.blue span{background: transparent url(../images/oval-blue-right.gif) no-repeat top right;}
/*--GREEN--*/
a.green{background:transparent url(../images/oval-green-left.gif) no-repeat top left;}
a.green span{background: transparent url(../images/oval-green-right.gif) no-repeat top right;}
/*--GRAY--*/
a.gray{background:transparent url(../images/oval-gray-left.gif) no-repeat top left;}
a.gray span{background: transparent url(../images/oval-gray-right.gif) no-repeat top right;}


/*================== index.html ==================*/
#page1 #content .row_1{font-size:1.09em; color:#5d5d5b;}
#page1 #content .row_1 .indent{padding:26px 20px 19px 20px;}
#page1 #content .row_1 .img_left{margin:-10px 31px 0px 0px;}
#page1 #content .row_1 .title{margin-bottom:6px; display:inline;}
#page1 #content .row_2 .col_1 .indent{padding:28px 27px 27px 20px;}
#page1 #content .row_2 .col_1 .line{margin-bottom:9px;}
#page1 #content .row_2 .col_2 .indent{padding:28px 17px 33px 20px;}
#page1 #content .row_2 .col_3 .indent{padding:28px 17px 27px 20px;}
#page1 #content .col_1{width:34%;}
#page1 #content .col_2{width:33%;}
#page1 #content .col_3{width:33%;}


/*================== index-1.html ==================*/
#page2 #content .row_1{line-height:1.36em;}
#page2 #content .row_1 .indent{padding:26px 20px 18px 20px;}
#page2 #content .row_2 .col_1 .indent{padding:28px 27px 30px 20px;}
#page2 #content .row_2 .col_1 .col_box_1{width:52%;}
#page2 #content .row_2 .col_1 .col_box_2{width:48%;}
#page2 #content .row_2 .col_2 .indent{padding:28px 17px 33px 20px;}
#page2 #content .row_2 .col_3 .indent{padding:26px 20px 18px 20px;}
#page2 #content .col_1{width:67%;}
#page2 #content .col_2{width:33%;}
#page2 #content .col_3{width:100%;}


/*================== index-2.html ==================*/
#page3 #content .row_1{line-height:1.36em;}
#page3 #content .row_1 .indent{padding:26px 20px 17px 20px;}
#page3 #content .row_1 .title{margin-bottom:17px;}
#page3 #content .row_1 .col_box_1{width:35%;}
#page3 #content .row_1 .col_box_2{width:35%;}
#page3 #content .row_1 .col_box_3{width:30%;}
#page3 #content .row_2 .line{height:40px;}
#page3 #content .row_2 .indent{padding:28px 27px 11px 20px;}
#page3 #content .row_2 .img_left_1{margin:-5px 19px 26px 0px;}
#page3 #content .row_2 .col_box_1{width:52%;}
#page3 #content .row_2 .col_box_1 .ind{padding:0px 20px 0px 0px;}
#page3 #content .row_2 .col_box_2{width:48%;}


/*================== index-3.html ==================*/
#page4 #content .row_1{line-height:1.36em;}
#page4 #content .row_1 .indent{padding:26px 20px 18px 20px;}
#page4 #content .row_2 .col_1 .indent{padding:28px 25px 30px 20px;}
#page4 #content .row_2 .col_2 .indent{padding:28px 17px 33px 20px;}
#page4 #content .row_2 .col_2 .col_box_1{width:52%;}
#page4 #content .row_2 .col_2 .col_box_2{width:48%;}
#page4 #content .row_2 .col_3 .indent{padding:26px 20px 18px 20px;}
#page4 #content .col_1{width:33%;}
#page4 #content .col_2{width:67%;}
#page4 #content .col_3{width:100%;}


/*================== index-4.html ==================*/
#page5 #content .row_1{line-height:1.36em;}
#page5 #content .row_1 .indent{padding:26px 20px 20px 20px;}
#page5 #content .row_1 .title{margin-bottom:17px;}
#page5 #content .row_1 h4{margin:0px 0px 15px 0px;}
#page5 #content .row_1 .ind{padding:0px 45px 0px 0px;}
#page5 #content .row_1 .col_box_1{width:35%;}
#page5 #content .row_1 .col_box_2{width:35%;}
#page5 #content .row_1 .col_box_3{width:30%;}
#page5 #content .row_2 .col_1 .indent{padding:28px 25px 37px 20px;}
#page5 #content .row_2 .col_2 .indent{padding:28px 17px 33px 20px;}
#page5 #content .row_2 .box{width:477px;}
#page5 #content .row_2 .col_box_1{width:241px;}
#page5 #content .row_2 .col_box_2{width:236px;}
#page5 #content .col_1{width:67%;}
#page5 #content .col_2{width:33%;}

input{width:225px; height:22px; border:solid 1px #d3d3cc; padding-left:9px;}
textarea{width:224px; height:138px; overflow:auto; border:solid 1px #d3d3cc; padding-left:9px; margin:0px 0px 10px 0px;}
.div_input{height:29px;}
.div_links{text-align:right; width:230px;}
input.submit{width:40px; padding:0px; float:right; border:1px solid #333;}

/*================== index-4.html ==================*/
#page6 #content .indent{padding:26px 30px 41px 20px;}


/*==botNav and footer==*/
#footer{font-size:0.7em; height:91px; line-height:1.36em; background:#F1F2E8;}
#footer a{color:#03F; text-decoration:none;}
#footer a:hover{color:#06F; text-decoration:underline;}
#footer .botNav, .copyRight{text-align:center;}
#footer .botNav{padding:10px 0px; font-size:1.3em;}
