body {
 background-color: #5b5b5b;
 color: #ffffff;
 margin: 0px;
 padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}


#wrapper {
 background-image: url(images/sideBkg.gif);
 background-repeat: repeat-y;
 background-position: center top;
 background-color: inherit;
 color: #363636;
 border: 0;
 width: 712px;
 margin-top: 26px;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 0;
 clear: both;
 display: block;
}

#topHead {
 background-image: url(images/topBkgSm.gif);
 background-repeat: no-repeat;
 background-color: inherit;
 color: #363636;
 width: 712px;
 height:12px;
 margin: 0;
 border: 0;
 padding: 0;
 float: left;
 clear: both;
 display: inline;
}

#mastHead {
 width: 221px;
 height:51px;
 margin: 20px 0px 10px 17px;
 border: 0;
 padding: 0px;
 float: left;
 clear: both;
 display: inline;
}

#mastHeadPic {
 width:221px;
 height:51px;
 border:0;
 padding:0;
 margin:0;
}

.clear {
 font-size: 1px;
 height: 1px;
 clear:both;
}

#searchBox {
 float: right;
 border:0;
 padding: 0;
 margin: 50px 16px 0 10px;
 display: block;
}


form, input {
 margin:0;
 padding:0;
}

#searchFieldBox {
 padding: 0;
 margin: 2px 0 0px 0;
 float:left;
 display: block;
}

.searchField {
 width:175px;
 height:17px;
 font-size:10pt;
}

#searchButtonBox {
 padding: 0 0 0 0;
 margin: 0 0 0 10px;
 float:left;
 display: block;
}

.searchButton {
}

#navbar {
 width: 680px;
 height: 20px;
 margin: 0px 0 0 16px;
 border: 0;
 padding: 0;
 background-image: url(images/menuBkg.gif);
 background-repeat: repeat-x;
 background-position: top;
 float: left;
 display: block;
}


#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#nav a {
 display: block;
 font-size:11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #424242;
 background-color: inherit;
 text-decoration: none;
 text-align: left;
 padding: 0px 0px 0px 0;
 margin: 4px 20px 3px 10px;
 border:0;
}

#nav a:hover {
 color: #ff7700;
 background-color: inherit;
}

#nav li {
 float: left;
 width: auto;
}

#nav li ul {
 position: absolute;
 color: #000000;
 background-color:#ababab;
 width: 160px;
 left: -9000px;
 margin-left: 5px;
 margin-top: 0px;
 padding-top: 0px;
 display: inline;
}

#nav li:hover ul {
 left: auto;
}

ul#nav li ul li a {
 color: #000000;
 background-color: inherit;
 padding: 3px 5px 4px 5px;
 margin:0 0 0 0;
 width: 150px;
 float: none;
 text-indent: 0;
 height: auto;
 text-decoration: none;
 font-weight:normal;
 border-bottom: 1px solid #8c8c8b;
 overflow: hidden;
}


ul#nav li ul li a:hover {
 color:#ff7700;
 background-color:#d8d7d8;
}

#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}

#nav #contact {
 float:right;
 margin-right: -10px;
}














#topPhoto {
 background-color: #ffffff;
 color:#363636;
 width: 680px;
 height:126px;
 margin: 0px 10px 0px 16px;
 padding: 0;
 border-bottom: 2px solid #8c8c8b;
 clear: both;
 display: block;
}

#pageContent {
 background-image: url(images/sideBkg.gif);
 background-repeat: repeat-y;
 background-position: center top;
 background-color: #ffffff;
 color:#363636;
 font-weight: normal;
 text-decoration:none;
 float: left;
 width: 712px;
 height:auto;
 margin: 0px 0 0 0px;
 border: 0;
 padding: 10px 0 10px 0;
 clear: both;
 display: inline;
}

#topContent {
 background-color: inherit;
 color:#363636;
 margin: 0 0 10px 20px;
 border-bottom: 1px solid #8c8c8b;
 padding: 0 10px 20px 6px;
 float: left;
 width: 657px;
 display: inline;
}

#mainContent {
 background-color: inherit;
 color:#363636;
 margin: 0 0 0 20px;
 border-top: 0;
 border-right: 1px solid #8c8c8b;
 border-bottom: 0;
 border-left: 0;
 padding: 0 10px 0 6px;
 float: left;
 width: 481px;
 display: inline;
}

#leftContent {
 background-color: inherit;
 color:#363636;
 margin: 0 -1px 0 20px;
 border-top: 0;
 border-left: 0;
 border-bottom: 0;
 border-right: 1px solid #8c8c8b;
 padding: 10px 10px 0 6px;
 float: left;
 width: 158px;
 display: inline;
}

#middleContent {
 background-color: inherit;
 color:#363636;
 margin: 0 0 0 0px;
 border-top: 0;
 border-right: 1px solid #8c8c8b;
 border-bottom: 0;
 border-left: 1px solid #8c8c8b;
 padding: 0 10px 0 10px;
 float: left;
 width: 302px;
 display: inline;
}

#minorContent {
 background-color: inherit;
 color:#363636;
 margin: 0 20px 0 -1px;
 border-top: 0;
 border-right: 0;
 border-bottom: 0;
 border-left: 1px solid #8c8c8b;
 padding: 10px 6px 0 10px;
 float: right;
 width: 158px;
 display: inline;
}

.photo {
 float:right;
 margin:0 0 3px 10px;
 border:1px solid black;
}

.photo2 {
 float:right;
 margin:0 0 3px 10px;
 border:0;
}


#footer {
 background-image: url(images/footerBkg.gif);
 background-repeat: no-repeat;
 background-position: top;
 background-color: #5b5b5b;
 color:#ffffff;
 font-size:10px;
 font-weight: normal;
 text-decoration:none;
 float: left;
 width: 712px;
 height: 50px;
 margin: 0;
 border: 0;
 padding: 0px;
 clear: both;
 display: block;
}

#footerCopyright {
 float: left;
 text-align:left;
 width: 344px;
 height:auto;
 padding: 0px;
 margin: 18px 0 0 16px;
 display: block;
}

#footerValid {
 float: right;
 text-align:right;
 width: 304px;
 height:auto;
 padding: 0px;
 margin: 18px 16px 0 0;
 display: block;
}

#footerValid a {
 color:#ffffff;
 background-color: inherit;
}


.contactInput {
 width:240px;
 font-size:10px;
}

.contactTextArea {
 width:240px;
 height:80px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
}

.error {
 color:#ff0000;
 background-color: inherit;
}

.contactLeft {
 color: #363636;
 background-color:inherit;
 width:150px;
 float:left;
 padding: 0;
 margin: 0;
 display: block;
 clear:both;
}

.contactRight {
 color: #363636;
 background-color:inherit;
 width:200px;
 float:left;
 padding: 0;
 margin: 0;
 display: block;
}

.button_left {
  display:inline;
  float:left;
  width:7px;
  height:22px;
  color:#ffffff;
  background-image:url(/images/button_left.gif);
  background-position:top left;
  background-repeat: no-repeat;
  background-color:#ff7700;
  margin:10px 0 0 0;
  padding:0;
}

.button_link {
  display:inline;
  float:left;
  height:21px;
  color:#ffffff;
  background-image:url(/images/button_bkg.gif);
  background-position:top left;
  background-repeat: repeat-x;
  background-color:#ff7700;
  margin:10px 0 0 0;
  padding:1px 0 0 0;
}

.button_send {
  display:inline;
  float:left;
  width:35px;
  height:22px;
  color:#ffffff;
  background-image:url(/images/button_right_send.gif);
  background-position:top left;
  background-repeat: no-repeat;
  background-color:#ff7700;
  margin:10px 0 0 0;
  padding:0;
}

.button_order {
  display:inline;
  float:left;
  width:35px;
  height:22px;
  color:#ffffff;
  background-image:url(/images/button_right_order.gif);
  background-position:top left;
  background-repeat: no-repeat;
  background-color:#ff7700;
  margin:10px 0 0 0;
  padding:0;
}

.button_enquiry {
  display:inline;
  float:left;
  width:35px;
  height:22px;
  color:#ffffff;
  background-image:url(/images/button_right_enquiry.gif);
  background-position:top left;
  background-repeat: no-repeat;
  background-color:#ff7700;
  margin:10px 0 0 0;
  padding:0;
}

.button_read {
  display:inline;
  float:left;
  width:35px;
  height:22px;
  color:#ffffff;
  background-image:url(/images/button_right_read.gif);
  background-position:top left;
  background-repeat: no-repeat;
  background-color:#ff7700;
  margin:10px 0 0 0;
  padding:0;
}

.button_link a {
  color:#ffffff;
  text-decoration:none;
  padding-top:0px;
  margin:0px 8px 0px 8px;
}

.button_link a:link {
  color:#ffffff;
  text-decoration:none;
}

.button_link a:visited {
  color:#ffffff;
  text-decoration:none;
}

.button_link a:hover {
  color:#cadfdf;
  text-decoration:underline;
}

.button_link a:active {
  color:#ffffff;
  text-decoration:none;
}

input {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}

textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 margin: 0 0 10px 0;
}

.formText {
 width:300px;
}

.formTextarea {
 width:300px;
 height:120px;
}

.portfolioThumbBox {
 margin:0;
 padding:0;
 border:0;
 display:block;
}

.portfolioThumb {
 width:292px;
 margin:5px;
 padding:0;
 border:0;
 display:block;
}

.portfolioTagLine {
 text-align: center;
}

