/***************************************
** COPYRIGHT NOTICE 
** Copyright 2007 Fyefield Associates Ltd All Rights Reserved.
** We will take legal action against those who copy
** our HTML content,CSS style sheets and JavaScript functions.
** Selling this code without prior written consent is
** expressly forbidden.
***************************************/

/*************************  main links *************************/

a:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 font-weight: bold;
 text-decoration: none;
}

a:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
}

a:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
}

/*************************  menu links *************************/

a.menu:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.menu:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.menu:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

a.menu:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Top Links -------------------------*/

#navTop ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#navTop li {
display: inline;
list-style: none;
float: left;
padding: 0;
margin: 0;

}

#navTop a {
display: block;
height: 33px;
text-indent: -5000px;
overflow: hidden;
}

/*------ Menu Buttons ------*/

a#home,
a#about,
a#business,
a#environment,
a#warranty,
a#testimonials,
a#contact,
a#map  {
  width: 94px;
  height: 33px;
  }

a#home { background-image: url(buttons/home.gif); }
a#about { background-image: url(buttons/about.gif); }
a#business { background-image: url(buttons/business.gif); }
a#environment { background-image: url(buttons/environment.gif); }
a#warranty { background-image: url(buttons/warranty.gif); }
a#testimonials { background-image: url(buttons/testimonials.gif); }
a#contact { background-image: url(buttons/contact.gif); }
a#map { background-image: url(buttons/map.gif); }

/**************** Stuff *********************/

form {
  margin:0;
  padding:0;
  }

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

/***************** Basics *********************/

html {height:100%}

body {
  background-color: #FEEB02;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: center;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }

/**************** ID's *********************/

#Wrapper {
  color: #000000;
  width: 772px;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  }

#header {
  background-image: url('images/cw_logo.gif');
  background-repeat: no-repeat;
  height: 130px;
  width: 772px;
  display: table;
  background-color: #FEEB02;
  margin: 0px;
  border-bottom: 0px solid #C0C0C0;
  padding: 0px;
  background-position: left top;
  }

#liner {
  clear: both;
  margin: 10px 0px 0px 0px;
  border: 0px solid #FF0080;
  padding: 0px;
  }

#Content {
  width: 770px;
  clear: both;
  display: table;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px auto 0px auto;
  border: 1px solid #C0C0C0;
  padding: 0px 0px 0px 0px;
  }

#shadow {
  background-image: url('images/shadow.gif');
  background-repeat: no-repeat;
  width: 772px;
  height: 20px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding: 0px;
  background-position: left top;
  }

#mainPage {
  width: 375px;
  float: left;
  margin: 0px 0px 0px 3px;
  border: 0px solid green;
  padding: 0px 0px 0px 0px;
  }

#mapMainPage {
  width: 375px;
  float: left;
  margin: 20px 0px 0px 3px;
  border: 1px solid #000000;
  padding: 0px 0px 0px 0px;
  }

#rightColumn {
  width: 200px;
  display: inline;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-size: 12px;
  }

#leftColumn {
  width: 170px;
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

#footer {
  background-image: url('images/wrapper_bg.gif');
  background-repeat: repeat-x;
  width: 100%;
  height: 58px;
  display: table;
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-position: left bottom;
  }

#fullSizeContent {
	background-image: url('images/loading.gif');
	background-repeat: no-repeat;
	display: table;
	width: 100%;
	height: 100%;
	background-color: #000000;
	color: #EAF2FF;
	margin: 0px auto 0px auto;
	border: 0px solid red;
	padding: 0px;
	/*text-align: center;*/
	background-position: center center;
	}

/**************** Header *********************/

div.headerAddress {
  width: 160px;
  float: right;
  display: inline;
  color: #000000;
  margin: 5px 5px 0px 0px;
  border: 0px solid #000000;
  padding: 10px 0 10px 0;
  text-align: right;
  }

div.topMenu {
  background-image: url('images/menu_bg.gif');
  background-repeat: repeat-x;
  width: 752px;
  height: 33px;
  clear: both;
  display: table;
  background-color: #0460B7;
  color: #FFFFFF;
  margin: 10px auto 0px auto;
  border: 0px solid pink;
  padding: 0px;
  background-position: left top;
  }

/**************** Columns *********************/

.colImg {
  clear: left;
  margin: 30px 0px 0px 0px;
  border: 0px solid yellow;
  }

/**************** Modal ***********************/

div.modalContent {
  background-image: url('images/loading_rotor.gif');
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  display: table;
  color: #000000;
  margin: 0px auto auto 0px;
  border: 0px solid red;
  padding: 0px;
  background-color: #CDE6F8;
  background-position: center;
  text-align: center;
  z-index: 12;
  }

div.modalShadow {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: table;
  clear: both;
  margin: 5px auto 0px auto;
  border: 0px solid blue;
  padding: 0px 0px 0px 0px;
  background-color: #000000;
  opacity: 0.30;
  filter: alpha(opacity=30);
  z-index: 11;
  }

.addImageSize {
  width: 530px;
  height: 430px;
  }

div.modalCloseButton {
  width: 20px;
  height: 20px;
  float: right;
  /*display: table;*/
  margin: 1px 1px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  text-align: center;
  }

div.boxPanel {
  width: 200px;
  height: 400px;
  clear: both;
  display: table;
  margin: 0px;
  border: 1px solid red;
  padding: 0px;
  text-align: center;
  }

.doLink {
  cursor: pointer;
  }

.hiddenPic {
  display:none;
  }

/**************** Gallery *********************/

div.galleryRow {
  clear: both;
  border: 0px solid yellow;
  }

div.galleryBox {
  width: 180px;
  float: left;
  display: inline;
  color: #000000;
  margin: 20px 0px 0px 5px;
  border-top: 1px solid #C0C0C0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #C0C0C0;
  padding: 0px;
  text-align: center;
  }

div.textBox {
  float: left;
  display: inline;
  color: #000000;
  margin: 20px 0px 0px 15px;
  border: 0px solid #000000;
  padding: 0px;
  text-align: left;
  }

div.centreText {
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
  }







div.fullPic {
  /*background-color: green;*/
  border: 0px solid green;
  margin: 10px auto 0 auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

.mainPic {
  position: relative;
  top: -20px;
  left: 0px;
  /*background-color: green;*/
  border: 0px solid pink;
  margin: 0px;
  padding: 0px;
  text-align: center;
  z-index:1;
  }

.thumbs {
margin: 0;
border-top:4px solid #DAC5A2;
border-right:4px solid #FDF7EE;
border-bottom:4px solid #FDF7EE;
border-left:4px solid #DAC5A2;
padding: 0;
}

.height20 {
  height: 20px;
  }


div.infoText {
  position: relative;
  top: 5px;
  width: 400px;
  height: 16px;
  background-color: #808080;
  margin: 0px auto 0 auto;
  border: 0px solid blue;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  z-index:5;
  }

div.blankText {
  position: relative;
  top: 5px;
  width: 400px;
  height: 16px;
  margin: 0px auto 0 auto;
  border: 0px solid blue;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  z-index:5;
  }


.transparent {
 filter:alpha(opacity=80); 
 -moz-opacity: 0.8; 
 opacity: 0.8; 
 }

/**************** General *********************/

div.contactBox {
  float: left;
  display: inline;
  color: #000000;
  margin: 20px 0px 0px 60px;
  border: 0px solid #000000;
  padding: 0px;
  text-align: left;
  }

.leftProp {
  width: 1px;
  height: 700px;
  float: right;
  /*background-color: red;*/
  }

.clearBoth {
  clear: both;
  height: 1px;
  overflow: hidden;
  /*background-color: blue;*/
  }

div.spacer5 {
  height: 5px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer10 {
  height: 10px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

div.spacer20 {
  height: 20px;
  clear: both;
  display: table;
  border: 0px solid red;
  padding: 0px;
  font-size: 1px;
  }

.text10 {
  font-size: 10px;
  }

.text11 {
  font-size: 11px;
  }

.text12 {
  font-size: 12px;
  }

.text14 {
  font-size: 14px;
  }

.text16 {
  font-size: 16px;
  }

.text18 {
  font-size: 18px;
  }

.makeBold {
  font-weight: bold;
  }