﻿body { margin:0px; padding:0px; font-family:Verdana, Arial, Tahoma; }
body { background:black url(../images/body-bg.gif) repeat-x; }

#wrapper-outer { width:974px; margin:0px auto; padding-bottom:30px; }
#wrapper-outer { background:transparent url(../images/wrapper-outer-bg.png) repeat-y; }

#wrapper { width:924px; margin:0px auto; padding:0px 25px; }
#wrapper { background:transparent url(../images/wrapper-bg.png) no-repeat; }

#header { width:924px; height:105px; }
#header #logo { width:320px; height:105px; float:left; }
#header #main-menu { width:604px; height:60px; float:right; text-align:right; padding-top:45px; position:relative; }
#header #main-menu { font-family:Georgia, Helvetica, Tahoma; text-transform:uppercase; font-size:0.85em; }
#header #main-menu ul { margin:0px; padding:0px; list-style:none; } /* see iestyles.css for li margins */
#header #main-menu ul li { display:inline; background:url(../images/main-menu-sep.gif) no-repeat right bottom; padding:0px 12px 0px 8px; }
#header #main-menu ul li.last { background:url(../images/main-menu-no-sep.gif) no-repeat right top; padding:0px 0px 0px 10px; }
#header #main-menu a { color:White; text-decoration:none; padding-top:6px; }
#header #main-menu a.current, #header #main-menu a:hover { background:url(../images/main-menu-current.gif) no-repeat center top; }

#home-content, #about-us-content, #products-content, #order-content, #contact-us-content, #links-content, #links-control-content { width:924px; }
#slideshow { width:607px; height:455px; margin-right:18px; float:left; position:relative; z-index:1; }
#slideshowOverlay { z-index:1000; }
#slides, #slideshowOverlay, #slide { width:607px; height:455px; position:absolute; top:0px; left:0px; }
#slides img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slides img.active { z-index:10; opacity:1.0; }
#slides img.last-active { z-index:9; }

#bubble-box { width:299px; float:right; color:white; }
#bubble-box table { font-size:9pt; }
#bubble-box table td { padding:3px 0px; }

#order-content div.order-now, div.links { position:relative; z-index:4000; }
#order-content div.order-now a { border:1px solid #adadad; background:#666666; font-family:Verdana, Arial, Tahoma; font-size:9pt; text-decoration:none; } 
#order-content div.order-now a { padding:3px 6px; color:white; cursor:pointer; }
#order-content div.order-now { text-align:center; padding:60px 0px; }

#links-control-content {font-size:9pt; color:#ffffff; line-height:160%; min-height:415px; }
#links-control-content a { color:#7b5d4d; }
#links-control-content a:hover { color:#ffffff; text-decoration:none; }
#links-table { margin:15px 0px; }
#links-table table td { padding:2px 0px; }
#links-control-content #add-link h1 { margin:15px 0px; }
#links-control-content #add-link form { margin-bottom:65px; }
input.txtAddLink { width:200px; background:#efefef; border:1px solid #ababab; padding:3px; font-family:Verdana, Arial, Tahoma; font-size:9pt; margin-right:15px; }
input.btnAddLink { border:1px solid #adadad; background:#666666; font-family:Verdana, Arial, Tahoma; font-size:9pt; height:21px; padding:0px 3px; color:white; cursor:pointer; }
select.slAddLink { width:200px; background:#efefef; border:1px solid #ababab; font-family:Verdana, Arial, Tahoma; font-size:9pt; padding:2px; cursor:pointer; margin-right:15px; } 

div.links { width:290px; height:455px; margin-right:18px; float:left; color:white; font-size:9pt; }
div.links p { margin:15px 0px; font-size:9pt; color:#ffffff; line-height:160%; }
div.links a { color:#7b5d4d; }
div.links a:hover { color:#ffffff; text-decoration:none; }

#contact-form { width:507px; height:415px; padding:20px 50px; margin-right:18px; float:left; color:#000000; font-size:9pt; background:url(../images/contact-bg.gif); }
#contact-form form { margin:0px; padding:0px; z-index:1000; position:relative; }
#contact-form p { margin:15px 0px; font-size:9pt; color:#ffffff; line-height:160%; }
#contact-form input.txtContact { width:497px; height:14px; background:#efefef; padding:3px; border:1px solid #ababab; font-family:Verdana, Arial, Tahoma; font-size:9pt; }
#contact-form textarea.txtContactMsg { width:494px; height:150px; background:#efefef; padding:3px; border:1px solid #ababab; font-family:Verdana, Arial, Tahoma; font-size:9pt; }
#contact-form input.btnContact { border:1px solid #adadad; background:#666666; font-family:Verdana, Arial, Tahoma; font-size:9pt; height:25px; padding:3px; color:white; cursor:pointer; }

#content p { margin:15px 0px; font-size:9pt; color:White; line-height:160%; }
#content h1 { font-family:Georgia, Helvetica, Tahoma; font-size:14pt; color:White; margin:0px; font-weight:normal; }

#footer { width:924px; padding-top:12px; color:#7b5d4d; font-size:8pt; }
#footer a { color:#7b5d4d; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:none; }
#footer-left { width:412px; float:left; padding-top:4px; }
#footer-right { width:416px; float:left; text-align:right; padding-top:4px; }
#footer-right a { margin:0px 4px 0px 0px; }
#footer-right a.last { margin:0px; }
/*#footer #music { width:50px; float:left; padding-left:10px; }*/
#footer #ma-logo { width:20px; padding-left:10px; float:right; }
#footer #ma-logo a img, #footer #facebook a img { border:0px; }
#footer #facebook { width:56px; padding-left:10px; float:left; }

.clear { clear:both; font-size:0; line-height:0; }
