html {
background: url(images/main_bg_top.jpg) repeat-x top #e0e0e0;
}
body {
padding: 0px;
margin: 0 auto;
/* background: url(images/body_bg.gif) repeat-y center; */
font-size: 62.5%;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

img {
border: 0px;
}

.clear-all {
clear: both;
line-height: 0;
height: 0;
}

.f12gr {
font-size: 1.2em;
color: #666;
}

#logo {
float: left;
margin-left: 17px;
}

#footer {
text-align: center;
font-size: 0.9em;
line-height: 1.2em;
/*height: 50px; */
padding-top: 30px;
}

.container {
position: relative;
width: 642px;
left: 155px;
}

.navigator ul li span, .navigator ol li span {
display:none;
}

.navigator ul li, .navigator ol li {
float:left;
display:inline;
}

.navigator ul, .navigator ol {
margin: 0px;
padding: 0px;
list-style:none;
}

#map {
margin: 0 auto;
width: 285px;
height: 255px;
margin-bottom: 20px;
background: url(images/map.jpg);
}

#btn-home a, #btn-demo a, #btn-sign a, #btn-terms a, #btn-contact a, #btn-links a, #step-1-active, #step-1, #step-2, #step-2-active, #step-2-m-active, #step-2-s-active, #step-2-ms-active, #step-3, #step-3-active, #btn-next a, #btn-signup a, #btn-quoteme a, #btn-finish a {
height: 42px;
display: block;
}

#btn-home a {
width: 70px;
background: url(images/btn_home.gif);
}

#btn-demo a {
width: 104px;
background: url(images/btn_show_demo.gif);
}

#btn-sign a {
width: 147px;
background: url(images/btn_sign.gif);
}

#btn-terms a {
width: 149px;
background: url(images/btn_terms.gif);
}

#btn-contact a {
width: 107px;
background: url(images/btn_contact.gif);
}

#btn-links a {
width: 65px;
background: url(images/btn_links.gif);
}

#step-1-active {
width: 195px;
background: url(images/txt_step_1_active.gif);
}

#step-1 {
width: 195px;
background: url(images/txt_step_1.gif);
}

#step-2-active {
width: 198px;
background: url(images/txt_step_2_active.gif);
}

#step-2 {
width: 198px;
background: url(images/txt_step_2.gif);
}

#step-2-m-active {
width: 198px;
background: url(images/txt_step_2_m_active.gif);
}

#step-2-s-active {
width: 198px;
background: url(images/txt_step_2_s_active.gif);
}

#step-2-ms-active {
width: 198px;
background: url(images/txt_step_2_ms_active.gif);
}

#step-3-active {
width: 200px;
background: url(images/txt_step_3_active.gif);
}

#step-3 {
width: 200px;
background: url(images/txt_step_3.gif);
}

#btn-next a {
width: 95px;
background: url(images/button_next.gif) no-repeat top;
}

#btn-signup a {
width: 95px;
background: url(images/button_signup.gif) no-repeat top;
}

#btn-quoteme a {
width: 95px;
background: url(images/button_quoteme.gif) no-repeat top;
}

#btn-finish a {
width: 95px;
background: url(images/button_finish.gif) no-repeat top;
}

.button-wrapper {
width: 95px;
margin: 0 auto;
}

/*
#wrapper {
position: relative;
padding: 0px;
margin: 0 auto;
width: 828px;
background: url(images/body_bg.jpg) repeat-y;
}
*/

#wrapper 
{
	min-height: 600px; /* เพิ่มบรรทัดนี้ใน style.css ครับ ส่วนค่ามันเปลี่ยนตามความเหมาะสมได้ครับ */ 
	position: relative; 
	padding: 0px; 
	margin: 0 auto; 
	width: 828px; 
	background: url(images/body_bg.jpg) repeat-y; 
} 

#header {
width: 100%;
height: 128px;
background: url(images/header_bg.jpg) no-repeat top;
}

* h1 {
padding: 0px;
margin: 0px;
overflow: hidden;
}

* h1 span {
width: 100%;
height: 100%;
display: block;
}

#phone-num h1 {
float: right;
width: 154px;
height: 53px;
background: url(images/phone_num.gif);
}

#txt-3-steps h1 {
margin: 0 auto;
width: 288px;
height: 51px;
background: url(images/txt_3_easy_steps.gif);
}

#txt-move-from h1, #txt-move-to h1 {
margin: 0 auto;
height: 14px;
}

#txt-move-from h1 {
width: 95px;
background: url(images/txt_move_from.gif);
}

#txt-move-to h1 {
width: 70px;
background: url(images/txt_move_to.gif);
}

#menu-wrapper {
height: 42px;
margin-bottom: 30px;
}

.box-wrapper {
padding-top: 20px;
background: url(images/box_top.gif) no-repeat top;
}

.box-content {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-bottom: 10px;
width: 602px;
background: url(images/box_bottom.gif) no-repeat bottom;
}

.left-content {
border-right: 1px solid #ccc;
}

.right-content, .left-content {
float: left;
width: 45%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}

.icon-container-main, .icon-container-center {
float: left;
width: 198px;
}

.icon-container-sub {
float: left;
width: 145px;
}

.icon-container-center {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.icon-space {
margin-bottom: 13px;
}

.icon-style-main a, .icon-style-sub a {
height: 55px;
display:block;
text-indent:-5000px;
background-repeat: no-repeat;
}

.icon-style-main a {
margin-left: 3px;
width: 195px;
height:78px;
}

.icon-style-sub a {
margin-left: 25px;
width: 115px;

}

#icon-moving a {
background: url(images/icon_moving.gif);
}

#icon-storage a {
background: url(images/icon_storage.gif);
}

#icon-moving-storage a {
background: url(images/icon_moving_storage.gif);
}

#icon-plumbers a {
background: url(images/icon_plumbers.gif);
}

#icon-carpet a {
background: url(images/icon_carpet.gif);
}

#icon-elec a {
background: url(images/icon_elec.gif);
}

#icon-carpentery a {
background: url(images/icon_carpentery.gif);
}

#icon-painting a {
background: url(images/icon_painting.gif);
}

#icon-flooring a {
background: url(images/icon_flooring.gif);
}

#icon-roofing a {
background: url(images/icon_roofing.gif);
}

#icon-locksmiths a {
background: url(images/icon_locksmiths.gif);
}

#icon-aircon a {
background: url(images/icon_aircon.gif);
}

#icon-carrental a {
background: url(images/icon_carrental.gif);
}

#icon-plastering a {
background: url(images/icon_plastering.gif);
}

#icon-gardening a {
background: url(images/icon_gardening.gif);
}

#icon-pools a {
background: url(images/icon_pools.gif);
}

#icon-fencing a {
background: url(images/icon_fencing.gif);
}

#icon-security a {
background: url(images/icon_security.gif);
}

#icon-flight a {
background: url(images/icon_flight.gif);
}

#text-services p, #text-coming p {
display: block;
text-indent:-5000px;
margin-top: 30px;
height: 18px;
}

#text-coming p {
width: 185px;
background: url(images/text_coming.gif);
}

#text-services p {
width: 106px;
background: url(images/text_our_services.gif);
}

#banner-wrapper {
position: absolute;
margin-top: 74px;
left: 33px;
}
.banner {
margin-bottom: 20px;
width: 100px;
height: 220px;
/* background: url(images/banner_sample.gif); */
}
.display 
{
	display:inline;
}

h1
{
font-size: 10px;
}

.yellow_normal_text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal;
font-weight: bold; color: #ffcc00; text-decoration: underline}
a.yellow_normal_text:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold;color: #fff;text-decoration: underline}
.white_normal_text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #FFFFFF;}



.BlueHeader{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:24px; color:#079ae0;
	text-decoration:none;
}
.YellowHeader{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:24px; color:#fbc200;
	text-decoration:none;
}
.DiscripHeader{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:12px; color:#000000;
	text-decoration:none;
}
.DiscripHeaderBlue{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:12px; color:#079ae0;
	font-weight:bold;
	text-decoration:none;
}
.HeaderTxTBody{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:14px; color:#ffffff;
	font-weight:bold; font-style:italic;
	text-decoration:none;
}
.TxTBody{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:11px; color:#ffffff;
	text-decoration:none;
}
.TxTBody a{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:11px; color:#fbc200;
	text-decoration:underline;
}



div.mcradio
{
	padding-left:10px;
	line-height:1px;
}
div.mcradio span input
{
	padding: 0 0 0 0;
	line-height:1px;
	
}

#menu-wrapper-withcounter {
height: 70px;
/*margin-bottom: 30px;*/
}

div.ann_counter
{
	font:normal 11px/15px Verdana, Arial;
	color:#333;
	text-align:right;
	margin:6px 0px 6px 0px;
	height:18px;
}

div.ann_counter b
{
	background-color:#444;
	color:#ddd;
	width:14px;
	height:14px;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	font-weight:bold;
	display:inline-block;
}



table.drivableclass
{
}

table.drivableclass label
{
	display:inline-block;
	padding:0 20px 0 0;
	margin:0;
}

table.drivableclass label img
{
	margin:0;
	display:inline-block;
	cursor:pointer;
}

#mctooltip
{
	position:absolute;
	width:200px;
	background-color:#ffc;
	font-size:11px;
	color:#333;
	left:1px;
	top:1px;
	border:solid 1px #333;
	z-index:10;
	padding:3px;
	display:none;
}






#mcwrapclass
{
	margin:0;
	display:block;
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:11px; 
	color:#222;
	text-decoration:none;
	padding-top:148px;
}

#mcwrapclass p
{
	margin:0;
	padding-top:10px;
}

#mcwrapclass span.BlueHeader
{
	font-size:24px; color:#0574c5;
	text-decoration:none;
}

#mcwrapclass span.hilight-red{color:#d63700; text-decoration:underline;}
#mcwrapclass span.hilight-red-bold{ font-weight:bold; color:#d63700; text-decoration:underline;}
#mcwrapclass span.hilight-gray-bold{ font-weight:bold; color:#222; text-decoration:underline;}
#mcwrapclass span.whitetxt
{
	color:#fff;
	text-decoration:none;
}

#mcwrapclass div
{
	padding-left:20px;
	padding-right:15px;
	margin:0;
	padding-top:0px;
	display:block;
}

#mcwrapclass div.box1
{
	
}

#mcwrapclass div.box2
{
	margin-top:50px;
	
}

#mcwrapclass div.box3
{
	margin-top:48px;
}

#mcwrapclass div.box4
{
	margin-top:50px;
}

#mcwrapclass div.box5
{
	margin-top:30px;
	padding:0px;
	text-align:center;
}

#mcwrapclass div.box6
{
}

.DiscripHeader{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:12px; color:#000000;
	text-decoration:none;
}
.DiscripHeaderBlue{
	font-family:Arial, "Trebuchet MS", Verdana;
	font-size:12px; color:#0574c5;
	font-weight:bold;
	text-decoration:none;
}	

/*Styling added by ROI.com.au*/
#ROI {
	padding-top:20px;
	padding-bottom:5px;
}
#ROI h1{
	font-size: 130%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
	color: #26a5d8;
}
#ROI h2{
	font-size: 115%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
	color: #ff9400;
}
#ROI h3{
	font-size: 115%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
	color: #666;
	margin-top:50px;
}
#ROI p, #ROI ul, #ROI ol{
	font-size: 110%;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
}
#ROI a, #ROI a:hover, #ROI a:visited{
	text-decoration:none;
	color:#666;
}

.mailerr {
	font-size:9px;
	color:red;
}

#phone-num p {
	float: right;
	width: 154px;
	height: 53px;
	background: url(images/phone_num.gif);
	margin: 0px;
}

.home_h1 {
	text-indent:-9999px;
	display:block;
}