/* IEPNGFIX */
div, span {
  behavior: url(iepngfix/iepngfix.htc);
}
html,body{height:100%;}
body{
  font:normal 0.9em "Arial",Helvetica,sans-serif;
  color:#000;
  text-decoration:none;
}
a{
  text-decoration:none;
  border-bottom:1px dotted #993366;
  color:#993366;
}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
body{
  text-align:left;
  background:#894C8B url(../images/bg-body.jpg) repeat-x;
}
body,form{
  margin:0;
  padding:0;
}
.preload{
  position:absolute;
  top:-1000px;
  left:-1000px;
}
#grads{
  width:100%;
  overflow:hidden;
}
#grads div{
  width:50%;
  background:repeat-x 100% 0;
  font:0px/0px sans-serif;
}
* html #grads div{width:49.9%;}
*+html #grads div{width:49.9%;}
#grads .right{float:right;}
#grads .left{float:left;}
#main{
  width:100%;
  background:url(../images/header-bg.jpg) top center no-repeat;
  position:relative;
  min-width:849px;
  clear:both;
}
#header{
  margin:0 auto;
  width:853px;
  height:190px;
  clear:both;
}
#header #logo{
  width:340px;
  height:170px;
  padding-left:10px;
}
#contentFooter{
  margin:0;
  height:150px;
  clear:both;
  background:url(../images/footer-bg.png) no-repeat;
  /*font:1.2em/60px "Trebuchet MS",trebuchet,sans-serif;*/
  color:#cccccc;
  position:relative;
  text-align:right;
  padding-right:400px;
}
.middle{
  margin:0 auto;
  width:853px;
}
/*.home .middle{
  background:url(../images/content-right-bg-home.jpg) 478px 155px no-repeat;
}*/
.services .middle{
  background:url(../images/content-right-bg-services.jpg) 478px 155px no-repeat;
}
.newArrival .middle{
  background:url(../images/content-right-bg-newArrival.jpg) 478px 155px no-repeat;
}
.about .middle{
  background:url(../images/content-right-bg-about.jpg) 478px 155px no-repeat;
}
.contact .middle{
  background:url(../images/content-right-bg-contact.jpg) 478px 155px no-repeat;
}
.middle span.top,
.middle span.bottom span,
.middle span.bottom{
  display:block;
  background:no-repeat;
  font:0px/0px sans-serif;
  float:left;
  position:relative;
}
.middle span.top{
  width:493px;
  height:51px;
  background-image:url(../images/content-top.png);
}
.middle span.top{background-image:url(../images/content-left-top.png);}
#right span.top,
#right span.bottom,
#right span.bottom span{width:375px;}
#right span.top{height:50px;}
#right span.bottom span,
#right span.bottom{height:148px;}
#right span.bottom{margin:0 0 -95px;}
#right span.top{background-image:url(../images/content-right-top.png);}
#right span.bottom span{background-image:url(../images/content-right-bottom.png);}
#content{
  width:853px;
  float:left;
  display:inline;
}
#content .holder{
  background:url(../images/content-holder.gif) repeat-y;
  float:left;
}
#content .shade{
  margin-right:-16px;
  background:url(../images/content-bg.png);
  float:left;
  display:inline;
  width:493px;
  position:relative;
  z-index:100;
}
#content .inner{
  background:url(../images/content-left-bg-01.gif) #FFFFFF no-repeat;
  margin-left:16px;
  display:inline;
  width:461px;
  min-height:215px;
  float:left;
  font:1.0em "Arial",Helvetica,sans-serif;
  color:#484848;
}
#content .inner #leftPanelContent{
  /*background:url(../images/content-left-bg-02.gif) bottom left no-repeat;*/
  margin:0 20px;
}
#content h1{
  margin:0 0 30px;
  font-size:1.5em;
  color:#8D0D91;
}
#content h2{
  background:url(../images/icon-star.gif) top left no-repeat;
  margin:0 0 10px;
  padding:0 20px;
  font-size:1.3em;
  color:#2E6CAA;
  font-weight:normal;
}
#content p{
  margin:0 0 35px;
  font:1.0em "Arial",Helvetica,sans-serif;
  color:#484848;
}
#content b{
  color:#FF6600;
}
#flashcontent{
  color:#CC0000;
}
#right{
  width:375px;
  float:right;
  margin:100px 0 0;
  position:relative;
  z-index:0;
  display:inline;
}
#right .shade{
  background:url(../images/content-right-bg.png) repeat-y;
  width:375px;
  float:left;
}
#right .inner{
  width:343px;
  background:#F2F0E9 !important;
}
#right #copyrightMessage{
  font-size:0.9em;
  color:#CCCCCC;
  margin-left:15px;
}
#fixme{
  /* IE 5.0/Win and other lesser browsers will use this */
  position:absolute;
  left:0px;
  bottom:0px;
  height:274px;
  width:100%;
  text-align:left;
}
#fixme #cosmeticDeco{
  /*background:url(../images/footer-house.png) no-repeat;*/
  z-index:5;
  width:100%;
  height:200px;
}
body > div#fixme{
  /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
  position:fixed;
}
#navContainer{
  background:url(../images/bg-nav.gif) top left repeat-x;
  height:42px;
}
#nav{
  margin:0 auto;
  width:853px;
  padding-left:10px;
  text-transform:uppercase;
}
#nav ul.buttons{
  padding-left:0;
  margin:0;
  float:left;
  width:100%;
}
#nav ul.buttons li{
  display:inline;
}
#nav ul.buttons li a{
  padding:0 1.2em;
  color:#FFFFFF;
  text-decoration:none;
  float:left;
  border-right:1px solid #565656;
  line-height:38px;
  font-size:0.85em;
}
#nav ul.buttons li a:hover{
  background:url(../images/bg-nav-mouse-over.jpg) top left repeat-x;
  color:#333333;
  font-size:0.9em;
  border-right:1px solid #565656;
}
body.home .buttons #homeBtn,
body.products .buttons #productsBtn,
body.services .buttons #servicesBtn,
body.newArrival .buttons #newArrivalBtn,
body.about .buttons #aboutBtn,
body.contact .buttons #contactBtn {background:url(../images/bg-nav-mouse-active.jpg) repeat-x;}