/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

body {
  background-color: #FFFFFF; 
  padding: 0px;
  margin: 0px;
}

p, h1, h2, h3,h4, a, ul, li, address, label {
  font-size: 13px;
  font-family: Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
  color: #000;
  margin: 0px; 
  padding: 0px; 
}

p {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

address {
	font-weight: bold;
	font-style: normal;
	margin: 0px;
	padding: 10px;
	color: #000000;
	font-size: 11px;
}

h1 {
	text-transform: uppercase;
	text-align: center;
	color: #9ECDD3;
	background-color: #000000;
	padding: 5px 15px;
	margin: 0px;
	font-style: normal;
	letter-spacing: 1px;
	float: left;
	clear: both;
}

h2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D5D5;
	background-color: #999999;
	padding-left: 50px;
	margin-top: 0px;
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

h3 {
	text-align: center;
	padding: 5px;
	margin: 0px;
}
h4 {
	background-color: #FFFF66;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	margin-bottom: 15px;
}

/* ----------------- LIST ITEMS ----------------- */

li {
	font-weight: normal;
	color: #000000;
	list-style-type: none;
	margin: 0px;
	padding-left: 10px;
	list-style-position: inside;
	line-height: 1.5;
	font-size: 12px;
	font-family: Tahoma;
	list-style-image: url(images/bullet.gif);
}

/* ----------------- GENERAL LINKS ----------------- */

a { 
	color: #000;
	font-size: 12px;
	text-decoration: underline; 
}

/* ----------------- MAIN NAVIGATION ----------------- */

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav {
	background: #333333;
	padding: 0px;
	border-top-width: 1px solid #333;
	float: left;
	width: 100%;
}

/* Removes the default bullets. */
ul#mainnav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	padding: 4px 15px;
	margin: 0px;
	font-weight: bold;
	background-color: #333333;
	clear: both;
	letter-spacing: 1px;
}

/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav li a:hover {
	background: #000000;
	color: #FFFFFF;
}

ul#mainnav li a.current:link, ul#mainnav a.current:visited {
	background: #333333;
	color: #FFEE03;
	text-align: left;
}

/* ----------------- HEADER ----------------- */

/* Creates DIV container for header. */
div#header {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #CBCBCB url(images/header_bg.jpg) repeat-x;
}

/* ----------------- BODY ----------------- */

/* Creates DIV containers for main body content with multiple columns. For Natural Beauty. */
div#bodyleft {
	position: absolute;
	left: 0px;
	width: 200px;
	height: 414px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #999999;
}

	div#bodyleft h2 {
		font-size: 13px;
		padding-top: 10px;
		text-transform: uppercase;
		color: #333333;
		margin: 0px;
		padding: 10px;
	}
	
div#bodyright1, div#bodyright2 {
	width: 75%;
	margin: 0px;
	padding: 0px 20px 10px;
	overflow: auto;
	overflow-x: hidden;
	border-left: 5px solid #000000;
}

div#bodyright1 {
	float: left;
	clear: both;
	width: 75%;
	margin-left: 0px;
	padding-top: 10px;
}
div#bodyright1 p {
	padding-left: 20px;

}
div#bodyright2 {
	background-image: url(images/body_bg2.gif);
}

div.product {
	border-top: 1px dotted #19545D;
	margin: 5px 0px;
	clear: both;
}

	div.product p {
		margin: 10px 0px 15px 0px;
	}
	
	div.product img {
		border: 2px solid #9ECDD3;
		margin: 5px;
		padding: 0px;
	}
	
	div.productleft {
		float: left;
		width: 200px;
		padding-right: 5px;
	}
	
	div.productright {
		float: left;
	}

/* ----------------- FOOTER ----------------- */

div#footer {
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-top: 18px solid #000000;
	clear: both;
}
div#footer p {
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 2px;
}

div#footer a {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

div#footer a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}

/* ----------------- COPYRIGHT ----------------- */

div#copyright {
	font-size: 9px;
	color: #000000;
	text-align: center;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#copyright a {
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

div#copyright a:hover {
	color: #000000;
	text-decoration: none;
}

/* ----------------- FORM ELEMENTS ----------------- */

form {
	margin-top: 15px;
	float: left;
}

label {
	font-weight: bold;
	width: 200px;
	float: left;
	text-align: right;
	padding: 5px 10px 3px 0px;
	clear: left;
}

input, textarea {
	padding: 2px;
	margin: 3px;
}

.txtfield {
	color: #339999;
	border: 1px dashed #999999;
}

.button {
	margin: 10px 0px 10px 215px;
}

/* ----------------- IMAGE ELEMENTS ----------------- */

img.left {
	float: left;
	margin: 0px 10px 0px 0px;
	margin-bottom: 2px;
}

img.right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-right: 40px;
	padding-left: 10px;
}

.clear {
	clear: both;
}

/* ----------------- CUSTOM CLASSES ----------------- */

.center {
	text-align: center;
}

div.client {
	border: 2px dashed #19545D;
	padding: 5px;
	margin: 10px;
}

div#privacy {
	margin: 10px 0px;
	border-top: 1px dotted #19545D;
	clear: both;
}

div#privacy p {
		font-size: 10px;
		color: #000000;
		line-height: 1.7;
}
img.enlarge {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	position: relative;
	left: 50px;
}

}
table.content {
	padding: 2px;
	margin-left: 80px;
	margin-bottom: 15px;
}
table.content td {
	text-align: left;
	vertical-align: top;
	color: #333333;
	font-family: Tahoma;
	font-size: 11px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	width: 150px;
}
table.content td a {
	font-size: 10px;
}
td.border {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D8D8D8;
}
/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;
	width: 180px;
	line-height: 14px;
}
 
div#applet div {
position: absolute;
top: 52px;
left: 75px;
width: 68px;
height: 30px;
}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;
}
div#nav {
	background-color: #333333;
	margin-bottom: 0px;
	clear: both;
	width: 100%;
	height: 20px;
	float: left;
}
div#offices {
	float: left;
	width: 770px;
}
div.location1 {
	width: 750px;
	float: left:
}