/* TOUCAN CSS RESET | v0.1.7 */

/* General
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
	margin-bottom: 1.5em;
}

/* Structure
---------------------------------------- */
html {
	font-size: 100%;
}

body {
  /* background: transparent url('../img/tile-transparent.gif') repeat scroll; */
/*   background:#262626; */
  background:#262626 url('/static/img/bg_tile.png');
  color:#b2b2b2; 
	font-family: helvetica, arial, sans-serif;
	font-size: .875em;
	line-height: 1.5;
}

/* Text
---------------------------------------- */
p {
  margin-right:12px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color:#48aaf8;
}

p, h1, /*h2,*/ h3, h4, h5, h6 {
/*   text-shadow: 0px 1px 0px #ffffff; */
/*   text-shadow: 0px 1px 0px #000; */
}

h1 {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: .238em;
}

h2 {
  color: #fff;
	font-size: 1.85em;
	font-weight: bold;
	line-height: 1.15;
	margin-bottom: 70px; /*.357em*/
}

h3 {
	font-size: 1.25em;
	line-height: 1.2;
	margin-bottom: .476em;
	font-weight: normal;
}

h4, h5, h6 {
	margin-bottom: .571em;
}

h4 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.25;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

blockquote, q, cite {
	font-style: italic;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

code, kbd, pre, samp, tt {
	font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace;
	line-height: 1.3;
}

pre {
	/* word-wrap: break-word; */
	white-space: pre-wrap;
}

abbr, acronym, dfn {
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
	font-style: normal;
}

var {
	font-style: normal;
}

center {
	text-align: center;
}

.centerChildren > * {
  display: block;
  margin-left: auto; margin-right: auto;
  text-align: center;
}

/* Hypertext
---------------------------------------- */

a:link {
/*   color: #0093d7; */
  color:#48aaf8;
  text-decoration: none;
  
  /* text-shadow: 0 1px 1px #696d57; */
    text-shadow: 0px 1px 1px #000;
}

a:visited {
  /* color: #0093d7; */
  color:#48aaf8;
  text-decoration: none;
}

a:hover {
  /* color: #80c9eb; */
  color:#ff8a02;
  text-decoration: none;
  
  text-shadow: 0px -1px 1px #251d18;
}

a:active {
  color: #0093d7;
  text-decoration: none;
}


a:focus {
	outline: none ; /*1px dotted*/
}

/* Image
---------------------------------------- */
img {
	border: 0;
}

/* List
---------------------------------------- */

ul {
  list-style: none;
}

ol {
	list-style: none;
}

li {
	margin-left: 0;
}

li ul, li ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1em;
}

/* Presentation
---------------------------------------- */
hr {
	border: 0;
	border-bottom: 1px solid;
}

big {
	font-size: 1.25em;
}

small, sub, sup {
	font-size: .85em;
}

sub, sup {
	line-height: 1;
}

sub {
	vertical-align: bottom;
}

sup {
	vertical-align: top;
}

del, s, strike {
	text-decoration: line-through;
}

ins {
	text-decoration: none;
	border-bottom: 1px dotted;
}

bdo {
	border-bottom: 1px dotted;
}

u {
	text-decoration: underline;
}


/*  =Universal
  ------------------------------------------------------ */
.full {
  width: 100%;
  min-width: 1040px;
}

.grey {
  color: #898989;
}

.green {
  color: #2f4d23;
}

.pull-up {
  margin-top: -60px;
}

/*  =Header & Footer
  ------------------------------------------------------ */
#topbanner {
    text-align: center;
    background: #b32025;
    padding: 0.5em;
    color: #ffffff;
    font-weight: bolder;
    border-style: dotted;
    border-width: 0px;
    border-bottom-width: 1px;
}

img#peel {
    position: absolute;
    top: 0px;
    right: 0px;
}

#header {
/*   margin-top:60px; */                        
  padding-top:33px;
  border-top: 1px solid #343434;
/*   border-left: none; border-right:none; */
  background: transparent url('../img/background.jpg') no-repeat center top;
}

.banner {
  height: 570px;
}

h1.logo-occipital {
  background: transparent url('../img/logo-occipital.png') no-repeat;
  padding-bottom: 10px;
  width: 220px;
  text-indent: -9999px;
}

div.occipital-tag {
  z-index: 1;
}

.banner h1.logo-occipital {
  margin-top: 0;
}

h1.logo-360 {
  background: transparent url('../img/logo-360.png') no-repeat;
  height: 85px;
  margin-left: -3px;
  margin-top: 40px;
  padding-bottom: 10px;
  padding-right: 9px;
  width: 380px;
  text-indent: -9999px;
}

.tagline {
  color: #fff;
}

p.phone-360 {
  background: transparent url('../img/phone-360.png') no-repeat;
  display: block;
  height: 163px;
  text-indent: -9999px;
  width: 387px;
}

a.android-market {
    background: transparent url('../img/android-market-dual.png') no-repeat;
    display: block;
    height: 83px;
    text-indent: -9999px;
    width: 248px;
}

a.android-market:hover {
    background: transparent url('../img/android-market-dual.png') no-repeat;
    background-position:0px -84px;
}

a.app-store {
  background: transparent url('../img/app-store.png') no-repeat;
  display: block;
  height: 83px;
  text-indent: -9999px;
  width: 248px;
}

a.app-store:hover {
  background: transparent url('../img/app-store.png') no-repeat;
  background-position:0px -84px;
}

a.app-world {
  background: transparent url('../img/app-world.png') no-repeat;
  display: block;
  height: 87px;
  text-indent: -9999px;
  width: 248px;
  background-size: 100% auto;
}

a.app-store-small {
  background: transparent url('../img/app-store-small.png');
  display: inline-block;
  width: 198px;
  height: 67px;
  margin-bottom: 10px;
  text-indent: -9999px;
}

a.app-store-small:hover {
  background: transparent url('../img/app-store-small.png') no-repeat 0 -68px;
}


.iphone {
  background: url('../img/iphone5-composite.png');
  width:435px;
  height:517px;
  margin-left:110px;
  position: absolute;
  left: 380px;
}

.blackberry {
  background: url('../img/blackberry/app_with_devices.png');
  background-position: 0 0;
  width:603px;
  height:507px;
  margin-left:0px;
  position: absolute;
  left: 380px;
}

/* Retina images */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  a.app-world {
    background: transparent url('../img/app-world@2x.png') no-repeat;
    background-size: 248px 87px;
  }

}

div.occipital-blurb {
  background-color: rgba(255, 255, 255, 0.25);
  margin-top: 10px;
  padding-top:25px;
  
  /* border-radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box-shadow */
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
  box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

div.occipital-blurb p {
  color:#363636;
  
  text-shadow: 0px 1px 0px #ddd;
}

div.occipital-blurb p a {
  text-shadow: 0px 1px 2px #eee;
}

div.occipital-blurb p a:hover {
  color: #2864a0;
  
  text-shadow: 0px 1px 0px #eee;
  
}

p.copyright {
  color: #251d18;
  font-size: 1em;
  margin-top:30px;
  text-align: center;
  
  text-shadow: 0px 1px 0px #ddd;
}

.iphone-big {
  margin-top: -85px;
  margin-left: -25px;
}

.player {
  position: relative;
  top:99px;
  left:21px;
}

.player img{
  width:207px;
  height:297px;
}

div#footer{ margin-top:33px; font-size:10px; color:#666;}
div#footer div.links{ float:left; margin:7px 10px 0px 40px;  }
div#footer div.copyright{ margin:auto; width:250px; text-align:center; padding-top:7px;}
div#footer div.byoccipital{ float:right; margin-right:40px;}
div#footer div.byoccipital div.text{ float:right; margin:7px 5px 0px 0px; }
div#footer div.byoccipital img{ float:right; }




/*  =Content
  ------------------------------------------------------ */
#content {
  /* border-bottom: 1px solid #fff; */
}
  
#one-two-three {
  /* border-top: 1px solid #fff; */
  margin-bottom: 70px;
  padding-top: 20px;
}

#one-two-three h3 {
  color: #fff;
}

ul.one-two-three {
  list-style: none;
}

ul li.number1, ul li.number2, ul li.number3  {
  height: 45px;
  margin-bottom: 10px;
  padding-left: 62px;
  padding-top: 12px;
}

ul li.number1 {
  background: transparent url('../img/number1.png') no-repeat;
}

ul li.number2 {
  background: transparent url('../img/number2.png') no-repeat;
}

ul li.number3 {
  background: transparent url('../img/number3.png') no-repeat;
}

ul.feature {
	padding-left: 15px;
}

ul.feature li {
	padding-bottom: 8px;
}

ul.feature li.newin40 {
  background: url('../img/newin40.png') no-repeat;
  padding-left: 85px;
}

p.lightbox-text {
  margin-top: 5px;
}

p.lightbox-text a {
  text-shadow: none;
}

.feature {
  clear: both;
  display: block;
  float: left;
  margin-bottom: 40px;
}

.new-feature {
  background: transparent url('../img/new.png') no-repeat top right;
  height: 60px;
  text-indent: -9999px;
  width:60px;
}

#misc {
  background: transparent url('../img/border-shadow.png') no-repeat;
  height: 380px;
  margin-left: -11px;
  padding-left: 21px;
}

p.fb-like {
  margin-top: -10px;
}

p.tweet {
  margin-top: -15px;
}




div#verselogo{ background:#262626; z-index:100; width:	182px; padding-left:10px; position:relative; left:-10px;}
div#versenew{ z-index:100; width:44px; position:absolute; right:-10px; top:22px;}
div.lbcontent{ 
  border: solid 4px #1fa7fd; 
  border-left:none; 
  border-top-right-radius:25px;
  border-bottom-right-radius:25px; 
  position:relative; 
  top:-11px;  
/*   z-index:50;  */
  padding-top:12px;
/*   padding: 12px 30px 20px 20px; */
}
div#visitverse{
  color:#fff;
  background:#1fa7fd;
  border: solid 1px #1fa7fd; 
  border-left:none; 
  border-top-left-radius:25px;
  border-bottom-right-radius:25px; 
  
  width: 200px; height:30px;
  position: absolute;
  bottom: -4px; right: -4px;
}

div#visitverse a{
  padding:5px 40px;
  color:#fff;
  display:block;
  margin:auto;
}




/* Form
---------------------------------------- */
fieldset {
	padding: 1em;
}

legend {
	font-weight: bold;
	padding: 0 .25em;
}

input, textarea, select, button {
	font-family: inherit;
	font-size: 1em;
}

input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {
	cursor: pointer;
	line-height: 1;
}

input[type=text], input[type=password], textarea {
	padding: 1px;
}

textarea {
	text-align: left;
	line-height: 1.25;
}

/* Table
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	line-height: 1.3;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
}

th, td {
	padding: .5em 1em;
	/*border: 1px solid;*/
}

caption {
	padding-bottom: 1em;
}

th {
	font-weight: bold;
}


.container_12 .prefix_1 {
    padding-left: 0px;
}
