@import "reset.css";
@import "inside.css";
@import "inside2.css";


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  min-width: 1015px;
}

div#container {
  display: block;
  position: relative;
  width: 1015px;
  margin: 0 auto;
  background: transparent;
}


div#sidebar {
  width: 286px;  
  display: block;
  position: relative;
  float: left;
  background: url(images/yellowleft.gif) repeat-y 0 -2px;
  height: 557px;
}

h1 {
  background: url(images/newton_logo.png) no-repeat 0 0px;  
  display: block;
  width: 286px;
  height: 174px;
  text-indent: -9999px;
}

div#sidebar h2 {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -195px;
  display: block;
  width: 161px;
  height: 17px;
  text-indent: -9999px;
  margin: 4em 0 1em 80px;
}

div#sidebar p {
  width: 240px;
  margin: 1em 0 1em 40px;
  font-size: 1.4em;
  line-height: 1.5em;
  text-align: center;

}

div#header {
  background-color: #9F100A;
  background-image: url(images/polkaredtop.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 729px;
  height: 112px;
  display: block;
  position: relative;
  float: left;
}

div#header ul {
  display: block;
  position: relative;
  float: left;
  margin: 71px 0 0 25px;
}

div#header ul li {
  display: block;
  position: relative;
  float: left;
}

div#header ul li a#tophome {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  display: block;
  height: 22px;
  width: 63px;
  text-indent: -9999px;
}

div#header ul li a#topproducts {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -22px;
  display: block;
  height: 22px;
  width: 137px;
  text-indent: -9999px;
}

div#header ul li a#topabout {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -44px;
  display: block;
  height: 22px;
  width: 78px;
  text-indent: -9999px;
}

div#header ul li a#topcontact {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -66px;
  display: block;
  height: 22px;
  width: 93px;
  text-indent: -9999px;
}

div#header ul li a#topfan {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  background-position: 0 -88px;
  display: block;
  height: 22px;
  width: 120px;
  text-indent: -9999px;
}

div#header img {
  display: block;
  position: relative;
  float: right;
}
div#hero {
  display: block;
  position: relative;
  float: left;
  width: 704px;
  background: url(images/yellowright.gif) repeat-y 0 0;
  height: 409px;
  padding-top: 36px;
  padding-left: 25px;
}

div#hero img {
  display: block;
  position: relative;
  float: left;
}

div#hero div.left, div#hero div.right {
  width: 44px;
  height: 100%;
  display: block;
  position: relative;
  float: left;  
}

div#hero div.topleft, div#hero div.topright,
div#hero div.lefthandle, div#hero div.righthandle,
div#hero div.bottomleft, div#hero div.bottomright {
  background: url(images/sprites.png);
  background-repeat: no-repeat;
  width: 44px;
  display: block;
  position: relative;
  float: left;
}

div#hero div.topleft {
  background-position: 0 -212px;
  height: 158px;
}

div#hero div.bottomleft {
  background-position: 0 -370px;
  height: 156px;
}

div#hero div.lefthandle {
  background-position: 0 -526px;
  height: 78px;
  cursor: pointer;
}

div#hero div.topright {
  background-position: 0 -604px;
  height: 158px;
}

div#hero div.righthandle {
  background-position: 0 -918px;
  height: 78px;
  cursor: pointer;  
}

div#hero div.bottomright {
  background-position: 0 -762px;
  height: 156px;
}

div.carousel {
  height: 155px;
  width: 100%;
  display: block;
  position: relative;
  float: left;
  background: url(images/yellowwide.png) repeat-y 0 -8px;
}

div.carousel a.left, div.carousel a.right {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  width: 25px;
  text-indent: -9999px;
  margin-top: 57px;  
}

div.carousel a.left {
  background-position: 0 -996px;
  position: relative;
  float: left;
  margin-left: 20px;
}

div.carousel a.right {
  background-position: 0 -1021px;
  position: relative;
  float: right;  
  margin-right: 20px;
}

div.carousel ul {
  margin-left: 16px;
}

div.carousel ul,
div.carousel ul li {
  display: block;
  position: relative;
  float: left;
}
div.carousel ul li {
  margin: 19px 19px 0;
}

div.carousel ul li.glowli {
  margin: 0px 5px 0px 4px;
}

div.carousel ul li.glowlileft {
  margin: 19px 0px 0px 19px;
}

div.carousel ul li.glowliright {
  margin: 19px 19px 0px 0px;
}

div.carousel ul li a {
  background-image: url(images/packs_sprites.png);
  background-repeat: no-repeat;
  width: 73px;
  height: 102px;
  display: block;
}

div.carousel ul li a#fishclassic {
  background-position: 0 0;
}

div.carousel ul li a#fishsaltandvinegar {
  background-position: 0 -140px;
}

div.carousel ul li a#fishsweetchili {
  background-position: 0 -280px;
}

div.carousel ul li a#takoyaki {
  background-position: 0 -420px;
}

div.carousel ul li a#tempura {
  background-position: 0 -560px;
}

div.carousel ul li a#cassavaplain {
  background-position: 0 -700px;
}

div.carousel ul li a#cassavacheese {
  background-position: 0 -840px;
}

div.carousel ul li a#potato {
  background-position: 0 -980px;
}

div.carousel ul li a#chickychips {
  background-position: 0 -1820px;
}

div.carousel ul li a#clubee {
  background-position: 0 -1680px;
}

div.carousel ul li a#nicnac {
  background-position: 0 -1540px;
}

div.carousel ul li a#chickenteriyaki {
  background-position: 0 -1260px;
}

div.carousel ul li a#smokehousebbq {
  background-position: 0 -1120px;
}

div.carousel ul li a#prawn {
  background-position: 0 -1400px;
}



div.carousel li a.glow {
  width: 140px;
  height: 140px;
}

div.carousel ul li a#fishclassic.glow {
  background-position: -73px 0;
}

div.carousel ul li a#fishsaltandvinegar.glow {
  background-position: -73px -140px;
}

div.carousel ul li a#fishsweetchili.glow {
  background-position: -73px -280px;
}

div.carousel ul li a#takoyaki.glow {
  background-position: -73px -420px;
}

div.carousel ul li a#tempura.glow {
  background-position: -73px -560px;
}

div.carousel ul li a#cassavaplain.glow {
  background-position: -73px -700px;
}

div.carousel ul li a#cassavacheese.glow {
  background-position: -73px -840px;
}

div.carousel ul li a#potato.glow {
  background-position: -73px -980px;
}

div.carousel ul li a#chickychips.glow {
  background-position: -73px -1820px;
}

div.carousel ul li a#clubee.glow {
  background-position: -73px -1680px;
}

div.carousel ul li a#nicnac.glow {
  background-position: -73px -1540px;
}

div.carousel ul li a#chickenteriyaki.glow {
  background-position: -73px -1260px;
}

div.carousel ul li a#smokehousebbq.glow {
  background-position: -73px -1120px;
}

div.carousel ul li a#prawn.glow {
  background-position: -73px -1400px;
}




div#footer {
  display: block;
  clear: both;
  width: 100%;
  height: 143px;
  background-image: url(images/polkaredbottom.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#footer ul {
  display: block;
  position: relative;
  margin: 0 223px 0;
  padding-top: 19px;
  width: 562px;
}

div#footer ul li{
  display: block;
  position: relative;
  float: left;
}

div#footer li img {
  margin-right: 6px;
}

div#footer ul li a {
  background-image: url(images/sprites.png);
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  text-indent: -9999px;
  margin-top: 49px;
}

div#footer ul li a#foothome {
  background-position: 0 -110px;
  width: 72px;
}

div#footer ul li a#footproducts {
  background-position: 0 -127px;
  width: 157px;
}

div#footer ul li a#footcontact {
  background-position: 0 -144px;
  width: 98px;
}


div#footer ul li a#footabout {
  background-position: 0 -161px;
  width: 98px;
}

div#footer ul li a#footfacebook {
  background-position: 0 -178px;
  width: 78px;
}



div#footer p {
  width: 100%;
  display: block;
  position: relative;
  float: left;
  clear: both;
  text-align: center;
  color: #F9D01C;
  margin: 12px 0 20px;
}