/* ----- CSS ----- */
/* ----- SCREEN ELEMENTS ----- */
/* ----- COMMON ELEMENTS ----- */

html, body, h1, h2, h3, h4, h5, h6, p, ol, td, th, img, object {
	margin: 0;
	padding: 0;
	border: none;
}

html,body {
  height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*editable*/
	font-size: 11px; /*editable*/
	color: #888888; /*editable*/
	background: transparent; /*editable*/
	height: 100%;
}

table {
	border-collapse: collapse;
 	border-spacing: 0;
	height: 100%;
	width: 100%;
}

a:link, a:visited, a:active {
	color: #888888; /*editable*/
	text-decoration: none;
}

a:hover {
	color: #666; /*editable*/
	text-decoration: none;
}

.hide {
  display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ----- LAYOUT ELEMENTS ----- */

h1 {
  font-size: 10px; /*editable*/
  color: #999; /*editable*/
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-weight: normal;
}

h2 {
  margin: 12px 0 15px 0;
  font-size: 16px; /*editable*/
  color: #888888; /*editable*/
}

p {
  margin: 12px 0;
}

#wrapper {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#banner-wrapper {
  background: transparent; /*editable*/
}

#banner {
	width: 900px;
	margin: 0 auto;
	position: relative;
  height: 40px; /*editable*/
}

#header-wrapper {
  background: #fff; /*editable*/
}

#header {
	width: 900px; /*editable*/
	margin: 0 auto;
	position: relative;
	text-align: center;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#header table {
  margin: 0 auto;
  height: 220px; /*editable*/
}
#header table tr {
  vertical-align: middle;
}
#header table td {
  width: 50%;
  text-align: center;
}
#header table td#dynamic {
  padding: 5px 0; /*editable*/
}


#structure-wrapper {
  background: transparent; /*editable*/
}

#structure {
  width: 900px;
  margin: 0 auto;
  overflow: none;
  padding-top: 15px;
  padding-bottom: 50px;
}

#content-holder {
  padding: 0 0 10px 0;
  width: 900px;
}

#content-holder.form {
  background: transparent url(image?color=888888) repeat-y; /*editable*/
}

#content {
  padding-bottom: 20px;
  min-height: 200px; /*editable*/
  height: auto !important;
  height: 200px; /*editable*/
}
#content address {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 20px;
}
#content-holder.form #content address {
  width: 380px;
}
#content-holder.form #content {
  padding-top: 1px;
  width: 399px;
  padding-bottom: 20px;
  float: left;
}

#form-holder {
  float: left;
  width: 460px;
  margin-left: 20px;
  height: 500px;
  padding-left: 21px;
  padding-bottom: 20px;
  min-height: 200px; /*editable*/
  height: auto !important;
  height: 200px; /*editable*/
}


dl dt {
  float: left;
  width: 30px;
  font-weight: bold;
}

#footer-wrapper {
  border-top: 1px solid #cccccc; /*editable*/
  background: #fff; /*editable*/
  position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}

#footer {
	font-size: 10px; /*editable*/
	padding: 10px 0 10px 0;
	width: 900px;
	margin: 0 auto;
	color: #cccccc; /*editable*/
}
#footer p {
  text-align: right;
  margin: 0;
}
#footer p.copyright {
  float: left;
}
#footer p a {
  color: #cccccc; /*editable*/
}
#footer p a:hover {
  color: #999;
}

/* ----- FORM ELEMENTS ----- */

form {
  margin: 0;
  padding: 0;
}
form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
form fieldset p {
  font-size: 10px;
  margin: 12px 0 15px 0;
}
form fieldset dl {
  margin: 15px 0;
}
form fieldset dl dt, form fieldset dl dd {
  line-height: 20px;
  min-height: 22px;
}
form#enquiry fieldset dl dt {
  width: 130px;
  font-size: 11px;
  float: left;
}
form fieldset input {
  width: 300px;
  border: 1px solid #cccccc; /*editable*/
  padding: 2px 2px 3px 2px;
  background: #ffffff !important; /*editable*/
  font-family: Verdana, Arial, Helvetica, sans-serif; /*editable*/
  font-size: 11px;
}
form fieldset input.focus, form fieldset input:focus {
  border: 1px solid #333333; /*editable*/
  background: 1px solid #333333 !important; /*editable*/
}
form fieldset textarea {
  width: 300px;
  border: 1px solid #cccccc; /*editable*/
  padding: 2px 2px 3px 2px;
  background: #ffffff !important; /*editable*/
  font-family: Verdana, Arial, Helvetica, sans-serif; /*editable*/
  font-size: 11px;
  height: 150px;
}
form fieldset textarea.focus, form fieldset textarea:focus {
  border: 1px solid #333333; /*editable*/
  background: 1px solid #333333 !important; /*editable*/
}
form fieldset button {
  margin-left: 130px;
  text-align: center;
  border: 1px solid #999;
  background: #f7f7f7;
  width: 100px;
  cursor: pointer;
  height: 25px;
  padding: 0 0 1px 0;
}
form fieldset button:hover, form fieldset button.hover {
  background: #eee;
  border: 1px solid #333;
}

div.error {
	background: #ffe4e3 url(images/error.jpg) no-repeat 20px 15px;
	border: 1px solid #e37e79; /*editable*/
	padding: 14px 45px 8px 45px;
	margin: 20px 0 10px 0;
	color: #444;
}
div.error h3 {
  text-indent: 0;
  font-size: 11px; /*editable*/
  font-weight: bold;
  margin: 0;
  line-height: 17px;
}
div.error ul {
  margin: 10px 0;
  padding: 0;
  list-style: inside square;
}
div.error ul li {
  margin-top: 2px;
  margin-bottom: 2px;
}

span.required {
  color: #ff0000; /*editable*/
}

input.error, textarea.error {
  border: 1px solid #e37e79; /*editable*/
}

/* ----- CUSTOM ELEMENTS ----- */

#header table td#dynamic {
  padding-right: 10px;
}
#header table td#dynamic #flash {
  margin: 0 0 0 auto !important;
}

#content a {
 text-decoration: underline;
}
#content a:hover {
 text-decoration: none;
}