﻿#service-page{
	position:relative;
	width:760px;
	margin-bottom:30px;
	color:#7a7a7a;
	margin-right:120px;
}
	#service-page .service-page-top{
		background-image:url('../images/service/bg-top.jpg');
		background-repeat:no-repeat;
		background-position:top;
		float:left;
	}
	
	#service-page .service-page-mid{
		margin-top:40px;
		border-left:1px solid #C3D6E5;
		border-right:1px solid #C3D6E5;
		width:758px;
		float:left;
		
	}
	
	#service-page .service-page-bot{
		background-image:url('../images/service/bg-bot.jpg');
		background-repeat:no-repeat;
		background-position:bottom;
		float:left;
		padding-bottom:45px;
		
	}
	


	#bannerWrap {
		float:left;
		padding-left:40px;
	}
	
	#bannerWrap #popupWrap{
		margin-bottom:10px;
	}
	
	#service-page .wrapper{
		width:452px;
		margin-left:40px;
		float:left;
		
	}
		#service-page .wrapper p{
			color:#7a7a7a;
			margin-top:5px;
		}
		#service-page .wrapper h1{
			width:118px;
			height:26px;
			background:url(../images/service/header-h1_contact.gif) no-repeat 0 0;
			margin-bottom:30px;
		}
		#service-page .wrapper h1 span{
			visibility:hidden;
		}
		#service-page .wrapper .preface{
			background: url('../images/hrBg.gif') repeat-x right bottom;
			padding-bottom:10px;
		}
		#service-page .wrapper .preface strong{
			color:#7a7a7a;
		}
	
	
	.content{
		margin-top:40px;
		margin-bottom:10px;
		
	}
	
	.hr{
		background: url('../images/hrBg.gif') repeat-x right top;
		heigth:1px;
		line-height:1px;
	}
	
	input{
		font-size:12px;
		color:#222;
	}
	
	.contact-us-item{
		background: url('../images/hrBg.gif') repeat-x right bottom;
		
		padding-top:15px;
	}
	
		.contact-us-item .title{
			cursor:pointer;
		}
		
		.contact-us-item.closed .title .icon{
			background-image:url('../images/service/plus-icon.gif');
			background-repeat:no-repeat;
			background-position:10px 6px;
			float:right;
			width:27px;			
		}
		
		.contact-us-item.closed .text{
			
		}
		

		
		.contact-us-item.open .title .icon{
			background-image:url('../images/service/minus-icon.gif');
			background-repeat:no-repeat;
			background-position:10px 6px;
			float:right;
			width:27px;				
		}
		
			.contact-us-item .title a{
				font-weight:bold;
				text-decoration:none;
				float:right;
			}
			.contact-us-item .title a:hover{
				text-decoration:underline;
			}
	
			.contact-us-item .text{
				margin-top:15px;
				padding-right:27px;
				padding-bottom:15px;
			}
	.contact-form {
		float:left;
	}
	
	.contact-form .form-top{
		background-image:url('../images/service/form-top.jpg');
		background-repeat:no-repeat;
		background-position:top;
		float:left;
		width:452px;
		height:15px;

	}
	.contact-form .form-mid{
		background-image:url('../images/service/form-mid.jpg');
		background-repeat:repeat-y;
		background-position:top;
		float:left;
		width:407px;
		padding-left:15px;
		padding-right:30px;
	}
	
	.contact-form .form-mid .inner-form-wrapper{
		padding-left:20px;
	}
	
	.contact-form .form-bot{
		background-image:url('../images/service/form-bot.jpg');
		background-repeat:no-repeat;
		background-position:top;
		float:left;
		width:452px;
		height:20px;
	}
	
	.contact-form .form-mid a.open-form-button{
		display:block;
		background-image:url('../images/service/form-click-here.jpg');
		background-repeat:no-repeat;
		background-position:top left;
		width:89px;
		height:24px;
		float:left;
	}
	.contact-form .form-mid a.open-form-button:hover{
		background-position:bottom left;
	}
	
	.contact-form .form-mid a.close-button{
		display:block;
		background-image:url('../images/service/close-button.jpg');
		background-repeat:no-repeat;
		background-position:top left;
		width:16px;
		height:15px;
		float:left;

		text-decoration:none;
		overflow:hidden;
	}
	.contact-form .form-mid a.close-button:hover{
		background-position:0px -15px ;
	}
	
	.contact-form .form-mid a.send-button{
		display:block;
		background-image:url('../images/service/form-send-button.jpg');
		background-repeat:no-repeat;
		background-position:top left;
		width:82px;
		height:24px;
		float:left;
	}
	.contact-form .form-mid a.send-button:hover{
		background-position:bottom left;
	}
	.contact-form .form-mid label{
		margin-top:4px;
		display:block;
	}
	
	.contact-form .form-mid .phone-holder{
		float:left;
	}
	
		.contact-form .form-mid .phone-holder .phone{
			float:left;
			width:178px;
		}
		
		.contact-form .form-mid .phone-holder .phone.with-margin{
			margin-left:31px;
		}

		.contact-form .form-mid .phone-holder .phone .txt{
			float:left;
			margin-left:4px;
			width:121px;
			*width:120px;
		}
		
		.contact-form .form-mid .phone-holder .phone .select{
			float:left;
			height:21px;
			width:50px;
		}
		
		.phone-wrapper{
			float:left;
		}
		
	.contact-form .form-mid .txt{
		height:17px;
		border:1px solid #b8dcf1;
	}
		.contact-form .form-mid .txt.email{
			width:385px;
		}
		.contact-form .form-mid .txt.name{
			width:176px;
		}
		
	
	.contact-form .form-mid .txt-area{
		border:1px solid #b8dcf1;
		height:74px;
		width:385px;
	}
	
	
	.contact-form .form-mid .form-thanks{
		height:235px;
		padding-top:100px;
		
	}
	
	.contact-form .form-mid  h2{
		font-size:14px;
		font-weight:bold;
		color:#1985c6;
	}
	
	.contact-form .form-mid .hidden{

	}
	
	.contact-form .form-mid  .warning-msg{
		font-size:11px;
	}
	
	.contact-form .form-mid .astrix{
		color:#1884c5;
	}
	
	.contact-form .form-mid .hr{
		margin-top:15px;
		margin-bottom:15px;
	}
	
	.contact-form .form-mid{
		line-height:20px;
	}
	
	#service-page .wrapper .bottom{
		width: 100%; margin: 10px 0; 
		padding-top: 10px;
	}
		#service-page .wrapper  a{
			color:#199cd6;
			line-height:1.5em;
		}

		
		.clear{
		clear:both;
		}
		
	.wrapper ul li{
		list-style-type:square;
		color:#199cd6;
	}
	.wrapper ul li span{
		color:#7a7a7a;
	}
