@import "prettyPhoto.css";

body {
  background-color: #efefef;
	color: #333;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 13px;
	line-height:1.25;
	margin:0;
	padding:0;
	text-align: center;
}

dl {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

a {
  color: #69821E;
}

h1,h2,h3,h4,h5,h6,p {
  margin: 0 0 .5em 0;
  padding: 0;
}

img { border-width: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
table td { vertical-align: top; }

dt { font-weight: bold; }
dd { margin: 0; padding: 0; }

.column {
  float: left;
}

.column.half {
  width: 450px;
}

.column.half.last {
  margin-left: 60px;
  width: 400px;
}

div#main {
  border: 3px solid #ccc;
  border-width: 0 3px;
  margin: 0 auto;
  text-align: left;
  width: 1000px;
}

div#header {
  background-color: #1a1a1a;
  border-bottom: 1px solid #333;
  font-size: 14px;
}

div#header a {
  border-right: 1px solid #161616;
  color: #efefef;
  display: block;
  float: left;
  padding: .5em 1em;
  text-decoration: none;
  text-shadow: 0 1px 0 #000;
}
div#header a:hover { background-color: #161616; }

div#header div#header-right {
  float: right;
}

div#header a#signup-link {
  background-color: #131313;
  color: orange;
  text-decoration: underline;
}
div#header a#signup-link:hover { color: #ffcc00; }

div#logo {
  background-image: url(/assets.bandize.com/images/splash/logo.jpg);
  background-repeat: no-repeat;
  height: 200px;
}

div#content {
  background-color: #fff;
}

div#foot {
  background-color: #1a1a1a;
  color: #666;
  font-size: 11px;
  padding: 20px;
}

div#foot .links {
  color: #000;
  font-size: 13px;
  margin-bottom: .5em;
}

div#foot .links a {
  margin-right: 1em;
}

td#right {
  background-color: #efefef;
  padding: 1em;
  width: 275px;
}

td#right .section {
  background-color: #e3e3e3;
  margin-bottom: 1em;
  padding: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

td#right .section h3 {
  font-size: 12px;
  text-shadow: #fff 0 1px 0;
}

td#right .section p {
  font-size: 11px;
  line-height: 150%;
}

div#content .content {
  padding: 20px;
}

div#videos {
  background-image: url(/assets.bandize.com/images/splash/video_bg.jpg);
  border-bottom: 1px solid #ccc;
  padding: 20px 0 0 20px;
}

div#videos .content {
  color: #666;
  background-image: url(/assets.bandize.com/images/splash/video_screenshot.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  height: 300px;
  padding: 0 550px 0 0;
}

div#videos .content p {
  margin-bottom: 1em;
}

div#videos div#video-screenshots-container {
  position: relative;
  width: 430px;
}

div#videos div#video-screenshots-pane {
  overflow: hidden;
  margin-left: 37px;
  margin-top: 20px;
  width: 350px;
}

div#videos div#video-screenshots-container a#video-screenshots-prev,
div#videos div#video-screenshots-container a#video-screenshots-next {
  display: block;
  text-decoration: none;
  top: 0;
  padding: 45px 0;
  position: absolute;
  width: 30px;
}
div#videos div#video-screenshots-container a#video-screenshots-prev { left: 0; }
div#videos div#video-screenshots-container a#video-screenshots-next { right: 0; }

div#videos div#video-screenshots-container a#video-screenshots-prev span,
div#videos div#video-screenshots-container a#video-screenshots-next span {
  background-image: url(/assets.bandize.com/images/splash/video_nav.gif);
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  width: 17px;
}

div#videos div#video-screenshots-container a#video-screenshots-prev span {
  background-position: 0 0;
  left: 8px;
}
div#videos div#video-screenshots-container a#video-screenshots-prev:hover span { background-position: -17px 0; }

div#videos div#video-screenshots-container a#video-screenshots-next span {
  background-position: 0 -30px;
  right: 12px;
}
div#videos div#video-screenshots-container a#video-screenshots-next:hover span { background-position: -17px -30px; }

div#videos ul#video-screenshots {
  width: 9000px;
}

div#videos ul#video-screenshots {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#videos ul#video-screenshots li {
  background-image: url(/assets.bandize.com/images/splash/video_item_bg.jpg);
  background-repeat: no-repeat;
  float: left;
  margin-right: 20px;
  padding: 7px 6px;
}

div#videos ul#video-screenshots li img {
  display: block;
  height: 110px;
  width: 150px;
}

div#videos ul#video-screenshots li h3 {
  color: #1a1a1a;
  font-size: 12px;
  font-weight: bold;
  margin: .5em 9px 0 6px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}

div#sections {
  background-color: #fff;
  position: relative;
}

div#sections ul#sections-nav {
  background-color: #9eb9d3;
  background-image: url(/assets.bandize.com/images/splash/sections_nav_bg.jpg);
  background-repeat: repeat-x;
  height: 36px;
  margin: 0;
  padding: 0 0 0 20px;
}

div#sections ul#sections-nav li {
  float: left;
  list-style-type: none;
  margin: 10px 15px 0 0;
  padding: 0;
}

div#sections ul#sections-nav li a {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 1px 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}

div#sections ul#sections-nav li a:hover,
div#sections ul#sections-nav li a.here {
  background-color: #4B6176;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
}

div#sections div#sections-pane {
  width: 1000px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
}

div#sections ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 12000px;
}

div#sections ol li.section {
  height: 375px;
  padding: 20px;
  position: relative;
  float: left;
  width: 1000px;
}

div#sections ol li.section h3 {
  font-size: 18px;
  margin-top: 3em;
}

div#sections ol li.section h2 {
  background-repeat: no-repeat;
  font-size: 45px;
  text-indent: -9000px;
  height: 50px;
  margin-bottom: 15px;
  width: 490px;
}

div#sections li.section h2.shows-tours        { background-image: url(/assets.bandize.com/images/splash/headers/sections/shows-tours.png); }
div#sections li.section h2.accounting         { background-image: url(/assets.bandize.com/images/splash/headers/sections/accounting.png); }
div#sections li.section h2.contacts           { background-image: url(/assets.bandize.com/images/splash/headers/sections/contacts.png); }
div#sections li.section h2.product-management { background-image: url(/assets.bandize.com/images/splash/headers/sections/product-management.png); }
div#sections li.section h2.tasks              { background-image: url(/assets.bandize.com/images/splash/headers/sections/tasks.png); }
div#sections li.section h2.social-syncing     { background-image: url(/assets.bandize.com/images/splash/headers/sections/social-syncing.png); }
div#sections li.section h2.assets             { background-image: url(/assets.bandize.com/images/splash/headers/sections/assets.png); }
div#sections li.section h2.messaging          { background-image: url(/assets.bandize.com/images/splash/headers/sections/messaging.png); }
div#sections li.section h2.calendar           { background-image: url(/assets.bandize.com/images/splash/headers/sections/calendar.png); }

div#sections ul.section-features {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 500px;
}

div#sections ul.section-features li {
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  font-size: 12px;
  line-height: 150%;
  margin: 0 10px 0 0;
  padding-left: 20px;
  width: 215px;
}

li.shows-tours-0        { background-image: url('/images/icons/16/calendar_2.png'); }
li.shows-tours-1        { background-image: url('/images/icons/16/money_2.png'); }
li.shows-tours-2        { background-image: url('/images/icons/16/help_2.png'); }
li.shows-tours-3        { background-image: url('/images/icons/16/book_2.png'); }
li.accounting-0         { background-image: url('/images/icons/16/money_2.png'); }
li.accounting-1         { background-image: url('/images/icons/16/tag_green_2.png'); }
li.accounting-2         { background-image: url('/images/icons/16/money_bills_2.png'); }
li.accounting-3         { background-image: url('/images/icons/16/user_2.png'); }
li.contacts-0           { background-image: url('/images/icons/16/directory_2.png'); }
li.contacts-1           { background-image: url('/images/icons/16/lock_2.png'); }
li.contacts-2           { background-image: url('/images/icons/16/comments_2.png'); }
li.contacts-3           { background-image: url('/images/icons/16/group_add_2.png'); }
li.product-management-0 { background-image: url('/images/icons/16/cd_2.png'); }
li.product-management-1 { background-image: url('/images/icons/16/warning_2.png'); }
li.product-management-2 { background-image: url('/images/icons/16/money_bills_2.png'); }
li.tasks-0              { background-image: url('/images/icons/16/warning_2.png'); }
li.tasks-1              { background-image: url('/images/icons/16/calendar_2.png'); }
li.tasks-2              { background-image: url('/images/icons/16/clock_2.png'); }
li.social-syncing-0     { background-image: url('/images/icons/16/arrow_divide_2.png'); }
li.social-syncing-1     { background-image: url('/images/icons/16/medal_gold_2.png'); }
li.social-syncing-2     { background-image: url('/images/icons/16/calendar_2.png'); }
li.assets-0             { background-image: url('/images/icons/16/safe.png'); }
li.assets-1             { background-image: url('/images/icons/16/table_multiple_2.png'); }
li.assets-2             { background-image: url('/images/icons/16/weather_clouds_2.png'); }
li.calendar-0           { background-image: url('/images/icons/16/binoculars_2.png'); }
li.calendar-1           { background-image: url('/images/icons/16/calendar_2.png'); }
li.calendar-2           { background-image: url('/images/icons/16/feed_2.png'); }
li.messaging-0          { background-image: url('/images/icons/16/mail_2.png'); }
li.messaging-1          { background-image: url('/images/icons/16/comments_2.png'); }
li.messaging-2          { background-image: url('/images/icons/16/attach_2.png'); }
li.messaging-3          { background-image: url('/images/icons/16/email_forward_2.png'); }

div#sections ul.section-features dl {
  margin: 0;
}

div#sections ul.section-features dt {
  font-size: 13px;
  margin-bottom: .5em;
  text-shadow: #ccc 0 1px 0;
}

div#sections ul.section-features dd {
  margin-bottom: 1em;
}

div#sections ul.section-features li.left { clear: left; }

div#sections ul.section-screenshots {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#sections .section-screenshots-large {
  position: absolute;
  right: 12px;
  top: 24px;
  width: 475px;
}

div#sections .section-screenshots-large ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#sections .section-screenshots-large-screens-pane {
  overflow: hidden;
  padding-top: 8px;
  width: 500px;
}

div#sections .section-screenshots-large-screens {
  width: 9000px;
}

div#sections .section-screenshots-large-screens li {
  float: left;
  width: 500px;
}

div#sections .section-screenshots-large-screens li img {
  height: 315px;
  width: 425px;
}

div#sections .section-screenshots-large-nav {
  text-align: center;
  width: 450px;
}

div#sections .section-screenshots-large-nav li {
  display: inline;
}

div#sections .section-screenshots-large-nav a {
  color: #999;
  font-size: 13px;
  padding: 1px 12px;
  text-decoration: none;
}

div#sections .section-screenshots-large-nav a:hover,
div#sections .section-screenshots-large-nav a.here {
  background-color: #999;
  color: #fff;
  text-shadow: #666 0 1px 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
}

/* =========== */
/* = Manager = */
/* =========== */

div#manager {
  background-color: #FFFFCC;
  background-image: url(/assets.bandize.com/images/splash/manager_bg_top.png);
  background-repeat: repeat-x;
  border-bottom: 1px solid #fff;
  position: relative;
}

div#manager td {
  background-image: url(/assets.bandize.com/images/splash/manager_bg_bottom.png);
  background-repeat: repeat-x;
  background-position: bottom left;
  padding: 20px;
}

div#manager table table {
  margin: 0 auto;
  width: auto;
}

div#manager td td {
  background-image: none;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

div#manager div#manager-screenshot {
  background-image: url(/assets.bandize.com/images/splash/manager_screenshot.png);
  background-repeat: no-repeat;
  height: 92px;
  width: 145px;
}

div#manager a#manager-button {
  background-image: url(/assets.bandize.com/images/splash/see_how_bandize_can_help_you.png);
  display: block;
  height: 40px;
  margin: 0 auto .5em auto;
  text-indent: -9999px;
  width: 227px;
}

div#manager p {
  font-size: 12px;
  text-align: center;
  text-shadow: #fff 0 1px 0;
}

div#manager h2 {
  background-image: url(/assets.bandize.com/images/splash/headers/manager_or_label.gif);
  height: 49px;
  text-indent: -9000px;
  margin: 0 auto;
  width: 432px;
}

/* =========== */
/* = Sign up = */
/* =========== */

div#manager td#sign-up {
  text-align: center;
  vertical-align: middle;
}

div#fifteen-dollar-badge,
div#nine-dollar-badge {
  background-image: url(/assets.bandize.com/images/splash/15_dollar_badge.png);
  height: 153px;
  position: absolute;
  right: -25px;
  top: -45px;
  width: 151px;
}

div#nine-dollar-badge {
  background-image: url(/assets.bandize.com/images/splash/9_dollar_badge.png);
}

div#manager td#sign-up a#signup_button {
  background-image: url(/assets.bandize.com/images/splash/sign_up_button_yellow.png);
  background-repeat: no-repeat;
  display: block;
  height: 71px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 287px;
}

div#manager td#sign-up ul {
  list-style-type: none;
  margin: 10px 0 0 0;
  padding: 0;
}

div#manager td#sign-up ul li {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 135%;
  text-shadow: #fff 0 2px 0;
}


/* ========================== */
/* = What people are saying = */
/* ========================== */

div#saying {
  background-color: #e2e2e2;
  background-image: url(/assets.bandize.com/images/splash/saying_bg.jpg);
  background-repeat: repeat-x;
}

div#saying td {
  padding: 20px;
  width: 50%;
}

div#quotes {
  height: 232px;
  overflow: hidden;
  position: relative; /* fix for IE to respect overflow */
}

dl.quote {
  background-color: #d9d9d9;
  height: 83px;
  margin: 0 0 13px 0;
  padding: 10px;
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
}

dl.quote dt {
  margin-bottom: .5em;
  font-size: 16px;
  text-shadow: 0 1px 0 #fff;
}

dl.quote dd {
  bottom: 10px;
  font-size: 11px;
  right: 10px;
  text-align: right;
  text-shadow: 0 1px 0 #fff;
  position: absolute;
}

ul#blogs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#blogs li {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
}
ul#blogs li.first { border-top-width: 0; }
ul#blogs li.last  { border-bottom-width: 0; }

ul#blogs dd {
  margin: 0;
  padding: 0;
  font-size: 11px;
}

ul#blogs dt a {
  color: #1a1a1a;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}

ul#blogs li.new {
  background-image: url(/assets.bandize.com/images/splash/blog-new.png);
  background-repeat: no-repeat;
  background-position: top right;
}

/* =========== */
/* = Sign up = */
/* =========== */

fieldset {
  border-color: #ccc;
  border-width: 1px 0 0 0;
  margin-bottom: 4em;
}

fieldset legend {
  font-size: 18px;
  padding: 0 .5em;
}

dl.signup dt {
  float: left;
  font-size: 18px;
  padding-top: .45em;
  text-align: right;
  width: 200px;
}

dl.signup dd {
  margin-bottom: .75em;
  margin-left: 220px;
}

dl.signup dd.pad-top { padding-top: .7em; }

dl.signup dd input {
  font-size: 20px;
}

dl.form.signup dd input[type="text"],
dl.form.signup dd input[type="password"] {
  font-size: 20px;
  padding: 4px;
  width: 320px;
}


/* ============== */
/* = Multi-band = */
/* ============== */

div#multi {
  background-image: url(/assets.bandize.com/images/splash/multi/bg.png);
  background-repeat: repeat-x;
}

div#multi h1 {
  background-image: url(/assets.bandize.com/images/splash/multi/header.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  text-indent: -9000px;
  height: 50px;
  width: 593px;
}

div#multi div#video_wrapper {
  background-image: url(/assets.bandize.com/images/splash/multi/video_bg_gradient.png);
  background-repeat: repeat-x;
}

div#multi div#video_container {
  background-image: url(/assets.bandize.com/images/splash/multi/video_bg.png);
  height: 576px;
  margin: 0 auto;
  position: relative;
  width: 946px;
}

div#multi div#video {
  position: absolute;
  top: 76px;
  left: 147px;
}

div#multi div#video_container div#video {
  height: 423px;
  width: 664px;
}

div#multi div#multi_content {
  background-color: #e0e0e0;
}

div#multi div.shadow_box {
  background-image: url(/assets.bandize.com/images/splash/multi/shadow_box.png);
  background-repeat: no-repeat;
  padding: 25px;
  height: 275px;
  width: 420px;
}

div#multi div.shadow_box h2 {
  background-repeat: no-repeat;
  height: 29px;
  margin: 0 0 .5em 0;
  padding: 0;
  text-indent: -9000px;
  width: 200px;
}

div#multi div#multiple_logins h2 { background-image: url(/assets.bandize.com/images/splash/multi/headers/multiple_logins.png); }
div#multi div#privacy         h2 { background-image: url(/assets.bandize.com/images/splash/multi/headers/privacy.png); }
div#multi div#price_breaks    h2 { background-image: url(/assets.bandize.com/images/splash/multi/headers/price_breaks.png); }

div#multi div.shadow_box .section {
  margin-bottom: 3em;
}

div#multi div.shadow_box .section p {
  font-size: 14px;
  line-height: 135%;
}

div#price_breaks {
  position: relative;
}

div#price_breaks table {
  margin: 0 auto;
  width: 350px;
}

div#price_breaks table th,
div#price_breaks table td {
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

div#price_breaks table th {
  border-bottom: 1px solid #666;
}

div#price_breaks table td {
  border-bottom: 1px solid #ccc;
  color: #666;
}

div#price_breaks .sign_up {
  margin-top: 2.5em;
  text-align: center;
}

/* ============ */
/* = Security = */
/* ============ */

div#security p {
  margin-bottom: 2em;
}

div#security h2 {
  text-shadow: #ccc 0 1px 0;
}

div.security-lock {
  background-image: url(/assets.bandize.com/images/splash/security_lock_bg.png);
  background-repeat: repeat-x;
  border-bottom: 1px solid #ccc;
  height: 84px;
  padding-top: 8px;
  text-align: center;
}

div.security-lock p {
  background-image: url(/assets.bandize.com/images/icons/48/lock.png);
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 54px;
}

/* ========== */
/* = Errors = */
/* ========== */

.formError {
  color: #ff0000;
  font-size: 10px;
  font-weight: bold;
}

ul.currency-select {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.currency-select li {
  float: left;
  margin-right: 1em;
}

.box {
  background-color: #efefef;
  border: 1px solid #ccc;
  margin-bottom: .5em;
  padding: 1em;
  position: relative;
  height: 100%;
}

.box.note {
  background-color: #ffffcc !important;
  border: 1px solid #FFFF66;
  border-width: 0 0 1px 0;
}


div#iphone_bar {
  background-color: #1a1a1a;
  color: #efefef;
  text-align: center;
  font-size: 52px;
  font-weight: bold;
  padding: 40px 0;
  text-shadow: #000 0 2px 0;
  width: 105%;
}

div#iphone_bar a {
  text-decoration: none;
}