td, table, select, div, input, textarea {
	font-family:verdana;
	font-size:12px;
	vertical-align:top;
	line-height:14px;
	x-color:#797979;
	color: #333333;
}

p { 
	font-family:verdana;
	font-size:12px;
	vertical-align:top;
	line-height:14px;
	x-color:#797979;
	color: #333333;
    padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 8px; margin: 0;
	margin: 0;
}

form { margin:0px; padding:0px}

body { margin:0px; padding:0px; background-color:#FFFFFF; }
x-body { background-image: url(../images/background2.jpg); }

h1 { font-size: 16px; font-variant:small-caps; font-weight: bold; color: #FF770B; 
     padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 14px; 
	 margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 26px;
	 border-top: solid 2px #FF770B; border-bottom: solid 2px #FF770B; 
	 text-align: center; }
h2 { font-size: 14px; font-variant:small-caps; font-weight: bold; color: #333333; x-color: #797979; 
     padding-left: 0; padding-right: 0; padding-top: 16px; padding-bottom: 16px; margin: 0 }
h3 { font-size: 12px; font-variant:small-caps; font-weight: bold; color: #333333; x-color: #797979; 
     padding-left: 0; padding-right: 0; padding-top: 14px; padding-bottom: 14px; margin: 0 }

.boldtext { color: #FF770B }

b, strong { color: #333333; x-color: #797979 }

a { color: #FF770B; text-decoration: underline }
a:hover { text-decoration: underline }

.list ul { margin:0px; padding:0px; list-style:none; line-height:20px }
.list ul li{ background:url(images/list_marker.gif) no-repeat left top; color:#3C3C3C; font-weight:bold }
.list ul li a{ color:#FF770B; margin-left:15px; text-decoration:underline}
.list ul li a:hover{ text-decoration:underline}

.grey{ background-color:#F1F1F1}
.grey a{color:#323232; text-decoration:underline; font-weight:bold}
.grey a:hover{ text-decoration:underline}

.footer { color:#7E7E7E; background-image:url(images/green.gif); background-repeat:repeat-x;
          padding-left: 10px; padding-right: 10px; padding-top: 21px; padding-bottom: 0;
		  margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 0;
          width:960px; height:91px; font-size: 10px; }
.footer a{ color:#7E7E7E; text-decoration:underline}
.footer a:hover{ color: #000000; text-decoration:underline}
.footer-nav { padding-left: 40px; }



/* basic.dwt */

.companyname1 { color:#FF770B; font-size:16px; font-weight:bold; font-variant:small-caps }
.companyname2 { color: #000000; x-color:#797979; font-size:16px; font-weight:bold; font-variant:small-caps; padding-left: 20px }

.nav { background-image:url(images/nav.jpg); background-repeat:no-repeat; 
       padding-left: 39px; padding-right: 0; padding-top: 20px; padding-bottom: 0; margin: 0;
       width: 766px; height: 252px; }

.nav1 { background-image:url(images/shad.jpg); background-repeat:no-repeat }

.nav2 { background-image:url(images/grey.jpg); background-repeat:no-repeat; 
        padding-left: 30px; padding-right: 0; padding-top: 20px; padding-bottom: 0; margin: 0;
        width:210px; height:210px }

.nav2a { background-image:url(images/nav2a.gif); background-repeat:no-repeat;
         padding-left: 30px; padding-top: 0px; padding-bottom: 0; padding-right: 0; margin: 0;
		 width: 150px; height: 24px; 
		 color: #FFFFFF; /* font-variant:small-caps; */ font-weight:bold;
		 font-family:tahoma; font-size:13px; vertical-align:middle; line-height:24px; }
.nav2a a { color: #FFFFFF; text-decoration: underline }
.nav2a a:hover { color: #FF770B; text-decoration: underline }

.nav2b { background-image:url(images/nav2b.jpg); background-repeat:no-repeat; background-position: 28px 6px;
         padding-left: 65px; padding-top: 0px; padding-bottom: 0; padding-right: 0; margin: 0;
		 width: 115px; height: 36px; 
		 color: #FFFFFF; /* font-variant:small-caps; */ font-weight:bold;
		 font-family:tahoma; font-size:13px; vertical-align:bottom; line-height:36px; }
.nav2b a { color: #FFFFFF; text-decoration: underline }
.nav2b a:hover { color: #FF770B; text-decoration: underline }

.splash1 { background-image:url(images/green.jpg); background-repeat:no-repeat }
.splash2 { background-image:url(images/note.jpg); background-repeat:no-repeat }
.splash3 { background-image:url(images/mouse.jpg); background-repeat:no-repeat }

.nav-basic3 { background-image:url(images/nav_basic3.jpg); background-repeat:no-repeat; 
              padding-left: 39px; padding-right: 0; padding-top: 20px; padding-bottom: 0; margin: 0;
              width: 766px; height: 230px }

.nav4 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 30px; 
        color:#FF770B; font-size:12px; font-weight:bold; font-variant:small-caps; }
.nav4 a { text-decoration: none; padding-left: 20px; }
.nav4 a:hover { text-decoration: none; color: #000000; }
.nav4 a:visited { text-decoration: none; }

#content { width:960px; padding-left: 10px; text-align: left; }

#wrapper { width: 980px; text-align:left; background-color: #FFFFFF; }

/* index.html, test-basic-productlist.html */

.leftcoltitle { color: #000000; x-color:#FF770B; font-size:14px; font-weight:bold; font-variant:small-caps }
.rightcoltitle { color: #000000; x-color:#FF770B; font-size:14px; font-weight:bold; font-variant:small-caps }

/*
.product1   { background-image:url(images/p2_1.jpg); background-repeat: no-repeat; 
              padding-left: 77px; padding-right: 25px; padding-top: 0; padding-bottom: 10px; margin: 0;
			  width:148px  }
.product2   { background-image:url(images/p2_2.jpg); background-repeat: no-repeat; 
              padding-left: 77px; padding-right: 25px; padding-top: 0; padding-bottom: 10px; margin: 0;
			  width:148px  }
.product3   { background-image:url(images/p2_3.jpg); background-repeat: no-repeat; 
              padding-left: 77px; padding-right: 25px; padding-top: 0; padding-bottom: 10px; margin: 0;
			  width:148px  }
.product4   { background-image:url(images/p2_4.jpg); background-repeat: no-repeat; 
              padding-left: 77px; padding-right: 25px; padding-top: 0; padding-bottom: 10px; margin: 0;
			  width:148px  }
*/

/* background-color:#00CCFF; opacity:0.4;filter:alpha(opacity=40) */

#productbox { float: right; background-image:url(images/home1.jpg); background-repeat:no-repeat; width: 508px; height: 508px; margin-right: 0px;}
#product1   { float: left;  width: 210px; height: 210px; margin: 0px; 
				padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;  }
#product2   { float: right; width: 210px; height: 210px; margin: 0px; 
				padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;  }
#product3   { float: left;  width: 210px; height: 210px; margin: 0px; margin-top: 8px; clear:both; 
				padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
#product4   { float: right; width: 210px; height: 210px; margin: 0px; margin-top: 8px; 
				padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;  }
.product-h1 { font-variant: small-caps; font-size: 15px; font-weight: bold; color: #FF770B; 
				padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 25px; }
.product-h2 { font-weight: bold; color: #000000; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 8px; }
.product-p  { color: #333333; padding-left: 0; padding-right: 0px; padding-top: 0; padding-bottom: 8px; }
.product-hr { border-top: 1px dotted #FF770B; padding-bottom: 10px; }
.product-link { font-weight: bold; color: #333333; text-decoration: underline  }
.product-link:hover { font-weight: bold; color: #333333; text-decoration: underline  }

.insetbox { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px;
            margin-left: 40px; margin-right: 40px; margin-top: 20px; margin-bottom: 20px;
			border: none; }
			
.indentedlist { padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 20px;
            	margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;
				list-style:none;  }
			
.indentedlist li { background:url(images/list_marker.gif) no-repeat left top; color:#3C3C3C;
					padding-left: 20px; padding-right: 0; padding-top: 0; padding-bottom: 0;
					margin: 0; list-style:none; line-height: 21px  }
.indentedlist li a{ color:#FF770B; text-decoration:underline}
.indentedlist li a:hover{ color:#FF770B; text-decoration:underline}

.maillink { font-size: 11px; font-weight: normal; )