@charset "utf-8";
/* CSS Document */

html {height: 100%;margin-bottom: 0px;}
body {margin: 0;
background:url(images/bg.png);
background-repeat:no-repeat;
background-position:center;
background-position:top;
background-color: #e1e1e1;
}


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


#containerhead {
width: 853px; 
height: 112px; 
margin-left: auto;
margin-right: auto;

 
}
 
#logo {
background:url(images/logo.png);
margin: 0 auto; 
width: 418px; 
height: 112px;
float: left;
position: relative; 
}
 
#banner {
margin: 0 auto; 
width: 260px; 
height: 77px;
float: left;
position: relative; 
left:13px;
top:18px;
}
#chatnow {
margin: 0 auto; 
width: 10px; 
height: 77px;
float: left;
position: relative; 
left:20px;
top:18px;
}

#containerhead2 {
width: 853px; 
height: 218px; 
margin-left: auto;
margin-right: auto;
}
 
#cont1 {
background:url(images/cont1.png);
margin: 0 auto; 
width: 614px; 
height: 218px;
float: left;
position: relative; 
}

#cont1in {
background:url(images/h_pag.png);
margin: 0 auto; 
width: 156px; 
height: 172px;
float: left;
left: 41px;
top: 22px;
position: relative; 
}
#cont1int {
	margin: 0 auto;
	width: 380px;
	height: 122px;
	float: left;
	left: 65px;
	top: 65px;
	position: relative;
}
 
#cont2 {
background:url(images/cont2.png);
margin: 0 auto; 
width: 234px; 
height: 218px;
float: left;
position: relative; 
left:5px;
}

#spaceM {
width: 853px; 
height: 24px; 
margin-left: auto;
margin-right: auto;
}
#spaceMs {
width: 853px; 
height: 20px; 
margin-left: auto;
margin-right: auto;
}


#menu {
width: 853px; 
height: 59px; 
background:url(images/m_bg.png);
margin-left: auto;
margin-right: auto;
}
#menuS {
background:url(images/m_s.png);
margin: 0 auto; 
width: 10px; 
height: 59px;
float: left;
position: relative; 
}
 
#menuE {
background:url(images/m_e.png);
margin: 0 auto; 
width: 12px; 
height: 59px;
float: right;
position: relative; 
}

#foot {
width: 853px; 
height: 59px; 
background:url(images/m_bg.png);
margin-left: auto;
margin-right: auto;
}
#footS {
background:url(images/m_s.png);
margin: 0 auto; 
width: 10px; 
height: 59px;
float: left;
position: relative; 
}
#footSs {
margin: 0 auto; 
top: 20px;
left: 10px;
height: 20px;
float: left;
position: relative; 
}
 
#footE {
background:url(images/m_e.png);
margin: 0 auto; 
width: 12px; 
height: 59px;
float: right;
position: relative; 
}
#footEe {
margin: 0 auto; 
top: 16px;
height: 20px;
float: left;
left: 150px;
position: relative; 
}


#container3 {
width: 853px; 
height: 630px; 
margin-left: auto;
margin-right: auto;
}
 
#cont3 {

margin: 0 auto; 
width: 385px; 
height: 630px;
float: left;
position: relative; 
}
 
#cont4 {
margin: 0 auto; 
width: 465px; 
height: 630px;
float: left;
position: relative; 
left:5px;
}

#redb {
margin: 0 auto; 
width: 400px; 
float: left;
position: relative; 
background:url(images/red_b.png);
background-position: 5px 2px;
background-repeat:no-repeat;
height: 29px;
padding-left:40px;

}

#ban1 {
background:url(images/cont_t.png);
background-repeat:no-repeat;
margin: 0 auto; 
width: 338px; 
height: 201px;
float: left;
position: relative;
padding-bottom:10px;
}

#ban2 {
background:url(images/cont_t.png);
background-repeat:no-repeat;
margin: 0 auto; 
width: 338px; 
height: 201px;
float: left;
position: relative; 
padding-bottom:10px;
}

#ban3 {
background:url(images/cont_t.png);
background-repeat:no-repeat;
margin: 0 auto; 
width: 338px; 
height: 201px;
float: left;
position: relative; 
}

#p1 {
background:url(images/p1.png);
background-repeat:no-repeat;
margin: 0 auto; 
width: 338px;
height: 81px;
float: left;
position: relative;
}
#p2 {
background:url(images/p2.png);
background-repeat:no-repeat;
margin: 0 auto; 
width: 338px;
height: 89px;
top:3px;
float: left;
position: relative;
}
#p3 {
background:url(images/p3.png);
background-repeat:no-repeat;
margin: 0 auto; 
width: 338px;
height: 86px;
top:3px;
float: left;
position: relative;
}

#peopleL {
width: 854px; 
height: 630px; 
margin-left: auto;
margin-right: auto;
background:url(images/people_c.png);

}
#peopleL1 {
	background:url(images/people_h.png);
	background-position:top;
	background-repeat:no-repeat;
width: 854px; 
height: 630px; 
margin-left: auto;
margin-right: auto;
}
 #peopleLf {
	background:url(images/people_f.png);
	background-repeat:no-repeat;
width: 854px; 
height: 14px; 
margin-left: auto;
margin-right: auto;
}




 #conMid{
	width:810px;
	margin:20px auto 0; 
	position:relative;
 }
 #con_left{
 	width:344px;
	float:left;
	height:auto;
	position:relative;
 }
 #con_right{
 	width:454px;
	float:right;
	height:419px;
	position:relative;
	background-image:url(images/contactform.png);
 }
 
 #portL {
width: 854px; 
height: 580px; 
margin-left: auto;
margin-right: auto;
background:url(images/portfolio.png);

}
#serv1{
	width:300px;
	height:475px;
	float:left;
	position:relative;
}
#serv2{
	width:300px;
	height:475px;
	float:left;
	position:relative;
}
#serv3{
	width:195px;
	height:475px;
	float:left;
	position:relative;
}



#service1 {
width: 854px; 
height: 535px; 
margin-left: auto;
margin-right: auto;
background:url(images/people_c.png);

}
#service2 {
	background:url(images/people_h.png);
	background-position:top;
	background-repeat:no-repeat;
width: 854px; 
height: 535px; 
margin-left: auto;
margin-right: auto;
}




#test1 {
width: 854px; 
height: 1323px; 
margin-left: auto;
margin-right: auto;
background:url(images/people_c.png);

}
#test2 {
	background:url(images/people_h.png);
	background-position:top;
	background-repeat:no-repeat;
width: 854px; 
height: 1323px; 
margin-left: auto;
margin-right: auto;
position:relative;
}