@import url(flexcrollstyles.css);

*{outline:none;}

html, body{ 
background:url(images/bg.jpg) left top repeat-x #5D9C7F;
 margin:0; 
 padding:0; 
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000;     
} 
 
#pagewidth{ 
 width:700px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:180px; 
  background-color:#000; 
 width:100%;
} 
 
#maincol{
width:700px;
 float: left; 
 display:inline; 
 position: relative; 
 width:; 
 }
 
 
img.floated {
	float: left;
	position: relative; /* fixes many nasty IE bugs */
	padding: 0 em;
	}
	
.clearfloat {
clear:both; height:0px;
line-height:0px; visibility: hidden;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 500px;
	height: 360px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;	
	margin: 0.3em auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	outline: none;
}
 
#content_customer{
	/* Typical fixed height and fixed width example */
	width: 450px;
	/* IE overflow fix, position must be relative or absolute*/
	padding: 0px 15px 0 0;
	margin: 0px;
	}
 #content {
	/* Typical fixed height and fixed width example */
	width: 550px;
	/* IE overflow fix, position must be relative or absolute*/
	padding: 0px 15px 0 0;
	margin: 0px;
}
#content_customer p{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px;
  font-weight: normal; 
  color:#fff;
  text-align:justify;
  padding:10px 0px 0px 0px ;
  margin: 0px;
}
#content p{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px;
  font-weight: normal; 
  color:#fff;
  text-align:justify;
  padding:10px 0px 0px 0px ;
  margin: 0px;
}

#content h2{
  font-family:"Trebuchet MS" Arial, Helvetica, sans-serif ;
  font-size:16px;
  font-weight:bolder;
  text-transform:uppercase;
  color:#849D1B;
  margin: 0px 0px 0px 0px;
  padding: 0px; 
}

h3{
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	text-transform:uppercase;
	color:#849D1B;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
}

#content a:link,
#content a:visited
 {
  color:#79831d;
  text-decoration:none;
  margin: 0px;
  padding: 0px; 
}

#content a:hover
 {
  color:#849D1B;
  text-decoration:underline;
  margin: 0px;
  padding: 0px; 
}


 
 
 
#footer{
padding-top:10px;
 height:40px;  
 clear:both;
 }
 
 #footer p{
 padding: 0px 0px 0px 30px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000;
 text-decoration:none; 
 
 } 
 
 #footer p a:link{
 padding: 0px 0px 0px 30px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000;
 text-decoration:none;
 
 }  
 
  #footer p a:hover{
 padding: 0px 0px 0px 30px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#fff; 
 text-decoration:none;
 
 } 
 
 #footer p a:visited{
 padding: 0px 0px 0px 30px;
 text-align:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000; 
 text-decoration:none;
 
 } 
 
 
 
 #buttons{
 height:47px;
 padding:0px 0px 0px 0px;
 }
 #button_home.active{background-position: -77px 0;}
 #button_company.active{background-position: -114px 0;}
 #button_our.active{background-position: -89px 0;}
 #button_equipment.active{background-position: -133px 0;}
 #button_instalation.active{background-position: -81px 0;}
 #button_customer.active{background-position: -116px 0;}
 #button_inquiry.active{background-position: -90px 0;}
 
#button_home{
display: block;
width: 77px;
height: 47px;
background: url(buttons/button_home.jpg) left no-repeat;}

#button_home:hover{
background-position: -77px 0;}

#button_home span
{display: none;}

#button_company{
display: block;
width: 114px;
height: 47px;
background: url(buttons/button_company.jpg) left no-repeat;}

#button_company:hover{
background-position: -114px 0;}

#button_company span
{display: none;}

#button_our{
display: block;
width: 89px;
height: 47px;
background: url(buttons/button_our.jpg) left no-repeat;}

#button_our:hover{
background-position: -89px 0;}

#button_our span
{display: none;}


#button_equipment{
display: block;
width: 133px;
height: 47px;
background: url(buttons/button_equipment.jpg) left no-repeat;}

#button_equipment:hover{
background-position: -133px 0;}

#button_equipment span	
{display: none;}

#button_instalation{
display: block;
width: 81px;
height: 47px;
background: url(buttons/button_instalation.jpg) left no-repeat;}

#button_instalation:hover{
background-position: -81px 0;}

#button_instalation span	
{display: none;}
 
 
 #button_customer{
display: block;
width: 116px;
height: 47px;
background: url(buttons/button_customer.jpg) left no-repeat;}

#button_customer:hover{
background-position: -116px 0;}

#button_customer span	
{display: none;}

 #button_inquiry{
display: block;
width: 90px;
height: 47px;
background: url(buttons/button_inquiry.jpg) left no-repeat;}

#button_inquiry:hover{
background-position: -90px 0;}

#button_inquiry span	
{display: none;}
 
 
 
 .hr{ 
height: 1px;
border: 0;
color: #426352;
background-color: #426352;
width: 98%;
 }
 
  .hr2{
text-align:left; 
height: 1px;
border: 0;
color: #426352;
background-color: #fff;
width:100%;
 
 }   
 
 .equipment {
 padding:0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;	
	color: #FFFFFF;
	letter-spacing:-0.1px;
	line-height:14PX;
}



.formbutton{ background: url(images/form_button.jpg) top center no-repeat; color:#000; font-size:11px; width:58px; font-weight:bold; height:19px; border:none;}
.whiteform{ font-family: Arial, Helvetica, sans-serif; color:#88E7BB; font-size:11px; font-weight:normal;}

.formbutton2{ background: url(images/form_button2.jpg) top center no-repeat; color:#000; font-size:11px; width:58px; font-weight:bold; height:19px; border:none;}
.whiteform2{ font-family: Arial, Helvetica, sans-serif; color:#88E7BB; font-size:11px; font-weight:normal;}
 
 
/*
form
*/

input, textarea, select	{
	background-color:		#90AE9F;
	border-width:			0px;
	border-style: 			solid;
	font-family: Helvetica, Arial, sans-serif;
	font-style:				normal;
	font-weight:			normal;
	font-size:				8pt;
	line-height:			11pt;
	color: 					#233A30;
	padding:				2px 2px 2px 2px;
		}
		
		input:focus, textarea:focus, select:focus { 
			background-color: 		#ACC1B6; 
			border-width: 			0px; 
		}
		
		fieldset { 
			border:					0px solid; 
		} 


.style1 {color: #FFFFFF}
.style2 {color: #FF6600}
 
 
/*.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:47px; background:#fff url(buttons/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:47px; line-height:47px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; url(buttons/button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(buttons/button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(buttons/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(buttons/button3.gif) no-repeat right top;}
 */
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.simply{
font-size:11px;
font-weight:bold;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:center;
}
#photo1{
display: block;
width: 150px;
height: 375px;
background: url(images/home_01.jpg) no-repeat 0 0;
}
#photo1:hover{
background-position: 0 -375px;
}
#photo1 span{
display: none;
}
#photo2{
display: block;
width: 150px;
height: 375px;
background: url(images/home_02.jpg) no-repeat 0 0;
}
#photo2:hover{
background-position: 0 -375px;
}
#photo2 span{
display: none;
}
#photo3{
display: block;
width: 150px;
height: 375px;
background: url(images/home_03.jpg) no-repeat 0 0;
}
#photo3:hover{
background-position: 0 -375px;
}
#photo3 span{
display: none;
}
#photo4{
display: block;
width: 150px;
height: 375px;
background: url(images/home_04.jpg) no-repeat 0 0;
}
#photo4:hover{
background-position: 0 -375px;
}
#photo4 span{
display: none;
}


  display: block;
  width: 317px;
  height: 90px;
  background: url(images/brochure.jpg) no-repeat 0 0;
}
#brochure:hover{ 
  background-position: 0 -90px;
 }
#brochure span{
  display: none;
}
.title{
text-align:left;
font-family:"Trebuchet MS", Arial;
font-size:11px;
line-height:11px;
color:#ffffff;
text-transform:uppercase;
font-weight:bold;
padding:5px 0 5px 3px;
border-bottom:1px #aaaaaa solid;
}
#shake{
color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bolder;
height:40px;
float:right;
padding:10px 0 0 0;
}
.content_installation_datail{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:12px;
  font-weight: normal; 
  color:#fff;
  text-align:justify;
  padding:0px 0px 0px 10px ;
  
}
  #content_installation {
	/* Typical fixed height and fixed width example */
	width: 620px;
	/* IE overflow fix, position must be relative or absolute*/
	padding: 0px;
	margin: 0px; 
}