body {
	margin: 0;
	padding: 0px;
}

body, td, th {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
}

.clearfix{
  *zoom: 1;
}
.clearfix:after{
    display: table;
    content: "";
    clear: both;
}
.clearfix:before{
    display: table;
    content: "";
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.wrapper{
    width:1003px;
    margin:auto;
}

.banner {
	width: 705px;
	height:96px;
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
}

#page-footer{
	height:50px;
	width:100%;
	border-top:1px solid #444444;
	text-align:center;
	font-size:10px;
	margin-top:50px;
}

#page-header{
	height:80px;
	background-color:#FFFFFF;
	width:100%;
	background-repeat:no-repeat;
	background-position:left;
}

#slogan{
	float:right;
	height:70px;
	width:600px;
	margin-top:5px;
	margin-right:50px;
}

.welcome {
	float:left;
	width:705px;
	color:#FFFFFF;
	background-color:#0588c0;
	text-align:center;	
}

.txtwelcome {
	float:left;
	width:669px;
	font-size:17px;
	height:25px;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
}

.corner-lt {
	float:left;
	height:37px;
	width:8px;
	background-image:url(images/corner-lt.gif);
	background-repeat:no-repeat;
}
.corner-rt {
	float:right;
	height:37px;
	width:8px;
	background-image:url(images/corner-rt.gif);
	background-repeat:no-repeat;
}

.th-green {
	border-bottom:#b1e08f 1px solid;
	background-color:#e6f7d5;
	color:#6aa91a;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
.green {
	border: #b1e08f 1px solid;
	background-color:#FFFFFF;
	color:#444444;
}

.th-orange {
	border-bottom:#f5d396 1px solid;
	background-color:#f9f0d3;
	color:#ed7600;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
.orange {
	border: #f5d396 1px solid;
	background-color:#FFFFFF;
	color:#444444;
}

.th-blue {
	border-bottom:#006d9b 1px solid;
	background-color:#006d9b;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
.blue {
	border: #006d9b 1px solid;
	background-color:#FFFFFF;
	color:#444444;
}

#menu-top{
	overflow:hidden;	
	height:30px;
	position:absolute;
	margin-top: 3px;
	margin-left: 3px;
}

#logo{
	width:240px;
	height:100px;
	position:absolute;
	text-align:left;
	background-repeat:no-repeat;	
	background-image:url(images/logo_haywaa.gif);
	margin-left: 5px;
}

a.item-menu{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height: 250%;
	font-size:11px;
}
a.item-menu:hover{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	font-weight:bold;
	background-color:#0588c0;	
	line-height: 250%;
	font-size:11px;
}
a.item-menu:active{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	font-weight:bold;
	background-color:#0588c0;	
	line-height: 250%;
	font-size:11px;
}
a.item-menu:visited{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height: 250%;	
	font-size:11px;		
}

#step1{
	width:49%;
	float:left;
	

}

#step2{
	width:49%;
	float:left;
	

}
#body-service{
	padding:10px;
}
#header-service{
	padding:10px;
	margin-top:20px;
	font-size:24px;
	
}

#info-upload{
	height:30px;
	margin-bottom:30px;

}
.step-pic{
	margin-bottom:20px;
}

.tbCode{
	width:100%;
}
#service-upload{
	font-size:16px;
	margin-top:50px;
	margin-bottom:50px;	
	float:left;
	width:33%;
	text-align:center;
}
#service-entry{
	font-size:16px;
	margin-top:50px;
	margin-bottom:50px;
	float:left;
	width:33%;	
	text-align:center;
	 
}
#service-style{
	font-size:16px;
	margin-top:50px;
	margin-bottom:50px;	
	float:left;
	width:33%;	
	text-align:center;
	 
}
#service-mobileblog{
	font-size:16px;
	margin-top:50px;
	margin-bottom:50px;	
	float:left;
	width:24%;	
	text-align:center;
	 
}
#services-main{
}

#services-intro{
	margin-top:30px;
	margin-left:50px;
}