/* GENERAL */
body                {font-family:Arial;margin:0;padding:0;background:#E0E0E0 url(../images/Body_BG.gif) repeat-x;text-align:center;}
.clear              {clear:both;margin:0px;}
h2                  {}
h3                  {}
img                 {text-decoration:none;border:0;}

/* ENQUIRY FORM */
.row                {float:left;margin-bottom:10px;width:480px;}
.row span           {float:left; display:inline;width:150px;font-size:90%;color:#676767;margin-top:4px;}
.row input          {float:left; display:inline;width:300px;font-size:90%;color:#676767;}
.row select         {float:left; display:inline;width:300px;font-size:90%;color:#676767;}
.row textarea       {float:left; display:inline;width:300px;font-size:100%;color:#676767;}
.row .rowcheckbox   {float:left; display:inline;width:195px;}
.row .rowcheckbox input   {float:left; display:inline;width:20px;}
.row .rowcheckbox label   {float:left; display:inline;width:170px;color:#676767;margin-top:3px;}
.submitbutton       {float:right; display:inline;Margin:5px 30px 0 0px;width:90px;}
.row2               {float:left;margin-bottom:5px;width:380px;font-size:90%;color:#676767;margin-top:10px;}

.rowvalidator span  {font-size:100%;color:#676767;}


/* ALL PAGES */
#Page                   {border-bottom:1px solid #ADAEAD;background:#AFAFAF;width:903px;padding-left:27px;margin:0px auto;text-align:left;font-size:8pt;}
#InnerPage              {background:#FFFFFF url(../images/Page_Content_BG.gif) no-repeat bottom left;width:874px;}

#Header                 {margin-bottom:12px;}
.LinkBar                {border-top:6px solid #22A06F;width:874px;text-align:center;height:22px;margin-bottom:30px;font-size:10pt;}
.LinkBar a              {background:url(../images/Link_BG.gif) no-repeat top left;line-height:22px;display:block;float:left;margin-left:-20px;width:114px;color:#505050;text-decoration:none;position:relative;z-index:10;}
.LinkBar a:Hover        {text-decoration:underline;}
.LinkBar a.Selected     {background:url(../images/Link_Hover.gif) no-repeat top left;z-index:200;color:#FFF;width:114px;}
.LinkBar a.Long         {width:186px;background:url(../images/Link_Long_BG.gif) no-repeat top left;}
.LinkBar a.LongSelected {background:url(../images/Link_Long_Hover.gif) no-repeat top left;z-index:200;color:#FFF;width:186px;}

.ServicesLinks          {height:18px;width:854px;padding-left:20px;background:#22A06F;color:#4EFF00;line-height:18px;}
.ServicesLinks a        {color:#FFF;text-decoration:none;}
.ServicesLinks a:Hover  {text-decoration:underline;}


#Footer                 {color:#FFF;background:url(../images/Footer_BG.gif) no-repeat bottom;height:53px;width:930px;padding-top:4px;font-size:8pt;text-align:center;margin:0px auto;}
#Footer a               {color:#FFF;}
#Footer a:Hover         {color:#22A06F;}

/* HOME PAGE */

#HomeContent            {background:url(../images/Home_Colour_Stripes.gif) no-repeat bottom right;width:874px;}

.HomeLeftCol            {width:500px;float:left;display:inline;}
.SpaLandLogo            {height:90px;width:359px;}

.HomeTextArea           {color:#999999;background:url(../images/Home_Text_BG.gif) no-repeat bottom right;width:424px;margin-left:42px;padding-bottom:24px;margin-top:6px;height:240px;font-size:120%;}
.HomeTextArea a         {color:#999999;text-decoration:underline;}
.HomeTextArea a:Hover   {color:#666666;}

.HomeImageBox           {width:412px;height:142px;margin:16px 0px 0px 42px;}

.HomePhoneFax			{font-size:160%;color:#22A06F;text-align:right;margin-top:10px;margin-right:38px;}

.HomeRightCol           {width:330px;float:left;display:inline;margin-top:80px;padding-left:42px;}
.HomeRightCol a.services{width:70px;margin-left:28px;height:200px;display:block;float:left;}

.HomeBaliLogo           {float:right;display:inline;margin:30px 20px 0px 0px;}

.Purenet                {font-size:8pt;color:#949494;margin-top:20px;margin-bottom:10px;}
.Purenet a              {color:#949494;text-decoration:none;}
.Purenet a:Hover        {text-decoration:underline;}


/* INNER PAGE */
.PageTitle h2           {color:#22A06F;font-size:200%;font-weight:bold;margin-top:6px;}

#InnerContentLandscaping{background:url(../images/Inner_Landscaping_BG.gif) no-repeat top right;width:874px;}
#InnerContentCommercial {background:url(../images/Inner_Commercial_BG.gif) no-repeat top right;width:874px;}
#InnerContentMaintenance{background:url(../images/Inner_Maintenance_BG.gif) no-repeat top right;width:874px;}
 
.InnerContentTop        {}
.InnerTopLeft           {float:left;display:inline;width:470px;}
.InnerTopRight          {float:right;display:inline;font-size:160%;color:#22A06F;text-align:right;margin:10px 38px 0px 0px;}
.InnerTopRightService	{float:left;display:inline;width:400px;}

.InnerContentBottom     {}

.InnerTextArea          {color:#999999;background:url(../images/Home_Text_BG.gif) no-repeat bottom right;width:424px;margin-left:42px;padding-bottom:24px;margin-top:6px;float:left;display:inline;font-size:120%;}
.InnerTextArea a        {color:#999999;text-decoration:underline;}
.InnerTextArea a:Hover  {color:#666666;}

.InnerRightImageOuter   {float:left;display:inline;background:url(../images/Inner_Right_Image_Top.gif) no-repeat top left;margin-top:20px;}
.InnerRightImage        {background:url(../images/Inner_Right_Image_Bottom.gif) no-repeat bottom right;padding:10px;}

.InnerImageBox          {width:530px;height:100px;margin:16px 0px 0px 42px;float:left;display:inline;}
.InnerBaliLogo          {float:right;display:inline;margin:10px 40px 10px 0px;}

/* INNER GENERIC PAGE */

#InnerContent           {width:874px;}
.GenericImageBox        {width:874px;text-align:center;margin:0px 0px 10px 0px;}

.GenericContent         {color:#999999;margin-left:30px;width:814px;font-size:120%;}
.GenericContent a       {color:#999999;text-decoration:underline;}
.GenericContent a:Hover {color:#666666;}

/* CONTACT US */
.ContactUsForm          {margin:20px 0px 20px 100px;}


/* NEWS ITEMS */
.NewsListing            {margin:0px 0px 50px 10px;}
.NewsItem               {border:2px solid #999;width:148px;height:136px;padding:10px;text-align:center;float:left;display:inline;margin:0px 29px 20px 0px;}
.NewsTitle              {margin-top:4px;}
.NewsTitle a			{color:#22A06F;}
.NewsImage              {height:104px;padding-bottom:4px;}

.StoryImage             {float:left;display:inline;margin:20px;min-height:30px;min-width:30px;}
.StoryContent           {}
.BackButton             {float:right;display:inline;margin:20px 0px;}

/*****************************************************************************/
/* Notices and messages
/*****************************************************************************/

#confirm {
	padding: 1em 1em 1em 6em;
	margin: 0 0 0.5em 0;
	font-size: 100%;
	text-align: left;
	background: #DDEBB8 url(../images/confirm-bg.png) bottom left no-repeat;
	border: 1px solid #AEE756;
	color: #000;
}
#warning {
	padding: 1em 1.5em 0 5em;
	margin: 0 0 0.5em 0;
	font-size: 100%;
	text-align: left;
	background: #FFFDD4 url(../images/warning-bg.png) top left no-repeat;
	border: #F9DD87 1px solid;
	color: #000;
}
.notice {
	padding: 0 0.8em 0 6em;
	margin: 0 0 0.5em 0;
	font-size: 100%;
	text-align: left;
	background: #FFFFCC url(../images/icon-info.gif) 1.5em 1.3em no-repeat;
	border: 1px solid #ccc;
	color: #000;
}

/*****************************************************************************/
/* Bottom Logos
/*****************************************************************************/

div#bottom-logos {
  padding: 0 60px;
  text-align: left;
}
div#bottom-logos p {
  font-size: 12px;
  margin: 20px 0 0 0;
  width: 55%;
	float: left;
}
div#bottom-logos ul {
  margin: 0;
  padding: 0;
	list-style: none;
	float: right;
}
div#bottom-logos ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 0 0.4em 0.8em 0.4em;
  padding: 4px;
  zoom: 1;
  *display: inline;
  text-align: left;
  font-size: 85%;
  line-height: 1.4em;
  background-color: #fff;
  text-decoration: none;
}
div#bottom-logos ul li a {
  color: #999;
  text-decoration: none;
}

/*****************************************************************************/
/* Home
/*****************************************************************************/

div#home-logos {
  text-align: center;
}
div#home-logos ul {
  margin: 2em 0 0 0;
  padding: 0;
	list-style: none;
}
div#home-logos ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 0 0.4em 0.8em 0.4em;
  padding: 4px;
  zoom: 1;
  *display: inline;
  text-align: left;
  font-size: 85%;
  line-height: 1.4em;
  background-color: #fff;
  text-decoration: none;
}
div#home-logos ul li a {
  color: #999;
  text-decoration: none;
}

/*****************************************************************************/
/* Logos
/*****************************************************************************/

div#logos {
  text-align: center;
}
div#logos ul {
  margin: 2em 0 0 0;
  padding: 0;
	list-style: none;
}
div#logos ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 0 0.4em 0.8em 0.4em;
  padding: 4px;
  zoom: 1;
  *display: inline;
  text-align: left;
  font-size: 85%;
  line-height: 1.4em;
  background-color: #fff;
  border: #ccc 1px solid;
  text-decoration: none;
}
div#logos ul li a {
  color: #999;
  text-decoration: none;
}

/*****************************************************************************/
/* Health and Safety
/*****************************************************************************/

div#accreditations {
  text-align: center;
}
div#accreditations ul {
  margin: 2em 0 0 0;
  padding: 0;
	list-style: none;
}
div#accreditations ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  margin: 0 0.4em 0.8em 0.4em;
  padding: 1em;
  zoom: 1;
  *display: inline;
  text-align: left;
  line-height: 1.4em;
  background-color: #fff;
  text-decoration: none;
}
div#accreditations ul li img {
  margin-right: 2em;
  float: left;
}
div#accreditations ul li a {
  color: #999;
  text-decoration: none;
}

/*****************************************************************************/
/* Environment
/*****************************************************************************/

.environment li {
  margin: 4px 0;
}

/*****************************************************************************/
/* Case Studies
/*****************************************************************************/

#myStaticGalleryListWrapper {
    position: relative;
    width: 800px;
    height: 500px;
    overflow: hidden;
    text-align: center;
}
#myStaticGallery {
    height: 380px;
    width: 600px;
    text-align: center;
}
#myStaticGallery div {
  height: 370px;
  padding: 20px;
  text-align: left;
  background-color: #fff;
}
#myStaticGallery div h3 {
  margin: 0 0 10px 0;
  font-size: 160%;
  color: #22a06f;
}
#myStaticGalleryHelper {
    position: absolute;
    top: 0;
    left: 0;
}
#myStaticGallery, #myStaticGalleryHelper {
    list-style: none;
    margin: 0;
    padding: 0;
}
#myStaticGalleryHelper li {
    opacity: 0.6;
    filter: alpha(opacity = 50);
    margin: 0 3px 6px 3px;
    padding: 0;
    border: 1px solid #fff;
    width: 200px;
    height: 50px;
    cursor: pointer;
}
#myStaticGalleryHelper li:hover {
    border: 1px solid #666;
}
#myStaticGalleryHelper li.myStaticGalleryHelperItemActive {
    opacity: 1;
    filter: alpha(opacity = 100);
    border: 1px solid #ccc;
}
#myStaticGallery li {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 580px;
    min-height: 360px;
}
#myStaticGallery li.myStaticGalleryItemActive {
    z-index: 1;
    border: 1px solid #ccc;
}

/*****************************************************************************/
/* Contact Page
/*****************************************************************************/

#contact.cols-two .col1 {
  width: 28% !important;
  margin-right: 7% !important;
  float: left;
}
#contact.cols-two .col2 {
	width: 62% !important;
  margin-right: 0 !important;
  float: left;
}
* html #contact.cols-two .col1 {
  margin-right: 4.4% !important;
}
#contact .field_inline {
	width: 50%;
	display: inline;
	float: left;
}
#contact .field_inline input {
	width: 94%;
}
#contact .field_inline .right input {
	width: 100%;
}

/*****************************************************************************/
/* Forms
/*****************************************************************************/

fieldset {
  margin: 0;
  padding: 1em;
  background: #f7f7f7;
  border:1px solid #e3e3e3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
}
form {
	margin: 0;
	padding: 0;
}
form p {
	margin: 0;
	padding: 0;
}
form #vendor-list ul,
form #service-list ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
form #vendor-list ul li,
form #service-list ul li {
	margin: 0 0 0 0;
	margin-right: 6px;
	padding: 0 0 0 0;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	_height: 30px;
	vertical-align: top;
	border: none;
}
label {
	font-size: 90%;
	font-weight: normal;
	display: block;
	color: #666666;
}
label.inline {
	display: inline;
	position: relative;
}
input,
select {
	font-size:120%;
}
input[type="text"].short {
	width: 120px;
}
input[type="text"],
input[type="password"],
textarea,
select {
  border:1px solid #aaaaaa;
  padding:2px;
  margin-top:2px;
}
input[type="text"],
input[type="password"],
textarea{
	width: 350px;
}
input.checkbox {
  width:15px;
  background:none;
  border:0;
}
input.radio_button {
  width:15px;
  background:none;
  border:0;
}
input.small, select.small {
  width:80px;
}
input.large, select.large {
  width:200px;
}
input.extra_large, select.extra_large {
  width:300px;
}

input.longest {
	width: 99%;
}
input.big {
	font-size: 150%;
	font-weight: bold;
}
input.name {
	width: 166px;
}
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
  border:1px solid #888888;
}
input:active, textarea:active, select:active {
  border:1px solid #888888;
}
input.submit {
	padding: 0.2em 1em;
  font-size: 140%;
  color: #444;
	font-weight: bold;
}
input.submit:hover {
  cursor: pointer;
}
textarea {
  width: 99%;
	font-size:100%;
}
textarea.deep {
  height:350px;
}
textarea.shallow {
  height:50px;
}