html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display:block; }
body {
  line-height:1.4;
  text-rendering:optimizeLegibility;
}
pre, cite, code, kbd, samp { font-family:'Andale Mono', 'Courier New', Courier, monospace; }
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #999999;
  margin:1em 0;
  padding:0;
}
nav ul { list-style:none; }
ol { list-style:decimal; }
ul { list-style:disc; }
ul ul { list-style:circle; }
ul, ol, dd { padding-left:2.5em; }
blockquote { padding-left:1.25em; }
blockquote, q {
  quotes:none;
  font-style:italic;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}
ul, ol, dl, hr, blockquote, code, p, pre { margin-bottom:1.5em; }
ul, ol, dl, hr, blockquote, code { margin-top:1.5em; }
ul ul, ul ol, ul dl, ol ol, ol ul, ol dl, dl dl, dl ul, dl ol {
  margin-top:0;
  margin-bottom:0;
}
h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.31em; }
h4 { font-size:1.13em; }
h5 { font-size:1em; }
h6 {
  font-size:1em;
  font-weight:normal;
}
h1, h2, h3, h4, h5, h6 { margin:0.5em 0; }
ins {
  text-decoration:none;
  background-color:#ffff99;
  color:#000000;
}
mark {
  background-color:#ffff99;
  color:#000000;
  font-style:italic;
  font-weight:bold;
}
del { text-decoration:line-through; }
sup, sub {
  font-size:0.75em;
  margin-left:0.15em;
}
sup { vertical-align:0.4em; }
sub { vertical-align:-0.3em; }
abbr[title], dfn[title] {
  border-bottom:1px dotted #000000;
  cursor:help;
}
small { font-size:80%; }
a img { border:none; }
table {
  border-collapse:collapse;
  border-spacing:0;
}
table, td, th { border:1px solid #999999; }
td, th, caption { padding:0.25em; }
th {
  text-align:left;
  background-color:#e4e4e4;
}
tr:nth-child(odd) { background-color:#f4f4f4; }
td { text-align:center; }
tfoot { font-style:italic; }
input, select { vertical-align:baseline; }
legend { font-weight:bold; }
fieldset {
  padding:0.25em;
  margin-bottom:1.5em;
  border:1px solid #999999;
}
.clear {
  clear:both;
  font-size:0;
}
body {
  background-color:#333333;
  color:#333333;
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  margin:0;
  background-image:url(/img/bground.png);
  background-repeat:repeat-x;
}
a {
  color:#cc6600;
  text-decoration:none;
}
hr { border-color:#cccccc; }
p { margin-bottom:10px; }
h1, h2, h3, h4, h5, h6 { color:#cc6600; }
#container {
  position:relative;
  width:1150px;
  margin:0px auto;
}
#header_wrapper { color:#ffffff; }
#header #logo {
  display:block;
  width:174px;
  height:148px;
  position:absolute;
  top:0px;
  left:40px;
  background-image:url(/img/logo-bluespires.png);
  text-indent:-99999px;
  z-index:2;
}
#content_wrapper { padding:10px 0; }
#content {
  position:relative;
  background-color:#ffffff;
  min-height:430px;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.25);
  -moz-box-shadow:1px 1px 5px rgba(0,0,0,0.25);
  box-shadow:1px 1px 5px rgba(0,0,0,0.25);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  padding:170px 40px 175px;
  font-size:13px;
}
#footer {
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:lighter;
  margin:10px auto;
  padding:0 10px;
  width:1130px;
  height:15px;
  color:#ffffff;
}
#footer A { color:#ffffff; }
#footer A:hover { color:#999999; }
#footer span { color:#3271a1; }
#footer_design {
  float:right;
  color:#999999;
}
#footer_design A { color:#999999; }
#footer_design A:hover { color:#ffffff; }
#menuindex {
  position:relative;
  left:-40px;
  top:-170px;
}
#menuindex div {
  position:absolute;
  background-repeat:no-repeat;
}
#menuindex a {
  position:absolute;
  display:block;
  text-indent:-9999px;
}
#menuindex .menu_item { position:relative; }
#menuindex #btn_how {
  left:722px;
  top:46px;
  width:339px;
  height:244px;
  background-image:url(/img/menuindex/btn_how.png);
}
#menuindex #btn_how A {
  left:92px;
  top:1px;
  width:250px;
  height:73px;
}
#menuindex #btn_making {
  left:72px;
  top:138px;
  width:329px;
  height:239px;
  background-image:url(/img/menuindex/btn_making.png);
}
#menuindex #btn_making A {
  left:8px;
  top:1px;
  width:273px;
  height:86px;
}
#menuindex #btn_already {
  left:723px;
  top:290px;
  width:335px;
  height:86px;
  background-image:url(/img/menuindex/btn_already.png);
}
#menuindex #btn_already A {
  left:114px;
  top:30px;
  width:220px;
  height:56px;
}
#menuindex #btn_good {
  left:63px;
  top:425px;
  width:404px;
  height:163px;
  background-image:url(/img/menuindex/btn_good.png);
}
#menuindex #btn_good A {
  left:0px;
  top:0px;
  width:224px;
  height:56px;
}
#menuindex #btn_why {
  left:685px;
  top:415px;
  width:361px;
  height:174px;
  background-image:url(/img/menuindex/btn_why.png);
}
#menuindex #btn_why A {
  left:166px;
  top:92px;
  width:191px;
  height:82px;
}
#menu {
  position:absolute;
  width:890px;
  border-bottom:1px solid #cccccc;
  top:90px;
  left:40px;
  padding:0 0 10px 180px;
}
#menu div {
  background-repeat:no-repeat;
  float:left;
  height:54px;
}
#menu a {
  display:block;
  text-indent:-9999px;
  height:54px;
}
#menu #btn_how {
  width:192px;
  background-image:url(/img/menu/btn_how.png);
}
#menu #btn_how A { width:192px; }
#menu #btn_making {
  width:198px;
  background-image:url(/img/menu/btn_making.png);
}
#menu #btn_making A { width:198px; }
#menu #btn_already {
  width:168px;
  background-image:url(/img/menu/btn_already.png);
}
#menu #btn_already A { width:168px; }
#menu #btn_good {
  width:175px;
  background-image:url(/img/menu/btn_good.png);
}
#menu #btn_good A { width:175px; }
#menu #btn_why {
  width:153px;
  background-image:url(/img/menu/btn_why.png);
}
#menu #btn_why A { width:153px; }
#ipad_logo_wrapper { position:relative; }
#ipad_logo {
  position:absolute;
  width:429px;
  height:501px;
  top:36px;
  left:365px;
  background-image:url(/img/ipad_grey.png);
  background-repeat:no-repeat;
}
#ipad_logo_img {
  width:429px;
  height:501px;
  background-color:transparent;
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  filter:alpha(opacity=0);
}
#ipad_content {
  position:absolute;
  width:430px;
  height:549px;
  top:28px;
  left:365px;
  background-image:url(/img/ipad_content.png);
  background-repeat:no-repeat;
  font-size:12px;
}
#ipad_content_holder {
  margin:62px 49px 49px 53px;
  height:409px;
  padding:10px;
}
#ipad_content_wrapper {
  overflow:hidden;
  height:409px;
}
#bottom {
  position:absolute;
  bottom:20px;
  left:40px;
  width:1070px;
  height:135px;
  border-top:1px solid #cccccc;
  padding-top:20px;
  font-size:12px;
}
#bottom h4 {
  margin:0;
  color:#333333;
}
.bottom_item {
  width:24%;
  height:130px;
  float:left;
  border-left:1px solid #cccccc;
  padding:0 4px;
}
.bottom_item:first-child { border-left-width:0px; }
.bottom_item img {
  float:left;
  margin-bottom:40px;
}
#content_main {
  margin-right:311px;
  margin-top:20px;
}
#content_header {
  position:relative;
  height:208px;
}
#content_header h3 {
  position:absolute;
  left:10px;
  bottom:0;
  display:block;
  background-color:#ffffff;
  color:#3271a1;
  margin:0;
  padding:10px;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  -khtml-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
}
#content_header_right { float:right; }
.red { color:red; }
.blue { color:#3271a1; }