body {
background-color:#dfdfdf;
color:#000;
background-image:url(images/body_bg.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}

div,h1,h2,p,form,label,input,textarea,img,span {
margin:0;
padding:0;
}

ul {
list-style-type:none;
font-size:0;
margin:0;
padding:0;
}

.spacer {
clear:both;
font-size:0;
line-height:0;
}

a:link {
color:#497C00;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#333;
}

#top ul {
width:320px;
height:29px;
position:absolute;
left:635px;
top:74px;
}

#top ul li a {
background:url(images/nav_bg.gif) 0 0 no-repeat;
width:102px;
height:29px;
display:block;
font:bold 11px/29px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
background-color:inherit;
}

#top ul li a:hover {
background:url(images/nav_hover.gif) 0 0 no-repeat;
width:102px;
height:29px;
color:#4C4C4C;
background-color:inherit;
}

#top ul li.hover {
float:left;
background:url(images/nav_hover.gif) 0 0 no-repeat;
width:102px;
height:29px;
display:block;
font:bold 11px/29px Arial, Helvetica, sans-serif;
color:#4C4C4C;
text-decoration:none;
text-transform:uppercase;
text-align:center;
background-color:inherit;
margin:0 1px 0 0;
}

#top1 ul {
	width:349px;
	height:29px;
	position:absolute;
	left:613px;
	top:75px;
}

#top1 ul li a {
background:url(images/nav_bg2.gif) 0 0 no-repeat;
width:112px;
height:29px;
display:block;
font:bold 11px/29px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
background-color:inherit;
}

#top1 ul li a:hover {
background:url(images/nav_hover2.gif) 0 0 no-repeat;
width:112px;
height:29px;
color:#4C4C4C;
background-color:inherit;
}

#top1 ul li.hover {
float:left;
background:url(images/nav_hover2.gif) 0 0 no-repeat;
width:112px;
height:29px;
display:block;
font:bold 11px/29px Arial, Helvetica, sans-serif;
color:#4C4C4C;
text-decoration:none;
text-transform:uppercase;
text-align:center;
background-color:inherit;
margin:0 1px 0 0;
}

#header {
	width:920px;
	border-left:#fff solid 7px;
	border-right:#fff solid 7px;
	height:118px;
	background-image:url(images/header.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	margin:0 auto;
	padding:0 17px;
}

#header h1 {
	display:block;
	height:23px;
	width:820px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#036;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	text-align: left;
}

#header h2 {
	display:block;
	height:23px;
	width:750px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 11px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

#header h2 span {
color:#036;
width:448px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:22px;
font-weight:700;
padding:0;
}

#header p {
	color:#333;
	background-color:inherit;
	text-align:left;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	font-weight:700;
	padding-left:30px;
	padding-right:250px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#header p span {
color:#F60;
padding:0;
}

#header a {
background:url(images/btn_click.gif) 0 0 no-repeat;
width:228px;
height:25px;
display:block;
margin:0 0 0 370px;
}

#header a:hover {
background:url(images/btn_click_hover.gif) 0 0 no-repeat;
}

#body {
	width:968px;
	background-color:#FFF;
	color:#000;
	text-align:left;
	margin:0 auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#body ul.nav {
	width:900px;
	height:46px;
	border-bottom:#EEE solid 4px;
	background-color:#fff;
	color:#000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 65px;
}

#body ul.nav li.navLink {
	display:block;
	float:left;
	height:22px;
	background-image:url(images/nav_div.gif);
	background-repeat:repeat-y;
	background-position:right top;
	padding-top: 0;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 0;
}

#body ul.nav li.navLinkNoBdr {
	display:block;
	background-image:none;
	float:left;
	height:25px;
	padding-top: 0;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 0;
}

#body ul.nav li.navLink a.service {
	display:block;
	color:#FF0000;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#fff;
	background-image:url(images/more_links_icon_hover.gif);
	background-repeat:no-repeat;
	background-position:2 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 25px;
}

#body ul.nav li.navLink a.service:hover {
	color:#39638A;
	background-color:#fff;
	background-image:url(images/more_links_icon_hover.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
}

#body ul.nav li.navLink a.testimonial {
	display:block;
	background:url(images/testimonial_icon.gif) 10px 7px no-repeat #fff;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 25px;
}

#body ul.nav li.navLink a.testimonial:hover {
background:url(images/testimonial_icon_hover.gif) 10px 7px no-repeat #fff;
color:#39638A;
}

#body ul.nav li.navLink a.project {
	display:block;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
	background-color:#fff;
	background-image:url(images/more_links_icon.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 25px;
}

#body ul.nav li.navLink a.project:hover {
	color:#39638A;
	background-color:#fff;
	background-image:url(images/more_links_icon_hover.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}

#body ul.nav li.navLink a.privacy {
display:block;
background:url(images/privacy_icon.gif) 12px 7px no-repeat #fff;
font:bold 13px/46px Arial, Helvetica, sans-serif;
color:#171717;
text-transform:uppercase;
text-decoration:none;
padding:0 8px 0 42px;
}

#body ul.nav li.navLink a.privacy:hover {
background:url(images/privacy_icon_hover.gif) 12px 7px no-repeat #fff;
color:#39638A;
}

#body ul.nav li.navLinkNoBdr a.moreLink {
	display:block;
	background:url(images/more_links_icon.gif) 8px 7px no-repeat #fff;
	color:#171717;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 0 49px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
}

#body ul.nav li.navLinkNoBdr a.moreLink:hover {
background:url(images/more_links_icon_hover.gif) 8px 7px no-repeat #fff;
color:#39638A;
}

#left {
width:386px;
float:left;
padding:5px 15px 0 22px;
}

img {
border-style:none;
}

img.left {
position:relative;
float:left;
margin:0 0.8em 0.3em 0;
}

#leftBottom {
width:364px;
background:url(images/left_bottom_bg.gif) 0 0 repeat-y;
}

#leftBottom p.top1 {
background:url(images/left_bottom_top.gif) 0 0 no-repeat;
width:364px;
height:21px;
}

#leftBottom h2 {
background:url(images/left_bottom_h2.gif) 0 0 no-repeat;
width:364px;
height:52px;
}

#leftBottom p.lftBottomText {
font:bold 13px/19px Arial, Helvetica, sans-serif;
color:#91835B;
background-color:#fff;
margin:0 13px 0 18px;
}

#leftBottom p.lftBottomText span {
font:bold 13px/19px Arial, Helvetica, sans-serif;
color:#C24E01;
background-color:#fff;
}

#leftBottom p.bot1 {
background:url(images/left_bottom_bot.gif) 0 0 no-repeat;
width:364px;
height:25px;
}

#left2 {
	width:640px;
	float:left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 25px;
}

#left2 p.lftText2 {
font-style:normal;
vertical-align:middle;
margin:0;
padding:0;
}

img.left2 {
position:relative;
float:none;
background-image:url(AlamKulkul%20Boutique%20Resort%20Kuta);
margin:0 0.8em 0.3em 0;
}

#leftdetail {
width:650px;
float:left;
padding:5px 15px 0 22px;
}

#mid {
	width:232px;
	border:1px solid #999;
	color:#900;
	float:left;
	background-color:#EBEBD8;
	background-image:url(images/mid_panel_bg.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 13px;
	padding-bottom: 0;
	padding-left: 11px;
}

#mid h2 {
font:bold 22px/38px Arial, Helvetica, sans-serif;
}

#mid img {
width:232px;
height:109px;
margin:0 0 8px;
}

#mid h3 {
color:#000;
background-color:#EBEBD8;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:10px;
font-weight:700;
margin:0;
padding:0;
}

#mid p.midText {
color:#666;
background-color:#EBEBD8;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
font-weight:400;
margin:0 0 31px;
}

#mid p.midText2 {
font:bold 16px/22px Arial, Helvetica, sans-serif;
color:#666;
background-color:#EBEBD8;
margin:0 0 46px;
}

#right {
	width:254px;
	float:left;
	padding-left: 10px;
}

#right h2.mem {
width:214px;
height:57px;
background:url(images/member_login.gif) 0 0 no-repeat;
color:#7BCA0A;
background-color:inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:57px;
font-weight:700;
padding:0 0 0 50px;
}

#right h2.mem1 {
width:214px;
height:57px;
background:url(images/member_login.gif) 0 0 no-repeat;
color:#7BCA0A;
background-color:inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:57px;
font-weight:700;
padding:0 0 0 50px;
}

#right h2.solution {
color:#497C00;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:39px;
font-weight:700;
padding:0 0 0 17px;
}

#right ul li {
display:block;
background:url(images/solution_div.gif) left bottom repeat-x;
height:20px;
width:238px;
padding:0 0 1px;
}

#right ul li.noImg {
display:block;
background-image:none;
height:20px;
}

#right2 {
width:254px;
float:right;
border-left-width:1px;
border-left-style:dotted;
border-left-color:#CCC;
padding-right:10px;
padding-top:0;
margin-top:20px;
padding-left:10px;
}

#right2 h2.mem {
width:254px;
height:57px;
color:#FF0;
background-color:inherit;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:57px;
font-weight:700;
background-image:url(images/member_login2.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:0 0 0 10px;
}

#right2 h2.solution {
color:#696;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:30px;
font-weight:700;
padding:0 0 0 17px;
}

#right2 ul li {
display:block;
background:url(images/solution_div.gif) left bottom repeat-x;
height:25px;
width:238px;
padding:0 0 1px;
}

#bodyBottom {
width:953px;
float:left;
margin:18px 0 0;
padding:8px 8px 19px 7px;
}

#bodyBottom ul {
width:944px;
background-color:#F1F1F1;
color:#000;
float:left;
display:block;
padding:8px 0 8px 9px;
}

#bodyBottom ul li.one {
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#131313;
background-color:#fff;
float:left;
border-right:#F1F1F1 solid 8px;
display:block;
width:258px;
padding:7px 47px 36px 21px;
}

#bodyBottom ul li.two {
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#131313;
background-color:#fff;
float:left;
border-right:#F1F1F1 solid 8px;
display:block;
width:271px;
padding:7px 18px 36px 24px;
}

#bodyBottom ul li.three {
font:normal 12px/20px Arial, Helvetica, sans-serif;
color:#131313;
background-color:#fff;
float:left;
border-right:#F1F1F1 solid 8px;
display:block;
width:238px;
padding:7px 16px 16px 26px;
}

#bodyBottom2 {
width:660px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
border-top-width:thin;
border-top-style:dotted;
border-color:#CCC;
margin:12px 0 0;
padding:8px 8px 19px 30px;
}

#footerMain {
	width:968px;
	height:100px;
	background-color:#fff;
	color:#000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 16px;
	padding-left: 0;
}

#footer {
	width:953px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:100px;
	position:relative;
	margin:0 auto;
}

#footer ul {
	width:803px;
	position:absolute;
	left:66px;
	top:21px;
}

#footer ul li {
float:left;
color:#fff;
background-color:inherit;
font:normal 12px/16px Arial, Helvetica, sans-serif;
}

#footer ul li a {
font:normal 12px/16px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
text-decoration:none;
padding:0 11px;
}

#footer ul li a:hover {
color:#fff;
background-color:#03373B;
}

#footer p.copyright {
	font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FDFF35;
	background-color:inherit;
	position:absolute;
	left:347px;
	top:38px;
	margin-top:8px;
	margin-bottom:5px;
	width: 235px;
}

#footer a.xht {
width:85px;
height:20px;
background:url(images/xhtml_bg.gif) 0 0 no-repeat;
position:absolute;
left:391px;
top:63px;
margin:0;
}

#footer a.xht:hover {
background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}

#footer a.cs {
width:85px;
height:13px;
background:url(images/css_bg.gif) 0 0 no-repeat;
position:absolute;
left:478px;
top:63px;
margin:0;
}

#footer a.cs:hover {
background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}

#footer p.design {
display:block;
width:187px;
height:17px;
position:absolute;
left:382px;
top:83px;
font:bold 11px/17px Arial, Helvetica, sans-serif;
color:#fff;
background-color:#03373B;
text-transform:none;
text-align:center;
padding:3px;
}

#footer p.design a.link {
font:bold 11px/17px Arial, Helvetica, sans-serif;
color:#fff;
background-color:#03373B;
text-decoration:none;
text-transform:none;
}

#footer p.design a.link:hover {
color:#FDFF35;
background-color:#03373B;
}

.style1 {
font-family:Arial, Helvetica, sans-serif;
}

.style2 {
font-size:12px;
font-weight:700;
}

.style4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.style5 {
font-size:12px;
}

a:visited,a:active {
text-decoration:none;
color:#497C00;
}

#top,#top1 {
background:url(images/top_part.gif) 0 0 no-repeat;
width:968px;
height:120px;
position:relative;
margin:0 auto;
}

#top img,#top1 img {
position:absolute;
left:34px;
top:53px;
width:286px;
height:66px;
}

#top ul li,#top1 ul li {
float:left;
margin:0 1px 0 0;
}

#left h2,#left2 h2 {
color:#497C00;
background-color:#fff;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:16px;
font-weight:700;
margin:0 0 12px;
}

#left h1,#left2 h1 {
color:#497C00;
background-color:#fff;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
line-height:16px;
font-weight:700;
margin:0 0 12px;
}

#left p.lftText,#left2 p.lftText {
color:#333;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:19px;
font-weight:400;
font-variant:normal;
margin:0;
padding:0;
}

#left p.lftText span,#left2 p.lftText span {
color:#9E3F01;
background-color:#FFF6DB;
font:bold 12px/19px Arial, Helvetica, sans-serif;
}

#left p.viewMore,#left2 p.viewMore {
width:77px;
height:13px;
background:url(images/view_more_bg.gif) 0 0 repeat-x;
font-size:0;
display:block;
margin:5px 0 30px;
padding:0 0 0 288px;
}

#left p.viewMore a,#left2 p.viewMore a {
background:url(images/view_more.gif) 0 0 no-repeat;
width:77px;
height:13px;
display:block;
}

#left p.viewMore a:hover,#left2 p.viewMore a:hover {
background:url(images/view_more_hover.gif) 0 0 no-repeat;
}

#rightbox,#rightbox2 {
width:202px;
float:center;
}

#right form,#right2 form {
background:url(images/memberlogin_bg.gif) 0 0 repeat-y;
width:228px;
margin:0;
padding:0 18px;
}

#right form input.txtBox,#right2 form input.txtBox {
width:206px;
height:19px;
border-left:gray solid 1px;
border-top:gray solid 1px;
border-right:#D4D0C8 solid 1px;
border-bottom:#D4D0C8 solid 1px;
color:#000;
background-color:#fff;
margin:0 0 17px;
padding:0 0 0 20px;
}

#right form a,#right2 form a {
font:bold 12px/19px Arial, Helvetica, sans-serif;
color:#F60;
background-color:#131313;
text-decoration:underline;
float:left;
background:url(images/register_here_bg.gif) 0 5px no-repeat;
width:79px;
padding:0 0 0 14px;
}

#right form a:hover,#right2 form a:hover {
text-decoration:none;
}

#right form input.login,#right2 form input.login {
background:url(images/btn_login.gif) 0 0 no-repeat;
width:53px;
height:13px;
border:none;
cursor:pointer;
float:right;
}

#right p.bottom2,#right2 p.bottom2 {
background:url(images/memberlogin_bot.gif) 0 0 no-repeat;
width:264px;
height:25px;
margin:0 0 5px;
}

#right ul,#right2 ul {
width:238px;
padding:0 0 0 17px;
}

#right ul li a,#right2 ul li a {
background:url(images/arrow.gif) 0 7px no-repeat;
font:bold 11px/20px Arial, Helvetica, sans-serif;
color:#000;
background-color:#fff;
text-decoration:none;
display:block;
margin:0;
padding:0 0 0 14px;
}

#right ul li a:hover,#right2 ul li a:hover {
color:#A60303;
background-color:#ECECEC;
}

#bodyBottom ul li.one a,#bodyBottom ul li.two a,#bodyBottom ul li.three a {
font:bold 11px/43px Arial, Helvetica, sans-serif;
color:#D35400;
background-color:#fff;
text-decoration:underline;
display:block;
margin:0;
}

#bodyBottom ul li.one a:hover,#bodyBottom ul li.two a:hover,#bodyBottom ul li.three a:hover {
color:#528B00;
background-color:#fff;
text-decoration:none;
}