body {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #5e6a71;
padding: 0 0 30px 0;
margin: 0;
}
#header {
width: 850px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 5px 0;
}
#headerLeft {
float: left;
width: 600px;
}
#headerRight {
float: right;
width: 228px;
height: 66px;
}
#header h3 {
 margin: 0;
 padding: 38px 0 0 30px;
 font-size: 14px;
 font-weight: normal;
}
#header h3 span {
color: #e17000;
font-weight: bold;
}
#distinctiveDesign {
 width: 850px;
 margin: 0 auto;
 background-image: url(../vc_images/distinctiveDesign_bg.gif);
 background-repeat: no_repeat;
 clear: both;
 }
#distinctiveDesign h2 {
 margin: 0;
 padding: 6px 0 6px 25px;
 font-size: 32px;
 font-weight: normal;
 color: #000;
 color: #fff;
text-align: left;
}
#butterflyHolder {
 width: 850px;
 margin: 0 auto;
 height: 400px;
 position: relative;
 }
 #butterfly {
 position: absolute;
 top: 250px;
 left: 330px;
 width: 234px;
 height: 179px;
 z-index: 20;
}
#butterfly_2 {
 position: absolute;
 top: 640px;
 left: -55px;
 width: 234px;
 height: 179px;
 z-index: 22;
}
#vertLine {
 overflow: hidden;
 border-right: 1px solid #818A8F;
}
#slideshow {
 float: left;
 width: 585px;

}
#slideshow img {
 float: left;
}
#contentWrapper {
 background-color: #fff;
 width: 850px;
 margin: 0 auto;
 overflow: hidden;
 padding: 0 0 0 0;
 border-top: 7px solid #818A8F;
 background-image: url(../vc_images/bg_fade_1.jpg);
 background-repeat: repeat-x;
 background-position: left bottom;
}
#content {
 float: left;
 width: 590px;
 padding: 0;
}
#content p {
 margin: 0;
 padding: 0 35px 10px 0px;
 line-height: 20px;
 color: #818A8F;
}
#content h2 {
 margin: 0;
 padding: 15px 0 10px 0;
 color: #818A8F;
 }
 #content span {
 color: #818A8F;
 font-size: 16px;
 }
 #topNav {
  overflow: hidden;
  padding: 0 0 0 0;
 }
 #topNav ul {
  margin: 0;
  padding: 0 0 0 0;
 }
  #topNav li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
 }
  #content #topNav li a span {
   font-size: 12px;
 }
  #content #topNav li a {
  margin: 0;
  padding: 6px 0 5px 6px;
  text-decoration: none;
  float: left;
  display: block;
  color: #fff;
  background-color: #fff;
  background-image: url(../vc_images/topNav_a_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
 }

  #content #topNav li a span {
  padding: 6px 12px 6px 6px;
  background-image: url(../vc_images/topNav_a_span_bg.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
  color: #fff;
  background-color: #fff;
 }

 #content #topNav li a:hover {
 background-image: url(../vc_images/topNav_a_hover_bg.gif);
 background-repeat: no-repeat;
 }
#content #topNav li a:hover span {
  background-image: url(../vc_images/topNav_a_span_hover_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  }
#contentLeft {
float: left;
width: 180px;
padding: 70px 0 0 0;
clear: both;
}
#contentLeft p {
margin: 0;
padding: 0 10px 0 0;
font-size: 18px;
line-height: 30px;
}
#contentRight {
float: left;
width: 410px;
padding: 0 0 15px 0;
}
#contentRight .designServicesLeft, #contentRight .designServicesRight  {
float: left;
width: 205px;
}
.designServices {
 margin: 0;
 padding: 0;
}
.designServices li {
 margin: 0 0 4px 0;
 padding: 0 0 0 15px;
 list-style: none;
 font-size: 13px;
 background-image: url(../vc_images/red_bullet.gif);
 background-repeat: no-repeat;
 background-position: left center;
}
#contentRightNav {
padding: 40px 0 10px 0;
clear: both;
}
#contentRightNav ul {
 margin: 0;
 padding: 0 0 0 0;
}
#contentRightNav li {
 margin: 0;
 padding: 0;
 list-style: none;
 float: left;
}
#contentRightNav li a {
display: block;
float: left;
padding: 0 7px;
color: #5e6a71;
}
#contentRightNav li a:hover {
color: #000;
}
 
#controlsWrapper {
float: left;
width: 249px;
background-color: #fff;
padding: 0;
margin-left: 15px;
display: inline;
}
#controlsWrapper p {
 margin: 0;
 padding: 0;
 color: #5e6a71;
}
#controlsWrapper h2 {
 color: #818A8F;
 margin: 0;
 padding: 15px 0 10px 0;
 
}
address {
font-style: normal;
color: #5e6a71;
padding: 0 0 0 0;
}
#contactUs {
float: left;
width: 250px;

padding: 0 0 15px 0;

}
#contactUs p {
 margin: 0;
 padding: 0;
 color: #5e6a71;
}
#contactUs h2 {
 color: #818A8F;
 margin: 0;
 padding: 15px 0 10px 0;
 
}
address {
font-style: normal;
color: #5e6a71;
padding: 0 0 20px 0;
}
address span {
 font-size: 15px;
 font-weight: bold;
 color: #e17000;
}
/* form css */
form {
 margin: 0;
 padding: 0 0 0 0;
}
input {
 width: 243px;
 background-color: #fff;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
  color: #818A8F;
  border: 1px solid #818A8F;
}
textarea {
 width: 243px;
 background-color: #fff;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 11px;
  color: #818A8F;
  border: 1px solid #818A8F;
}
#subButton {
 width: 100px;
 padding: 0 0 0 0;
 margin: 6px 0 0 0;
}
#enquiryForm p {
 margin: 0;
 padding: 0 0 6px 0;
}
#footerWrapper {
 width: 850px;
 margin: 0 auto;
 
}

#footerLeft {
 float: left;
 width: 525px;
}
#footerLeft img {
 float: right;
}
#footerLeft p {
 clear: both;
 margin: 0;
 padding: 3em 0 0 0;
 font-size: 11px;
 color: #5e6a71;
}
#footerRight {
 float: left;
 width: 325px;
 text-align: right;
}
#formError {
 margin: 0 0 0 0;
}
#formError p {
 color: #CC0000;
 padding: 0 0 0 0;
 margin: 0;
}
#controls {
}
#controls ul {
 margin: 0;
 padding: 0;
}
#controls li {
 margin: 0 0 10px 0;
 padding: 0;
 float: left;
 list-style: none;
}
#controls a {
 display: block;
 float: left;
 width: 34px;
 height: 34px;
 margin-right: 6px;
}
#controls a {
outline: none;
}