html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
html {
  background: #fff;
  color: #333;
  font: 12px/1.5em arial, helvetica, sans-serif;
}
body {
  font-size: 100%;
  text-align: center;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  position: relative;
  display: block;
  z-index: 1;
  margin: 0;
  padding: 0;
  zoom: 1;
}
a,
form,
img {
  border: 0;
}
form,
img {
  outline: none;
}
#main {
  width: 960px;
  margin: 0 auto;
}
nav.angled {
  position: relative;
  width: 746px;
  height: 105px;
  overflow: hidden;
}
nav.angled ul {
  position: relative;
  display: block;
  list-style: none;
  margin: 0 0;
  padding: 0 0 0 110px;
  overflow: hidden;
  height: 103px;
  width: 200%;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
nav.angled ul li {
  position: relative;
  display: block;
  margin: 55px 0 0 -138px;
  padding: 0;
  float: left;
  width: 223px;
  height: 103px;
  /* Safari */

  -webkit-transform: rotate(-35deg);
  /* Firefox */

  -moz-transform: rotate(-35deg);
  /* IE */

  -ms-transform: rotate(-35deg);
  /* Opera */

  -o-transform: rotate(-35deg);
  /* Internet Explorer */

}
nav.angled ul li a {
  position: relative;
  display: block;
  text-decoration: none;
  color: #009;
  white-space: nowrap;
  text-align: center;
  background: #fff;
  width: 323px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #999;
}
nav.angled ul li a:active,
nav.angled ul li a:hover {
  background: #090;
  color: #fff;
}
nav.angled ul li.two-lines a {
  line-height: 25px;
}
.lte9 nav.angled ul {
  padding: 0 0 0 100px;
}
.lte9 nav.angled ul li {
  margin: -55px 0 0 -138px;
}
.lte9 nav.angled ul li a {
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand", M11=0.8191520442889918, M12=0.573576436351046, M21=-0.573576436351046, M22=0.8191520442889918);
  /* IE6,IE7 */

  -ms-filter: progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand", M11=0.8191520442889918, M12=0.573576436351046, M21=-0.573576436351046, M22=0.8191520442889918);
  /* IE8 */

}
#rotateme {
  width: 200px;
  height: 200px;
  /* Safari */

  -webkit-transform: rotate(-35deg);
  /* Firefox */

  -moz-transform: rotate(-35deg);
  /* IE */

  -ms-transform: rotate(-35deg);
  /* Opera */

  -o-transform: rotate(-35deg);
  /* Internet Explorer */

  background: #f33;
}
@media screen {
  
}
@media print {
  
}