/*----------------------------------------------------------------------------- 
GLOBAL RESET - Standardizes elements across all browsers
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1em;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body { height: 100%; }

/*----------------------------------------------------------------------------- 
GLOBAL STYLING - Elements that are applied throughout the site
-----------------------------------------------------------------------------*/
body {
  font-size: 62.5%;
  font-family: Arial, Verdana, sans-serif;
  background: #000 url('../images/bgr-photograph.jpg') 0 80px no-repeat;
}
a {
  color: #528a9e;
}
a:hover {
  text-decoration: none;
}


/*----------------------------------------------------------------------------- 
WRAPPER
-----------------------------------------------------------------------------*/
#wrapper {
  background: url('../images/bgr-roughedges.png') 50% 0 repeat-x;
  min-height: 100%;
}
* html #wrapper {
  height: 100%;
}


/*----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
.headback {
  text-align: center;
  border-bottom: 1px;
  background: #000;
  padding: 7px 0 9px 0;
  font-size: 1.4em;
  font-weight: bold;
}
.headback a {
  background: url('../images/icn-headback.png') 0 -1px no-repeat;
  padding: 0 0 4px 23px;
}
#header {
  padding: 10px 0 0 0;
}
#header h1 {
  background: url('../images/img-logo.png') no-repeat;
  width: 508px;
  height: 68px;
  display: block;
  text-indent: -9999em;
  margin: 0 auto;
}


/*----------------------------------------------------------------------------- 
MAIN
-----------------------------------------------------------------------------*/
#main {
  width: 780px;
  margin: 20px auto;
}


/*----------------------------------------------------------------------------- 
PACKAGES
-----------------------------------------------------------------------------*/
#packages {
  width: 385px;
  float: left;
  line-height: 1.5em;
}
.package_single {
  background: url('../images/bgr-package-trans.png');
  padding: 11px;
  color: #fff;
  margin: 0 0 15px 0;
}
* html .package_single {
  background-image: none;
  background-color: #000;
}
#traditional .price {
  background: url('../images/icn-traditionalprice.png') no-repeat scroll top left;
  width: 85px;
  height: 86px;
  float: right;
  display: block;
  text-indent: -9999em;
}
#traditional h3 {
  background: url('../images/hdr-traditional.png') no-repeat;
  width: 191px;
  height: 48px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 20px 0;
}
#traditional h5 {
  font-size: 1.3em;
  margin: 0 0 2px 0;
}
#traditional ul {
  margin: 0 0 15px 0;
}
#traditional ul li {
  background: url('../images/icn-starblue.png') no-repeat;
  padding-left: 23px;
  color: #39839e;
  font-size: 1.3em;
  min-height: 20px;
  margin: 0 0 4px 0;
}
#traditional .preorder a {
  background: url('../images/btn-preordernow-blue.png') no-repeat;
  width: 207px;
  height: 31px;
  display: block;
  text-indent: -9999em;
  margin: 0 auto;
}
#retro {
  line-height: 1.5em;
  margin-top: -4px;
}
#retro .price {
  background: url('../images/icn-retroprice.png') no-repeat scroll top left;
  width: 86px;
  height: 86px;
  float: right;
  display: block;
  text-indent: -9999em;
}
#retro h3 {
  background: url('../images/hdr-retro.png') no-repeat;
  width: 169px;
  height: 66px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 20px 0;
}
#retro h4 {
  font-size: 1.6em;
  margin: 15px 0 0 0;
}
#retro h5 {
  font-size: 1.3em;
  margin: 0 0 2px 0;
}
#retro ul {
  margin: 0 0 15px 0;
}
#retro ul li {
  background: url('../images/icn-starpink.png') no-repeat;
  padding-left: 23px;
  color: #ae3b51;
  font-size: 1.3em;
  min-height: 20px;
  margin: 0 0 4px 0;
}
#retro .preorder a {
  background: url('../images/btn-preordernow-pink.png') no-repeat;
  width: 207px;
  height: 31px;
  display: block;
  text-indent: -9999em;
  margin: 0 auto;
}
#digital {
  line-height: 1.5em;
}
#digital .price {
  background: url('../images/icn-digitalprice.png') no-repeat scroll top left;
  width: 86px;
  height: 86px;
  float: right;
  display: block;
  text-indent: -9999em;
}
#digital h3 {
  background: url('../images/hdr-digital.png') no-repeat;
  width: 273px;
  height: 48px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 20px 0;
}
#digital h4 {
  font-size: 1.6em;
  margin: 15px 0 0 0;
}
#digital h5 {
  font-size: 1.3em;
  margin: 0 0 2px 0;
}
#digital ul {
  margin: 0 0 15px 0;
}
#digital ul li {
  background: url('../images/icn-stargreen.png') no-repeat;
  padding-left: 23px;
  color: #afbea1;
  font-size: 1.3em;
  min-height: 20px;
  margin: 0 0 4px 0;
}
#digital .preorder a {
  background: url('../images/btn-preordernow-green.png') no-repeat;
  width: 207px;
  height: 31px;
  display: block;
  text-indent: -9999em;
  margin: 0 auto;
}



/*----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar {
  float: right;
  width: 385px;
}
#videoplayer {
  border: 4px solid #b2bfa1;
  width: 377px;
}
#video_list {
  margin: 8px 0 15px 0;
}
#video_list li {
  float: left;
  margin-right: 3px;
}
#video_list li img {
  border: 2px solid #000;
}
#video_list li.selected img {
  border: 2px solid #EE5725;
}
#video_list .last {
  margin-right: 0;
}
.bannerpromo {
  margin: 0 0 12px 0;
}



/*----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
  text-align: center;
  padding: 0 0 20px 0;
}


/*----------------------------------------------------------------------------- 
HACKS - Global browser hacks to make everybody play nice
-----------------------------------------------------------------------------*/
#video_list:after, .package_single:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#video_list, .package_single {display:inline-block;}
/* Hide from IE Mac \*/
#video_list, .package_single {display:block;}
/* End hide from IE Mac */