@charset "utf-8";
/* CSS Document */

body{margin:0px;
padding:0px;
background:url(../images/head_bg.png) center top #f9f9f9 no-repeat;}
#main{width:1000px;
height:auto;
float:left;
/*background:#666666;*/
}
#head{width:1000px;
height:auto;
float:left;

}
.logo{width:230px;
height:70px;
float:left;
}
.call{width:250px;
float:left;
height:auto;
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
line-height:28px;
background:url(../images/phone_icon.png) left center no-repeat;
padding-left:45px;
margin-left:470px;}

#menu
{
	width: 950px;
	height: 35px;
	float: left;
	margin-left: 50px;
	margin-bottom:5px;
	margin-top:35px;
	/*background:#999999;*/
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu ul li
{
	display: block;
	float: left;
	height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	color: #858585;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

#menu ul li a
{
	display: block;
	float: left;
	height: 24px;
	text-align: center;
	padding-right: 33px;
	padding-left: 33px;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #858585;
	border-right:1px #59949a dotted;
	font-size: 10px;
	text-decoration: none;
}
#menu ul li a:hover
{
	display: block;
	float: left;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	background:url(../images/m_hover.png) no-repeat center;
}

#head_2{width:920px;
height:auto;
float:left;
margin-left:30px;
/*background:#0066CC;*/
}

.computer{width:420px;
height:355px;
float:left;
background:url(../images/computer.png)  no-repeat;}

.computer_area{width:347px;
height:194px;
float:left;

margin-top:22px;
margin-left:23px;}



.salogan{width:500px;
height:auto;
float:left;
text-align:right;
/*background:#CCCCCC;*/
margin-top:60px;
line-height:36px;
}

.s{color:#4f8a89;
font-size:18px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

.s1{color:#054860;
letter-spacing:1px;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;}

#tag{width:450px;
height:51px;
float:left;
margin-left:50px;
margin-top:30px;
/*background:#FF0000;*/}

.c{margin-left:70px;}

#social{width:250px;
height:40px;
background:#000000;
float:left;
margin-top:50px;
background:url(../images/cautch.png)  no-repeat left;
padding-left:90px;
margin-left:100px;}

.f{margin-left:30px;}

#main_area{width:1000px;
height:auto;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5e5e5e;
margin-top:20px;}

#main_area_l{width:700px;
height:auto;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:20px;
color:#5e5e5e;
}



#service{width:700px;
height:auto;
margin-top:20px;
float:left;}

.service1{width:220px;
height:auto;
padding-right:5px;
float:left;
color:#5e5e5e;
margin-left:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-right:#666666 1px dotted;}


#main_area_r{width:290px;
height:430px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5e5e5e;
margin-left:10px;
background:url(../images/tstimonial.png) no-repeat}

#quote{width:176px;
height:33px;
margin-top:80px;
margin-left:40px;
float:left;
background:url(../images/quote.png) no-repeat;
}

#quote:hover{width:176px;
height:33px;
margin-top:80px;
margin-left:40px;
float:left;
background:url(../images/quote.png) 0px -33px no-repeat;
}

#testimonial{width:225px;
height:170px;
float:left;
margin-left:20px;
overflow:hidden;
margin-top:105px;
line-height:23px;
font-weight:bold;
text-align:justify;
color:#b6b199;}

.t{float:right;
color:#FFFFFF;}

#Footer{width:1000px;
height:267px;
float:left;
}

.job{width:110px;
height:30px;
float:left;
margin-top:130px;
margin-left:60px;}

.reach{width:110px;
height:20px;
float:left;
margin-top:108px;
margin-left:80px;}


/*
	Slideshow
*/

#slides {
	
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:347px;
	overflow:hidden;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:347px;
	height:195px;
	display:block;
}




.pagination {
	margin-top:25px;
	margin-left:80px;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*portfloio*/

.portfolio_bg{width:220px;
height:170px;
float:left;
margin-top:20px;
margin-left:12px;
background:url(../images/portfolio_bg.png) no-repeat;
}
.portfolio_text{width:200px;
height:138px;
float:left;
margin-left:6px;
margin-top:7px;
margin-bottom:8px;
background:#999999;
}

.port{color:#333333;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
margin-left:10px;}
