/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
* {
margin:0;
padding:0;}

body {
background: #4d473b url(images/bg_site.gif) top left repeat-x;
text-align: center;}

p, a, ul, ol, li, td, h3 {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
color: #333;}

h1 {
padding:0 0 15px 15px;
font: bold 15px Georgia, "Times New Roman", Times, serif;
color: #999;}

h2 {
margin:0 20px;
font: bold 13px Georgia, "Times New Roman", Times, serif;
color: #3d67bc;
border-bottom:1px solid #e7e7e7;}

h3 {
padding: 0 15px 0 20px;
font-weight:bold;}

p {
padding: 0 15px 20px 20px;}

strong, b {}

ul, ol {
margin: 0;
padding: 0 0 15px 0;}
	ul li {
	margin: 3px 0 3px 25px;
	padding: 0 0 0 10px;
	list-style:none;
	list-style-image:none;
	background:url(images/bullet.gif) top left no-repeat;}

address {
padding: 10px 0 0 15px;
font: normal 11px Arial, Helvetica, Verdana, sans-serif;
color: #666;}
	address a:link, address a:visited {
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #666;}
	address a:hover, address a:active {
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #5086f5;}

/* ----------------- LINK STYLE ----------------- */
a:link, a:visited {
color: #3d67bc;
text-decoration: underline;}

a:hover, a:active {
color: #5086f5;
text-decoration: none;}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
table, td, th {
border-collapse: collapse;}

/* DIV ALL */
div#all {
width: 760px;
margin: 0 auto;}

/* DIV HEADER */
div#header {
width: 760px;
height:88px;
margin: 0 auto;
background: url(images/bg_header.jpg) top left no-repeat;}

div#cta {
width:760px;
height:191px;
background:url(images/cta-contact-us-today.jpg) top left no-repeat;}

/* DIV CONTAINER */
div#container {
width: 760px;
margin: 0 auto;
border-top:15px solid #fff;
background: url(images/bg_container.gif) top left repeat-y;}
	div#diycontainer {
	width: 760px;
	margin: 0 auto;
	border-top:15px solid #fff;
	background: url(images/bg_diycontainer.gif) top left repeat-y;}

/* CONTENT DIVS */
div#leftcolumn {
float:left;
width:230px;
padding:0 0 5px 0;}
	div#leftcolumn img {
	padding:0 0 15px 0;}

div#content {
float: left;
width: 360px;
vertical-align: top;
text-align: left;}
	div#columnedlists ul {
	float:left;
	width:180px;}

div#diycontent {
float: left;
width: 590px;
vertical-align: top;
text-align: left;}
	div#iframe {
	text-align: center;}
	div#columns {
	float:left;
	width:280px;}
	div#map {
	clear:both;
	width:550px;
	margin:0 auto 5px auto;
	border:1px solid #e7e7e7;}

div#rightcolumn {
float: left;
width: 170px;
vertical-align: top;
text-align:left;}
	div#audio {
	text-align:left;}


/* DIV FOOTER */
div#footer {
width: 760px;
margin: 0 auto;
padding: 5px 0;
border-top:15px solid #fff;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
background:#4d473b;
color: #726d64;
clear: both;}
	div#footer a:link, div#footer a:visited {
	padding:0 5px;
	font-size: 9px;
	color: #a6a39d;
	text-decoration: none;}
	div#footer a:hover, div#footer a:active {
	font-size: 9px;
	color: #fff;
	text-decoration: none;}

/* DIV COPYRIGHT */
div#copyright {
position:relative;
width: 760px;
margin: 0 auto;
padding: 5px 0 15px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #91836e;}
	div#copyright a:link, div#copyright a:visited {
	font-size: 9px;
	color: #91836e;
	text-decoration: none;}
	div#copyright a:hover, div#copyright a:active {
	font-size: 9px;
	color: #91836e;
	text-decoration: underline;
	background:none;}
	.ypimg {
	position:absolute;
	top:2px;
	left:0;}
	.footerright {
	position:absolute;
	top: 15px;
	right:0;
	z-index:3;}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;}
 
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;}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgcenter {
text-align: center;
margin: 0;
padding: 10px 0 15px 0;}

.imgright {
float: right;
margin:0;
padding:0 60px 15px 10px;}

/* ----------------- NAVIGATION CONTAINER ----------------- */
div#horznav {
width: 760px;
height: 30px;
background:url(images/bg_nav.gif) top left no-repeat;}

ul#nav {
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;}

ul#nav li {
float: left;
margin: 0 auto;
padding: 0;
display: inline;
background:none;}

ul#nav li a:link, ul#nav li a:visited, ul#nav li a:active {
margin: 0;
padding: 8px 16px;
display: block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #c9d7f4;
background:url(images/bg_navoff.gif) top left no-repeat;}

ul#nav li a.current:link, ul#nav li a.current:visited {
background:url(images/bg_navoff.gif) top left no-repeat;
color: #fff;}

ul#nav li a:hover {
background: url(images/bg_navon.gif) top left repeat-x;
color:#fff;}

/* ----------------- CUSTOM CLASSES ----------------- */
.textcenter {
text-align: center;}

.clearboth {
clear: both;}

p.bold {
font-weight:bold;}