html
 {
  margin: 0;
  padding: 0;
  border: 0;
 }

body
 {
  color: #000000;
  background-color: #DFE6DD;
  font: 0.9em/1.2em "Franklin Gothic Book", Arial, sans-serif;
  margin: 0;
  padding: 0;
}

 
#pagewrap
 {
  background-color: #ffffff;
  padding: 5px 10px 10px;
  margin: 0 5%;
  border-left: 1px solid #05948c;
  border-right: 1px solid #05948c;
 }

h1
 {
	font-size: 1.4em;
	color: #006600;
 }
 
h2
 {
	font-size: 1.2em;
	margin-top: 0.5em;
	color: #006600;
 }
 
h3
 {
	font-size: 1.1em;
	color: #006600;
 }

a
 {
	color: #000099;
	background-color: inherit;
 }
  
a:visited
 {
	color: #cc0000;
	background-color: inherit;
 }
  
a:hover
 {
	color: #00CC00;
	background-color: inherit;
 }
 
a.inttextlink, a.inttextlink:visited
{
 color: #000000;
 text-decoration: none;
}
 
a.inttextlink:hover
{
 color: #000000;
 text-decoration: underline;
}

strong.inttextstrong
{
 font-weight: normal;
}

div.clearboth
 {
  clear: both;
  margin: 0 0 -0.5em 0;
 }
 
div#header
 {
  margin: 0;
  border: 0;
  padding: 0;
 }

img#headlogoimg
 {
  border: none;
  top: 0;
 }
 
div#headmenuwrap
{
 position: absolute;
 left: 0;
 top: 126px;
 height: 20px;
 width: 100%;
}

div#headmenu
{
 margin-left: 225px;
 margin-right: 5%;
}

div.headmenulong
{
  float: left;
  width: 14%;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 19%;
 }

/*clear the hack */ 
html>body div.headmenulong
 {
  width: 19%;
 }
 
div.headmenulongbar, div.headmenushortbar
 {
  background-color: #05948C;
 }
 
div.headmenushort
 {
  float: left;
  width: 4%;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 9%;
 }

/*clear the hack */ 
html>body div.headmenushort
 {
  width: 9%;
 }
 
div.headmenublank
 {
  width: 1%;
  position: relative;
  float: left;
 }
 
div.headmenulink
 {
  margin-top: 2px;
 }

div.headmenulink a, div.headmenulink a:visited
 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding-top: 2px;
  color: #000000;
  border-top: 3px solid #A8FFCD;
  letter-spacing: 1px;
  text-decoration: none;
 }
 
div.headmenulink a:hover
 {
  color: #00CC00;
  border-top: 3px solid #00CC00;
 } 

div.headmenulink span
 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  padding-top: 2px;
  color: #000000;
  border-top: 3px solid #000000;
  letter-spacing: 1px;
 }
 
div.headmenushortbar2
 {
  margin-top: 2px;
  border-top: 3px solid #A8FFCD;
 }
 
div#content, div#content2
 {
	margin-top: 30px;
 }
 
div#content
 {
  padding: 0 25px;
 }
 
div#content2
 {
  padding: 0 25px 0 0;
 }
 
img.imageright
{
 float: right;
 margin: 0 0 10px 10px;
}
 
ul#whatsinclist
{
 list-style-image: url(../images/greentick.gif);
}

ul#whatsinclist li
{
 margin-bottom: 3px;
}

table.pricelist
{
 border: 0;
 margin: 0;
 padding: 0;
 border-collapse: collapse;
}

table.pricelist td
{
 border: solid 1px #000000;
 margin: 0;
}

table.pricelist td.proddesc
{
 width: 365px;
 padding: 3px 20px 3px 3px;
}

table.pricelist td.money
{
 width: 75px;
 text-align: right;
 padding: 3px 3px 3px 12px;
}

ul#clientlist
{
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul#clientlist li
{
 padding-bottom: 5px;
}

div.theme
{
 float: left;
 width: 300px;
 margin-right: 30px;
 margin-bottom: 30px;
}

div.theme p
{
 margin: 0;
 width: 263px;
 text-align: center;
}

img.themeimg
{
 border: none;
}

div.themecolourset
{
 float: left;
 width: 100%;
}

div.theme2
{
 float: left;
 width: 100px;
 margin-right: 10px;
 margin-bottom: 10px;
}

div.theme2 p
{
 margin: 0;
 width: 100px;
 text-align: center;
}

a.themethumb img
{
 border: none;
}

#footerwrap
 {
	text-align: center;
	color: #000000;
	border-top: 1px solid #05948C;
 }
 
#footer
 {
  padding: 0.25em 0 0.25em 30px;
  font-size: .8em;
 }
 
#y2yfooter
 {
  float: right;
  margin-right: 30px;
  padding-top: 0.25em;
  font-size: .8em;
 }

div#content2body
 {
  margin-left: 165px;
  padding-top: 3px;
 }
 
div#content2nav
 {
  float: left;
  width: 155px;
  border-top: 1px solid #05948C;
  border-right: 1px solid #05948C;
 }
 
div#content2nav ul
 {
  margin: 20px 0 40px 0;
  padding: 0;
  list-style-type: none;
 }
 
div#content2nav ul li
 {
  border-left: 20px solid #05948C;
  height: 1.6em;
  font: 1.1em/1.6em "Franklin Gothic Book", Arial, sans-serif;
  margin-bottom: 10px;
 }
 
div#content2nav ul li a, div#content2nav ul li span
 {
  display: block;
  text-decoration: none;
  color: #000000;
  border-left: 3px solid #A8FFCD;
  margin-left: 3px;
  padding-left: 2px;
 }
  
div#content2nav ul li a
 {
  border-left: 3px solid #A8FFCD;
 }
  
div#content2nav ul li span
 {
  border-left: 3px solid #000000;
 }
 
div#content2nav ul li a:hover
 {
  border-left: 3px solid #00CC00;
  text-decoration: underline;
 }

div#lefthalf
{
 float: left;
 width: 48%;
 border-right: 1px solid #05948C;
 padding-right: 10px;
 padding-bottom: 1em;
}

div#righthalf
{
 float: right;
 width: 48%;
 padding-left: 5px
}

div.formrow
 {
  margin-bottom: 1em;
 }

label.formlabel
 {
  display: block;
  float: left;
  width: 6em;
  margin-right: 5px;
  font-weight: bold;
 }
 
.forminput, forminputinvalid
 {
	border: 1px solid #05948c;
 }
 
.forminput
 {
  color: inherit;
  background-color: #DDFFEC;
 }
 
table.orderform .forminput
 {
  color: inherit;
  background-color: #ffffff;
 }
 
.forminputinvalid
 {
  color: inherit;
  background-color: #ff8280;
 }

.forminput:focus, .forminputinvalid:focus
 {
  color: inherit;
  background-color: #ffffff;
 }
 
#formsuccess, #forminvalid
 {
  margin: 5px 25%;
  padding: 5px;
  width: 50%;
  text-align: center;
  border: 1px solid #000000;
 }
 
#formsuccess
 {
  background-color: inherit;
  color: #009a3b;
 }
 
#forminvalid
 {
  color: #ff0000;
  background-color: inherit;
 }


#forminvalid p
 {
  text-align: left;
 }

input.nospam
{
 visibility: hidden;
 display: none;
}

input.contactformbtn, input.demoformbtn
{
 border: none;
 font-weight: bold;
}

div.contactformbtndivwrap, input.contactformbtn
{
 background: url(../images/contactformbtnout.jpg) no-repeat;
 height: 40px;
 width: 80px;
}

input.contactformbtn:hover
{
 background: url(../images/contactformbtnin.jpg) no-repeat;
}

div.demoformbtndivwrap, input.demoformbtn
{
 background: url(../images/demoformbtnout.jpg) no-repeat;
 height: 40px;
 width: 130px;
}

input.demoformbtn:hover
{
 background: url(../images/demoformbtnin.jpg) no-repeat;
}

table.orderform
{
 width: 95%;
 margin-left: -1px;
}

table.orderform td
{
 vertical-align: top;
 padding: 5px;
 border: solid 1px #ffffff;
}

table.orderform tr.orderformhd
{
 background-color: #05948c;
 font-weight: bold;
 color: #ffffff;
}

table.orderform td.col1, table.orderform td.col1long
{
 width: 150px;
 background-color: #D1E0D3;
}

table.orderform td.col1long
{
 width: 100%;
}

table.orderform td.col2
{
 background-color: #C2E4CD;
}

span.orderformexp
{
 font-size: 0.8em;
 font-style: italic;
}

input#terms
{
 margin-bottom: 5px;
 border: none;
}

div#faqwrap
{
 width: 98%;
}

/*This is the nifty corners css*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
/*End of nifty corners CSS*/