body {
	/* 
	Here we'll declare the default font-size and font-family.
	The rest of the typographical rules use relative sizes based on this font-size.
	We can easily modify overall typography by changing or overriding these values.
	*/
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#D9D9D9;
	margin:0;
	padding:0;
	}


p {margin:0 0 1em;}
#Content p {line-height:1.5; /* ~20px WAS 1.8*/}
#Content blockquote p {line-height:1.5;}
/* Browsers that understand the CSS child selector get the good typography. */
#Content p+p {margin-top:-0.5em;}
/* OLD VER: #Content p+p {margin-top:-1em; text-indent:2.7em;}*/


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

.smalltext {
	font-size: 0.8em;
}


a {
	color:#09c;
	text-decoration:none;
	font-weight:600;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {text-decoration:underline;}

h1 {
	color:#333333;
	font-size:12px; /* Not a relative value, since this is the site logotype */
	line-height:12px; /* Ditto */
	font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */
	padding:0;
	}
h2 {
	color:#ccc;
	font-size:2.18em; /* ~24px */
	font-weight:800;
	margin:.8em 0 .5em; /* margin-bottom: ~20px */
	}
h3 {
	color:#999;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.43em 0 .214em; /* ~6px 0 ~3px */
	}
h4 {
	color:#333;
	font-size:1em;
	font-weight:700;
	margin:1em 0 1em;
	}
h5 {
	color:#999;
	font-size:1em;
	font-style:italic;
	font-weight:800;
	margin:1.8em 0 .27em; /* ~20px 0 ~3px */
	}

blockquote {
	margin:1em 2.7em 1.36em; /* 11px ~30px ~15px */
	color:#666;
	line-height:1.5;
	}

img {border-width:0;}
img.thumb {margin:10px 1px;}
img.ad {margin: 0 10px 0 0;}

li {
	list-style-type: circle;
	list-style-position: outside;
}

#Main {
/*	clear:left;
	float:left;
*/
	position:absolute;
	left: 50%;
	width:600px;
    margin-left: -300px; /* half of the width */
	background-color:#FFFFFF;
	}

#Content {
	width:450px;
	text-align:left;
	margin:38px 0px 0px 75px;	/* 	margin:'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
	
/*	border: 1px solid #222222;*/

/*	background-image:url(/graphics/bg_leaf.gif);
	background-repeat:no-repeat;
	background-position:top right;
*/	}

#Header {
	width:100%;
	margin-top:50px;
	border-width:0;
/*	background-image:url(/assets/images/headerlogo.gif);
	background-repeat:no-repeat;
	background-position:center top;
*/
}

#Banner {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	height:100px;
	border-width:0;
	text-align:center;
/*	background-image:url(/assets/images/headerlogo.gif);
	background-repeat:no-repeat;
	background-position:center top;
*/
}

#Navigation {
	width:100%;
	margin-top:1px;
	border-width:0;
	text-align:center;
}

#Footer {
	width:100%;
	margin-top:50px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom:7px;
	border-color:#D9D9D9;
	border-style:solid;
	border-width:1px 0 0 0;
	text-align:center;
	background-color:#C2C2C2;
}

.audioexamples {
	margin-left:50px;
}
.audioexamples p {
	margin:0 0 0.3em;
}
.smaller {
	font-size: 0.9em;
	margin-left: 10px;
}


.clientfeature {
	width:450px;
/*	border-color:#ccc;
	border-style:solid;
	border-width:1px;*/
	text-align:left;
}
/*.clientfeature_header {
	width:436px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom:7px;
	padding-left:7px;
	padding-right:7px;
	border-width:0;
	background-color:#ccc;

	font-weight:800;
}*/
.clientfeature_body {
	width:436px;
	background-color:#ccc;

	margin-top:0px;
	margin-bottom:15px;
	padding-top: 7px;
	padding-bottom:7px;
	padding-left:7px;
	padding-right:7px;
}

.clientlist_col1 {
	float:left;
	width:110px;
	font-weight:800;
	background-color:#eee;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px; /* top right bottom left */	
}
.clientlist_col2 {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px; /* top right bottom left */	
}


.feature {
	width:450px;
/*	border-color:#ccc;
	border-style:solid;
	border-width:1px;*/
	text-align:left;
}
.feature_body {
	width:436px;
	background-color:#ccc;

	margin-top:0px;
	margin-bottom:15px;
	padding-top: 7px;
	padding-bottom:7px;
	padding-left:7px;
	padding-right:7px;
}


.buttondiv {
	position:relative;
	float:left;
	height:23px;
	text-align:center;
	padding-top:4;
}

.buttontext {
	font-weight:bold;
	color:#FFFFFF;
	height:23px;
	text-align:center;	
}

.headersection_center {
	width:100%;
	margin-top:0px;
	border-width:0;
	text-align:center;
}
.headersection_flash {
	width:450px;
	height:100px;
	margin-top:0px;
	border-width:0;
	text-align:center;
}
.navlink {
	color:#000;
	text-decoration:none;
	font-weight:400;
}
.navlink_invert {
	color:#FFF;
	text-decoration:none;
	font-weight:400;
}


.contentsection_center {
	width:100%;
	margin-top:10px;
	border-width:0;
	text-align:center;
}