/*----------------------------------------------------------------------
Rename the _service with anything else like _service
------------------------------------------------------------------------*/


/* HEADER
--------------------------------------------------------- */
div#header_wrap_service {
	padding: 0px 25px;
}
div#header_service {
	height: 385px;
	background: #0c110d;
	border-bottom: 5px solid #c1c1c1;
}

/* ---- header content --- */
div#header_content_wrap_service {}
div#header_content_service {
	height: 305px;
}

/* ---- scrolling header (user1, user2, user3, user4 and user5 module positions) --- */
#demo-bar_service {
	margin: 0px auto;
	padding: 0;
	width: 920px;
	text-align: center;
} 
#demo-wrapper_service {
	margin: 0px auto;
	overflow: hidden; 
	height: 305px; 
	width: 920px;
	position: relative;
} 
#demo-inner_service {
	width: 4600px;
	height: 305px;
	position: relative;
} 

#content11 {
	left: 0px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/service/service1_bg.png) top right no-repeat;
	
}
div#service1, div#service2, div#service3, div#service4, div#service5  {
	font-size: 14px;
	color: #9a9a9a;
	width: 550px;
	padding: 20px 0 0 20px;
}
div#content11 a:link, div#content11 a:visited,
div#content12 a:link, div#content12 a:visited,
div#content13 a:link, div#content13 a:visited,
div#content14 a:link, div#content14 a:visited,
div#content15 a:link, div#content15 a:visited {
	color: #9a9a9a;
	text-decoration: underline;
}
div#content11 a:hover,
div#content12 a:hover,
div#content13 a:hover,
div#content14 a:hover,
div#content15 a:hover  {
	color: #fff;
}
#content12 {
	left: 920px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/service/service2_bg.png) top right no-repeat;
} 
#content13 {
	left: 1840px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/service/service3_bg.png) top right no-repeat;
} 
#content14 {
	left: 2760px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/service/service4_bg.png) top right no-repeat;
}
#content15 {
	left: 3680px; 
	top: 0px;
	width: 920px;
	height: 305px;
	background: url(../images/service/service5_bg.png) top right no-repeat;
}

/* ---- header buttons --- */
div#header_buttons_wrap_service {}
div#header_buttons_service {
	height: 80px;
	background: url(../images/header_buttons_bg.png) top left repeat-x;
}

ul#buttons_service {
	margin: 0;
	padding: 0;
}
ul#buttons_service li {
	list-style: none;
}
ul#buttons_service li a:link, ul#buttons_service li a:visited {
	width: 184px;
	height: 80px;
	display: block;
}

/* ===================Buttons for service===================================================== */

li#service_but1 {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but1.png) 0% 0% no-repeat;
}
li#service_but1 a:hover {
	background: url(../images/service/service_but1.png) 0% 50% no-repeat;
}
li#service_but1 a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but1.png) 0% 100% no-repeat;
}
li#service_but1 a:active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but1.png) 0% 100% no-repeat;
}
li#service_but2 {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but2.png) 0% 0% no-repeat;
}
li#service_but2 a:hover {
	background: url(../images/service/service_but2.png) 0% 50% no-repeat;
}
li#service_but2 a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but2.png) 0% 100% no-repeat;
}
li#service_but3 {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but3.png) 0% 0% no-repeat;
}
li#service_but3 a:hover {
	background: url(../images/service/service_but3.png) 0% 50% no-repeat;
}
li#service_but3 a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but3.png) 0% 100% no-repeat;
}
li#service_but4 {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but4.png) 0% 0% no-repeat;
}
li#service_but4 a:hover {
	background: url(../images/service/service_but4.png) 0% 50% no-repeat;
}
li#service_but4 a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but4.png) 0% 100% no-repeat;
}
li#service_but5 {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but5.png) 0% 0% no-repeat;
}
li#service_but5 a:hover {
	background: url(../images/service/service_but5.png) 0% 50% no-repeat;
}
li#service_but5 a.active {
	width: 184px;
	height: 80px;
	float: left;
	background: url(../images/service/service_but5.png) 0% 100% no-repeat;
}
/*========================END BUTTONS FOR service=============================================*/