/* CSS Document */

body{
background-color:#D8D8D8;
font-size:1em;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited{
color:#769BD0;
}

#container{
position:relative;
margin:0 auto;
width: 800px;
background-color:#FFFFFF;
border: solid 1px #CCCCCC;
overflow:auto;

}
#logo{
float:left;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
width:416px;
height:116px;
margin-top:10px;
padding:0px;
margin-left:10px;
margin-bottom:5px;
}
#tel{
position:absolute;

background-image:url(../images/tel.jpg);
background-repeat:no-repeat;
width:234px;
height:20px;
margin-top:0px;
top: 103px;
left:560px;

}

#tagline{
position:absolute;
margin-right:0px;
background-image: url(../images/tagline.jpg);
background-repeat:no-repeat;
width:349px;
height:26px;
margin-top:0px;
top: 102px;
left:200px;

}

#quality{
position:absolute;
margin-right:0px;
background-image: url(../images/qulaity.jpg);
background-repeat:no-repeat;
width:115px;
height:55px;
margin-top:0px;
top: 20px;
left:650px;
overflow:auto;

}

#menu{
clear:both;
float:left;
background-color:#7BC143;
width:800px;
height: 28px;
}


#wrap{
float:left;
clear:both;
width:790px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
overflow:auto;
padding-bottom:25px;
background-color:#F4F4FE;
}
#header{
margin-left:20px;

}


#side{
padding:5px;
clear:both;
float:left;
width:98.5%;
margin-top:10px;


}


#side ul
{
list-style-type: disc;
padding: 0;
margin: 0;
padding-left:40px;
}

#side li
{
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4E4E4E;
}

#side p{
padding:0px 5px 5px 5px ;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#4E4E4E;
width:90%;
}
#side h1{
margin-left:15px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#525252;

}

#side h3{
margin-left:15px;
padding:0px 5px 0px 5px ;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}


#side h4{
margin-left:15px;
padding:0px 5px 0px 5px ;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}

#side h2{
padding:0px 5px 0px 5px ;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}

/*********************************************************************************************/
#side1{
padding:5px;
clear:both;
float:left;
width:98.5%;
margin-top:10px;


}


#side1 ul
{
list-style-type: none;
padding: 0;
margin: 0;
padding-left:10px;
}

#side1 li
{
background-image: url(../images/list.jpg) ;
background-repeat: no-repeat;
background-position: 0 .7em;
padding-left: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#side1 p{
padding:0px 5px 5px 5px ;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
color:#4E4E4E;
width:90%;
}
#side1 h1{
margin-left:15px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#525252;

}

#side1 h3{
margin-left:15px;
padding:0px 5px 0px 5px ;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}


#side1 h4{
margin-left:15px;
padding:0px 5px 0px 5px ;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}

#side1 h2{
padding:0px 5px 0px 5px ;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}

#side1 a{
color:#4E4E4E;
font-weight:bold;
font-size:12px;

}
/******************************************************************************************/
#leftside{
padding:5px;
clear:both;
float:left;
width:570px;
margin-top:10px;


}
#leftside ul
{
list-style-type: none;
padding: 0;
margin: 0;
padding-left:10px;
}

#leftside li
{
background-image: url(../images/list.jpg) ;
background-repeat: no-repeat;
background-position: 0 .7em;
padding-left: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#leftside p{
padding:0px 5px 5px 5px ;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#4E4E4E;
width:90%;
}
#leftside h1{
margin-left:15px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#525252;
text-transform:capitalize;

}

#leftside h3{
margin-left:15px;
padding:0px 5px 0px 5px ;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}


#leftside h4{
margin-left:15px;
padding:0px 5px 0px 5px ;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}

#leftside h2{
padding:0px 5px 0px 5px ;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color:#4E4E4E;

}



#rightside{

float:right;
width:200px;
margin-top:25px;

margin-right:5px;
display:inline;

}
#rightside p{
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#4E4E4E;

}




#newsbox{
position:relative;
border: solid 2px #7BC142;
width:180px;
margin-left:2.5px;
margin-top:-12px;
padding-bottom:10px;

}

#newsbox h1{
color:#769BD0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
padding-left:5px;
padding-top:5px;

}

#newsbox h2{
color:#7BC143;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
padding-left:5px;

}

.newsbox-title{
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
padding-left:5px;

}



#newsbox a{
text-decoration:none;
}

.newsbox-summary{
padding-left:10px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#4E4E4E;
padding-bottom:5px;
}


.news-content{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#4E4E4E;
}


.case{
margin-top:-10px;


}

.NewsSummaryLink{
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
padding-bottom:0px;
text-decoration:none;

}

.NewsSummaryMorelink{
float:right;
color:#7BC143;
margin-top:-30px;
margin-right:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
/**********************************************small picture menu**************************/
.pic{
margin-bottom:5px;

}

.name{

color:#7BC143;
}

 hr {
  border: 0;
  width: 95%;
color: #999999;
background-color: #f00;
height: 2px;
}


#footer{
clear:both;
margin-top:1px;
padding:0px;
margin-bottom:0px;

}

#footer p{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#4E4E4E;
padding-top:3px;

}
blockquote {

	margin: 0px 0px 0px 0px; 

 	padding: 10px 10px 10px 10px;  


	font-weight: normal;

	font-size: .9em;
	width:200px;



	font-style: italic;

	font-family: Arial, Helvetica, sans-serif;

	color: #4E4E4E;	

}
/********************************************************************************************

                            Form styles
************************************************************************************************/							


/* form elements */

form {

	margin: 0px 10px 0px 15px; 
	
	padding: 0px 10px 0px 10px;



}

label {

	display: block;

	font-weight: bold;

	margin: 2px 0px 5px 7px;

	color: #7B9ED2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;


}
.label {

	display: block;

	font-weight: bold;

	margin: 2px 0px 5px 7px;

	color: #7B9ED2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;


}

input, select {

	padding: 3px;

	font: normal .8em Verdana, sans-serif;

	color: #666666;

	background: #fff;  	

}

textarea {

	width: 400px;

	padding: 2px;

font-family: Arial, Helvetica, sans-serif;

	height: 100px;

	display: block;

	color: #666666;
	font: normal .8em Verdana, sans-serif;

}

input, textarea, select {

	background: #fff;

  	border-width: 1px;

  	border-style: solid;

  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 

}



input.button { 

	font: bold 12px Arial, Sans-serif; 

	height: 20px;

	margin: 0;

	padding: 2px 2px; 

	color: #555;

	background: #E6E6E6;

}

.dropdown{
margin: 0px 0px 0px 2px;
}


/***********************************************end********************************************/



/**************************Menu items*******************************************************/

#mainmenu, #mainmenu ul {
	padding: 2px 0px 0px 0px;
	left:0px;
	position:relative;
	
	margin:0 auto;
	list-style: none;
	width:800px;
	line-height: 20px;
	
	display:inline-block;

	background-color: #7BC143;
	font-weight: normal;
	}

#mainmenu li {

	float: left;
	padding-left: 0;
	margin :0 auto ;
background-color: #7BC143;
}
#mainmenu li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: 30px;
	width: 90px;
	font-weight: normal;
	margin: 0;
	z-index: 90;
	background-image: url(../images/menuback.png);
background-repeat:repeat-x;
}
#mainmenu a {
	display: block;
	width: auto;
	color: white;
	font-family:  Arial, sans-serif;
	font-size : 0.8em;
	text-decoration: none;
	font-weight:bold;
	border-right: 1px solid #FFFFFF;
	text-transform:lowercase;

	padding : 0px 6px 0px 5px;
	z-index: 90;	
}
#mainmenu a:hover {
color: #CCCCCC;
}
#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul, #mainmenu li.sfhover ul ul, #mainmenu li.sfhover ul ul ul {
	left: -1000em;
}
#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul, #mainmenu li.sfhover ul, #mainmenu li li.sfhover ul, #mainmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#mainmenu li:hover, #mainmenu li.sfhover { 
}
#mainmenu li ul a{
width:100px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;

}

/***************************************************menuend**********************************************/


table { border: 1px solid #FFFFFF;
border-collapse: collapse;
border-width: 0 1px 1px 0;}

td{ border: 1px solid #FFFFFF;
border-width: 1px 0 0 1px; }