body{
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	font: 10pt Verdana, Helvetica, sans-serif;
	color: #333333;
}

h2 {
 font: 13px bold;
 text-align:left;
 color:#DB9221;
 margin: 0;
 padding: 0;
 padding-left: 10px;
 padding-bottom: 5px;
}

a {
 text-decoration: none;
 font: 10pt Verdana, Helvetica, sans-serif;
}

a:link.navlink {
 color:#DB9221;
 font: 10pt Verdana, Helvetica, sans-serif;
}

a:visited.navlink {
 color:#DB9221;
 font: 10pt Verdana, Helvetica, sans-serif;
}

a:hover.navlink {
 color:#FFFFFF;
 font: 10pt Verdana, Helvetica, sans-serif;
}

.extlink {
 text-decoration: none;
 color:#333333;
 font: 9pt Verdana, Helvetica, sans-serif;
}

a:link.extlink {
 color:#333333;
 font: 9pt Verdana, Helvetica, sans-serif;
}

a:visited.extlink {
 color:#666666;
 font: 9pt Verdana, Helvetica, sans-serif;
}

a:hover.extlink {
 color:#EE9407;
 font: 9pt Verdana, Helvetica, sans-serif;
}

.extlinkdiv {
 padding-left:10px;
 padding-bottom:5px;
}

.footerlink {
 text-decoration: none;
 color:#333333;
 font: 9pt Verdana, Helvetica, sans-serif;
}

a:link.footerlink {
 color:#333333;
 font: 9pt Verdana, Helvetica, sans-serif;
}

a:visited.footerlink {
 color:#333333;
 font: 9pt Verdana, Helvetica, sans-serif;
}

a:hover.footerlink {
 color:#666666;
 font: 9pt Verdana, Helvetica, sans-serif;
}

.infotop {
 height: 26px;
 width: 200px;
 font: bold 10pt Verdana, Helvetica, sans-serif;
 color: #555555;
 padding-left: 10px;
 padding-top: 4px;
 background-image: url(/images/200x26_pub_speak_gold_light.gif);
 background-repeat: no-repeat;
 cursor: pointer;
}

div:hover.infotop {
 background-image: url(/images/200x26_pub_speak_gold.gif);
 color: #333333;
}

.catpage {
 font: 12px Verdana, Helvetica, sans-serif;
 color: #333333;
 line-height: 12px;
}

.pageframe {
 position:relative;
 width:925px;
 margin:0 auto;
 text-align: left;
}

.toppad {
 width: 899px;
 height: 205px;
 overflow:hidden;		/* This chops off any overhanging divs */
}

.topimage {
 position:relative;
 top:0;
 left:0;
 width:925px;
 height:85px;
}

.footer 
{
 position:fixed;
 bottom: 0px;
 margin:0 auto;
 width:925px;
 height:40px;
 padding-bottom:3px;
 padding-top:10px;
 background-image: url(/images/footer.png);
 color: #000;
 text-align: center;
}

.backgnd
{
 position:fixed;
 width:925px;
 height:100%;
 background-image: url(/images/pg-bg.jpg);
 color: white;
}

/* column container */
.colmask {
 position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
 clear:both;
 float:left;
 width:100%;			/* width of whole page */
 overflow:hidden;		/* This chops off any overhanging divs */
 background-image: url(/images/pg-bg.jpg);
}

/* holy grail 3 column settings */
.holygrail {
 /* background:#fff;    	/* Right column background colour */
}

.holygrail .colmid {
 float:left;
 width:200%;
 margin-left:-212px; 	/* Width of right column */
 position:relative;
 right:100%;
 /* background:#fff;    	/* Centre column background colour */
}

.holygrail .colleft {
 float:left;
 width:100%;
 margin-left:-50%;
 position:relative;
 left:424px;         	/* Left column width + right column width */
 /* background:#FFF;    	/* Left column background colour */
}

.holygrail .col1wrap {
 float:left;
 width:50%;
 position:relative;
 right:212px;        	/* Width of left column */
 padding-bottom:60px; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {
 margin: 0 225px;     	/* Centre column side padding: Left padding = left column width + centre column left padding width: Right padding = right column width + centre column right padding width */
 position:relative;
 left:200%;
 overflow:hidden;
}

.holygrail .col2 {
 float:left;
 float:right;			/* This overrides the float:left above */
 width:200px;        	/* Width of left column content (left column width minus left and right padding) */
 position:relative;
 right:0px;         	/* Width of the left-had side padding on the left column */
}

.holygrail .col3 {
 float:left;
 float:right;			/* This overrides the float:left above */
 width:200px;        	/* Width of right column content (right column width minus left and right padding) */
 margin-right:24px;  	/* Width of right column right-hand padding + left column left and right padding */
 position:relative;
 left:50%;
}

.prodcolmask {
 position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
 clear:both;
 float:left;
 width:435px;			/* width of whole page */
 overflow:hidden;		/* This chops off any overhanging divs */
}

.product {
 position: relative;
 top:0;
 width:435;
 height:135px;
 margin:0 auto;
 text-align: left;
 background-image: url(/images/product_bg.png);
 overflow:hidden;
 padding-top: 15px;
}

/* product 3 column settings */
.prodholygrail {
 font: 10px Verdana, sans-serif;
 text-align: justify;
 background:none;    	/* Right column background colour */
}

.prodholygrail .colmid {
 float:left;
 width:200%;
 margin-left:-120px; 	/* Width of right column */
 position:relative;
 right:100%;
 background:none;    	/* Centre column background colour */
}

.prodholygrail .colleft {
 float:left;
 width:100%;
 margin-left:-50%;
 color: white;
 position:relative;
 left:240px;         	/* Left column width + right column width */
 background:none;    	/* Left column background colour */
}

.prodholygrail .col1wrap {
 float:left;
 width:50%;
 position:relative;
 right:120px;        	/* Width of left column */
}

.prodholygrail .col1 {
 margin:0px 120px;     	/* Centre column side padding: Left padding = left column width + centre column left padding width: Right padding = right column width + centre column right padding width */
 position:relative;
 left:200%;
 overflow:hidden;
}

.prodholygrail .col2 {
 float:left;
 float:right;			/* This overrides the float:left above */
 width:100px;        	/* Width of left column content (left column width minus left and right padding) */
 position:relative;
 right:10px;         	/* Width of the left-had side padding on the left column */
}

.prodholygrail .col3 {
 float:left;
 float:right;			/* This overrides the float:left above */
 width:100px;        	/* Width of right column content (right column width minus left and right padding) */
 margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
 position:relative;
 left:50%;
}

.prodtab {
 width:475;
 height:135px;
 background-image: url(/images/product_bg.png);
 overflow:hidden;
 padding-top: 15px;
}

.prod-text {
 width:235;
 text-align: justify;
 color: white;
 font: 10px Verdana, sans-serif;
}

.fixedads {
 position: fixed;
 margin: 0 auto;
 top:205px;
 width:225px;
 margin-left: 12px;
 background: none;
}

.topspace {
 position:fixed;
 margin:0 auto;
 top:0px;
 width:899px;
 height:205px;
 padding-left:13px;
 padding-right:13px;
 background-image: url(/images/top_bg.jpg);
}

.googlemap {
 width: 200px;
 height: 200px;
 padding: 5px;
 background-image: url(/images/gmapbg.gif);
 background-repeat: no-repeat;
 margin: 0px auto;
}