*{margin:0; padding:0;}
* html .clearfix{height:1%;} 	/*start commented backslash hack \ */
img{border:0px;}  		/*disable all graphic borders (not input boxes)*/

body{background:url(bg-swatch.png) repeat;
font-family:arial,verdana,"courier new"; font-size:100%; color:#003a75;}
div.page{background:url(vbgx.png) no-repeat; margin-top:10px; margin-left:auto;
margin-right:auto; width:780px; height:auto;} 	/* size-position : fixed all pages*/
div.head{position:relative; width:780px; height:100px;}
div.foot{clear:both; width:780px; height:100px;}
/*stuff*/
span.title{position:relative; top:-50px; left:200px; width:290px; height:20px; z-index:20;
font-family:Tahoma; font-size:0.85em; color:#5b7ac3; font-weight:bold;}
span.search{position:relative; top:-68px; left:105px; width:200px; height:18px; z-index:20;}
span.box{color:#008000; font-weight:bold; padding:0px 8px 0px 5px;}

	/*** single column page*/
#single{position:relative; width:100%;}     /*can set "text-align" to justify*/
#leftw{ float:left; padding:5px; width:594px; height:auto; text-align:left; } 
#riten{ float:right; width:170px; height:auto; text-align:left; }

	/*PAGE back-ground rendering - edit elements as required*/
#b1{top:0px; left:0px; width:780px; height:32px;}
#grow{background:url(v-page-grow.png) repeat-y; padding:0px 15px;} /* page fill */
#b2{bottom:0px; left:0px; width:780px; height:32px; clear:both;}


	/*content boxes  ADD MORE IF NEEDED - edit "float" and other elements as required*/
div.b3{margin:0px; padding:5px; width:698px; height:auto; text-align:justify;}
div.b4{float:left; margin:0px; width:100%; height:auto;}

/* hellonet contact table  */
p,table{font-family:Geneva, Arial, Helvetica; font-size:0.8em; font-weight:normal; color:#000082;}
table.cnt{margin:auto; padding:5px; width:426px; background-color:#f8f8f8; border:#f0f0f0 1px solid;}
thead, tfoot,th{text-align:center;}	
th,tbody{background-color: transparent; border: none;}
tbody{text-align:left;}

/* forms*/
table.set{margin:auto; background-color:transparent;}
tr{line-height:24px;}
td{padding-left:5px; font-weight:normal;}
td.head{padding-left:20px; font-weight:normal; color:#f2de6e; text-align:center; font-size:14px;}
td.note{text-align:center;}
td.height{text-align:left; padding-left:10px; font-weight:normal; color:#000082;}
td.alert{text-align:center; color:#f2de6e; font-weight:bold;}
td.reqd{text-align:center; color:#bd610d; font-weight:bold; border-left:#d7d7d7 0px solid;}
td.space{line-height:8px;}
td.txt{margin:0; padding-left:15px; padding-right:15px; text-align:justify; font-size:80%;}
.bg{font-size:90%; background:#fefaf5; height:auto; margin:0px;}
.bg1{font-size:90%; background:#fefaf5; height:15px; margin:0px 6px;}
span.x{font-size:100%; font-weight:bold; color:#bd610d; padding:0px 10px;}
textarea.set{background:#fefaf5; font-size:14px; }
.button{cursor:pointer; font-weight:normal; margin-right:10px; width:60px; height:25px;}

	/*enhanced clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix{display:inline-block;}	
.clearfix{display:block;}   /* close commented backslash hack */
 

/* DEACTIVATE THESE BORDERS AFTER DEVELOPMENT  */

			div.page{border:solid black 0px;}
			div.head{border:solid blue 0px;}
			div.foot{border:solid blue 0px;}			
			#single{border:solid green 0px;}
			#leftw{border:solid blue 0px;}
			#riten{border:solid blue 0px;}
			div.b1, div.b2, div.b3{border:solid green 0px;}