@import "reset.css";
body { font-family:Arial;font-size:12px;line-height:18px;color:#b8b8b8;text-align:left; background:#353431 url(../images/bg_site.gif) 0px 550px repeat-x}


a       { color:#fff; text-decoration:underline; }
a:link  { color:#fff; text-decoration:underline;}
a:hover { color:#fff; text-decoration:none;}
a:active{ color:#fff; text-decoration:underline;}


.clear  {clear:both; margin:0; padding:0; height:0}
.left{ float:left}
.right{ float:right}

.last{ border:0}
.black{ color:#000}
.red { color:#FF0000;}
.white {color:#FFFFFF;}
/*   -----------------------------------------------------------------------------*/ 
#centr_auto{ width:1000px; margin:0 auto}
.page{ position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; background:url(../images/bg_site_top.gif) top repeat-x}
/*   -----------------------------------------------------------------------------*/ 
#top{ width:100%;  background: url(../images/bg_header.jpg) top no-repeat; min-height:301px}
#top a.logo{ margin-top:40px; margin-left:40px; display:block; text-decoration:none; color:#ffda00; font-size:63px; font-family:Times New Roman; font-style:normal}
#top a.logo h1{ font-weight:normal; line-height:60px}
#top a.logo h2{ font-weight:normal; font-size:20px; color:#9f9f9f; line-height:24px; margin-bottom:60px}
#top div.block{ margin-left:25px;}
#top div.block div{ margin:0px 20px; font-family:Times New Roman; font-size:25px; color:#dcdcdc; float:left; margin-bottom:20px; padding-top:5px}
#top div.block div.centr{ padding:5px 30px 10px;  border-right:1px solid #737370; border-left:1px solid #737370; }
#top div.block div span{ color:#7e7e7e; font-style:italic; font-size:18px; line-height:16px; }
#top div.block div a{ text-decoration:none; color:#dcdcdc; font-size:25px; font-style:italic;line-height:25px; }
#top div.block div a:hover{ text-decoration:underline}
#top div.block div small{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#9c9c9c; display:block; margin-bottom:4px}
#top div.block div b{ text-decoration:none; color:#dcdcdc; font-size:25px; font-style:italic;}

#top div.block div a.title{ font-size:40px; letter-spacing:-0.04em; color:#fff; line-height:36px; text-decoration:none; font-family:"Times New Roman"; font-weight:bold; font-style:normal}
#top div.block div a.title:hover{ text-decoration:none}
/*   -----------------------------------------------------------------------------*/ 
        .lavaLampWithImage {
            position:relative;
            width: 930px;
            padding: 0px;
            margin: 8px 0px 6px 30px;
            overflow: hidden;
			padding-bottom:0px ;}
			
                .lavaLampWithImage li {float: left;list-style: none;margin:0px 28px}
				
                    .lavaLampWithImage li.back {
                        background: url(../images/right.gif) no-repeat right 0px;
                        z-index: 8;
                        position: absolute; margin-left:0px}
                        .lavaLampWithImage li.back .left {background: url(../images/left.gif) no-repeat left 0px;height: 36px;  width:36px;}
                    .lavaLampWithImage li a {
                        font: bold 20px Times New Roman;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 4px;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        height: 36px;
                        position: relative;
                        overflow: hidden;
                        margin: 0 0px;
						padding:0px 12px }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a.act {
                            border: none; color:#fff!important
                        }
/*   -----------------------------------------------------------------------------*/ 
.special{ height:296px; margin-top:8px}
/*   -----------------------------------------------------------------------------*/ 
.content{ padding:40px 20px 20px 30px; color:#c8c8c8; background:url(../images/shadow.png) top no-repeat}
.content a{ color:#fff}
.content h3{ font-family:Times New Roman; font-size:30px; color:#fff; line-height:30px; border-bottom:1px #444340 solid; padding-bottom:18px; margin-bottom:20px;}
.content h3 span{ color:#787876; line-height:20px; font-family:Times New Roman; font-size:18px; display:block}

#home div.left_column{ width:620px; float:left}
#home div.right_column{ width:290px; float:right}


#home .right_column div{  padding:0px 10px 10px 60px; border-bottom:1px dashed #565353; margin-bottom:18px}
#home .right_column div.bg_1{ background:url(../images/img_1.gif) 0px 0px no-repeat}
#home .right_column div.bg_2{ background:url(../images/img_2.gif) 0px 0px no-repeat}
#home .right_column div.last{ border:0; margin:0;background:url(../images/img_2.png) 0px 2px no-repeat;background:url(../images/img_3.gif) 0px 0px no-repeat}
#home .right_column div a, div.box div.gas a, a.yelow_links{ text-decoration:none; color:#ffd700}
#home .right_column div a:hover, div.box div.gas a:hover, a.yelow_links:hover{ text-decoration:underline}
#home .right_column div.staff{padding:0 10px 10px 0px; }
/*   -----------------------------------------------------------------------------*/ 
#mid{ background-color:#e2e1de!important; width:100%; color:#4d4c45; min-height:100px; padding-top:30px; padding-bottom:15px}
#mid div.block{ width:270px; margin-left:30px; margin-right:30px; float:left}
#mid h4{ padding-left:28px; background:url(../images/bg_h4.gif) 0px 0px no-repeat; font-size:24px; font-family:Times New Roman; color:#4d4c45; margin-bottom:25px}

#mid .link{ color:#4d4c45; font-size:12px; display:block; margin:14px 0px; padding-left:30px; background:url(../images/arrow.gif) 0px 0px no-repeat; font-weight:normal}
#mid div.block div.logo{ background:url(../images/bg_block.gif) 0px 2px no-repeat; height:120px; margin-top:12px; color:#000; padding-left:20px; padding-top:4px}
#mid div.block div.logo a{ color:#000; text-decoration:none; display:block; margin-top:8px; width:110px}
#mid div.block div.logo small{ display:block; position:absolute; margin-top:-62px; margin-left:170px; color:#4d4c45; font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:bold; text-transform:uppercase}

/*   ------------------------------------ About -----------------------------------------*/
#mid div.left_column{ width:640px; float:left; margin-left:30px; }
#mid div.right_column{ width:290px; float:right; padding-right:20px}


/*   -------------------- Services ---------------------------------------------------------*/
#mid div.left_column_services{ width:290px; float:left; margin-left:30px; }
#mid div.right_column_services{ width:620px; float:right; padding-right:20px} 

/*   -------------------- solutions ---------------------------------------------------------*/

.box div.gas{ width:195px; margin:0;float:left}
.box{ width:450px; margin-left:30px; float:left}



/*   -----------------------------------------------------------------------------*/
#foot{ width:100%; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#787878; height:100px; }
#foot ul{ padding:30px 0px 30px 30px}
#foot ul li{ float:left}
#foot ul li a{ color:#ffd700; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; margin:0px 40px 0px 0px;}
#foot ul li a:hover{ color:#fff; text-decoration:underline;}
#foot small{ padding-left:30px}

/* -----------------------------------------------------------------------------*/ 
#read_more h4, #read_more{ color:#000}
#read_more h4{ margin:0px 0px 10px 0px ; font-size:24px; line-height:30px; padding:0}
a.read{ display:block; width:85px; height:26px; background-color:#ffd700; text-align:center; color:#4d4c45; text-decoration:none; line-height:25px; margin:10px 0 20px 0}
a.read:hover{ background-color:#eccc23; cursor:pointer}
.pad_195{ margin-left:175px}
.pad_200{ margin-left:210px}
h6{ color:#fff; line-height:20px; font-family:Times New Roman; font-size:18px; margin-bottom:18px}
img.vertical{ margin-bottom:16px}
.pad{ width:40px; float:left; display:block}
div.staff{ padding:0 10px 10px 0px; border-bottom:1px dashed #565353; margin-bottom:18px; margin-left:0}
.pad_10{ margin-bottom:10px}

/* -----------------------------------------------------------------------------*/ 
#contact_form td{ color:#000; padding-bottom:4px}
.sub{font-size:14px;text-decoration:none; cursor:pointer; border:0; text-transform:none;color:#000; margin:0; background-color:#ffd700; height:27px; width:90px;	 }
.sub:hover{ background-color:#eccc23; cursor:pointer}	
.input_contact{background-color:#fff;
	width:300px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;}
	
.textarea_contact{background-color:#fff;
	width:300px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}
	/* ============================= JS START ===================================== */

.carousel-box {	position: relative;		padding: 0 ;}

	.carousel-box .carousel {
		height: 296px;
		overflow: hidden;
		border-left:#eee 7px solid;
		border-top:#eee 6px solid;
		border-right:#eee 2px solid; margin-left:20px	}

	.carousel-box button.prev {
		background: url(../images/left_.png) no-repeat 100% 0%;
		width: 43px;
		height: 40px;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 120px;
		left: 0px;
		z-index: 200;
		cursor: pointer; 	}
	
.carousel-box button.prev:hover {background-position: -2px 0px;	}
		
	.carousel-box button.next {
		background: url(../images/right_.png) no-repeat 0% 0%;
		width: 43px;
		height: 41px;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 122px;
		right: 0px;
		z-index: 2;
		cursor: pointer;	}
	
.carousel-box button.next:hover {background-position: 2px 0px ;}
		
.carousel-box .carousel ul{ width:961px; height:296px; background-color:#eee}		
.carousel-box .carousel ul li{ width:233px; height:283px; margin-right:5px}
.carousel-box .carousel ul li a{ background:url(../images/bg_pin_carusel.gif) top repeat-x; display:block;width:233px; height:283px; }
.carousel-box .carousel ul li a:hover{background:url(../images/bg_pin_carusel_hover.gif) top repeat-x; display:block;width:223px; height:273px; border:#d9d9d9 5px solid}
.carousel-box .carousel ul li a{ text-align:center; text-decoration:none; padding-top:5px}
.carousel-box .carousel ul li a:hover{ padding:0; color:#000}
.carousel-box .carousel ul li a:hover div.text{ margin-left:30px; color:#4b4b4b}
.carousel-box .carousel ul li a:hover h5{ margin-left:0px}
.carousel-box .carousel ul li a h5{ font-size:24px; font-family:"Times New Roman", Times, serif; margin-top:18px}
.carousel-box .carousel ul li a h5 span{ display:block; font-size:14px}
.carousel-box .carousel ul li a div.text{ margin:25px 0px 0px 35px; width:170px; text-align:left}
/* ============================== JS END ====================================== */