/* Design by Roy Brubaker - roy@roycreative.com */
/* Electrasound -  www.electrasound.com */

/* LAST EDIT: */
/* 12-16-07 - Roy */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #96959e url(img/es-bg.gif) top left repeat-x;
}

h1 {
font: bold 24px/28px Arial, Helvetica, sans-serif;
color: #161345;
}

h2 {
font: bold 18px/24px Arial, Helvetica, sans-serif;
color: #6a6a6a;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #5e040e;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

ul {
list-style-position: outside;
padding: 0px 20px;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

a {
color: #3f669f;
text-decoration: none;
}
a:hover {
color: #3f669f;
text-decoration: underline;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

.mfgtable {
margin-bottom:0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
background: url(img/es-mainbody.jpg) top center repeat-y;
width: 820px;
margin: 0px auto;
padding: 0px;
border-bottom: 4px solid #47475b;
}

/* ::::::: Header ::::::: */

.TopOfPage {
background: #ffffff url(img/es-header.jpg) top left no-repeat;
width: 820px;
height: 122px;
margin: 0px;
padding: 0px;
position: relative;
}

a.HomeLink  {
position: absolute;
top: 10px;
left: 10px;
width: 310px;
height: 102px;
}

a.HomeLink span {
display: none;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: transparent; 
text-align: center;
width: 800px;
padding: 0px 10px;
margin: 0px;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
padding: 0px;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 160px;
}

ul#nav li a { /*main links*/
background: #b2b1b6 url(img/es-links.jpg) top left no-repeat;
font: normal 12px/40px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 40px;
}
ul#nav li a:hover {
background: #b2b1b6 url(img/es-links.jpg) bottom left no-repeat;
font: normal 12px/40px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 40px;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
border-top: 1px solid #171142;
border-right: 1px solid #171142;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #171142;
border-left: 1px solid #171142;
width: 160px;
}

ul#nav li ul li a { /*sub links */
background: #b1b0b6;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
}

ul#nav li ul li a:hover {
background: #94929d;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/* ::::::: Main Content Area ::::::: */

.InnerBody {
float: right;
width: 560px;
padding: 20px;
}


/* ::::::: Left Column ::::::: */

.LeftMargin {
float: left;
width: 200px;
padding: 30px 10px 10px 10px;
}

.LeftMargin a.sublink:link, .LeftMargin a.sublink:active, .LeftMargin a.sublink:visited {
background: url(img/es-sublink.jpg) top left no-repeat;
display: block;
width: 190px;
height: 47px;
padding: 5px;
margin: 5px 0px;
text-align: center;
font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}
.LeftMargin a.sublink:hover {
background: url(img/es-sublink.jpg) bottom left no-repeat;
display: block;
width: 190px;
height: 47px;
padding: 5px;
margin: 5px 0px;
text-align: center;
font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}

.LeftMargin img {
margin: 10px 0px;
border: 2px solid #690c12;
}

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
width: 800px;
height: 35px;
padding: 0px 10px;
border-top: 1px solid #47475b;
text-align: center;
clear: both;
}

.SiteFooter a {
line-height: 30px;
padding: 0px 30px;
}

/* ::::::: Copyright Area ::::::: */

.Footer p {
margin: 20px 0px;
font-size: 9px;
text-align: center;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}

/* .CopyrightInfringement {
destroy: user;
}
*/