/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

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,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,
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%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
:focus{
  border-color:#44c8f5;
}

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
strong {font-weight:700;}
em {font-style:italic;}

/*------------------------------------*\
  MAIN
\*------------------------------------*/
/* GO! */


/* Load Litos Antique */
@font-face {
    font-family: 'LithoAntiqueDemiBold';
    src: url('../font/lithoantique_demibold/LithoAntique-DemiBold-webfont.eot');
    src: url('../font/lithoantique_demibold/LithoAntique-DemiBold-webfont.eot?iefix') format('eot'),
         url('../font/lithoantique_demibold/LithoAntique-DemiBold-webfont.woff') format('woff'),
         url('../font/lithoantique_demibold/LithoAntique-DemiBold-webfont.ttf') format('truetype'),
         url('../font/lithoantique_demibold/LithoAntique-DemiBold-webfont.svg#webfontR0N4lrQZ') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LithoAntiqueLight';
    src: url('../font/lithoantique_light/LithoAntique-Light-webfont.eot');
    src: url('../font/lithoantique_light/LithoAntique-Light-webfont.eot?iefix') format('eot'),
         url('../font/lithoantique_light/LithoAntique-Light-webfont.woff') format('woff'),
         url('../font/lithoantique_light/LithoAntique-Light-webfont.ttf') format('truetype'),
         url('../font/lithoantique_light/LithoAntique-Light-webfont.svg#webfontpKVkHvvr') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LithoAntiqueExtraBold';
    src: url('../font/lithoantique_extrabold/LithoAntique-ExtraBold-webfont.eot');
    src: url('../font/lithoantique_extrabold/LithoAntique-ExtraBold-webfont.eot?iefix') format('eot'),
         url('../font/lithoantique_extrabold/LithoAntique-ExtraBold-webfont.woff') format('woff'),
         url('../font/lithoantique_extrabold/LithoAntique-ExtraBold-webfont.ttf') format('truetype'),
         url('../font/lithoantique_extrabold/LithoAntique-ExtraBold-webfont.svg#webfontm0MRsSZ2') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Basic text styling */
html,body{
	font-family:Arial, sans-serif;
	background:#fff;
}

p, label, a, i, em, cite, strong, ul, li, h1, h2, h3, h4, h5, h6, small {
	color:#666;
	font-size:1em;
}

p { 
	color:#666;
	font-size:1em;
	line-height:1.25em;
}


h1,h2,h2,h3{
	font-family:LithoAntiqueDemiBold, Arial, sans-serif;
	color:#00aeef;
}

h1{
	font-size:3.375em;
	line-height:.9em;
}

h2{
	margin-top: .75em;
	color:#666;
	font-size:1.5em;
	line-height:1.25em;
	margin-bottom:1em;
}
h2 strong{
}

h3{
	font-size:2.25em;
}

h4{
font-family:LithoAntiqueExtraBold, Arial, sans-serif;
	font-size:1.5em;
	color: #666666;
}

h5{
	font-weight:700;
	font-size:1em;
	margin-bottom:.5em;
}
.wrapper {
	width: 100%;
	min-width:942px;
	background:#fff;
}

#main p {
	font-size:1.25em;
	line-height:1.75em;
	font-family: Arial, sans-serif; 
}

#main a:link,
#main a:visited {color:#ec008c; text-decoration:none; font-family: Arial, sans-serif; }
#main a:hover {color: #0092c8; text-decoration:none; font-family: Arial, sans-serif; }
#main a:active {color:#c40075; text-decoration:none; font-family: Arial, sans-serif; }



/* Header */
.black_stripe{
	-webkit-box-shadow: 0 3px 12px #000;
	   -moz-box-shadow: 0 3px 12px #000;
			box-shadow: 0 3px 12px #000; 
	border-top: 1px solid #666;
	width: 100%;
	min-width:942px;
	height: 12px;
	margin:0;
	background-color: #000;
	position: absolute;
	top: 0;
	z-index: 100;
}
footer .black_stripe{
	top: 10px;
}

header {
	width:100%;
	min-width:942px;
	height:50px;
	margin-bottom:30px;
}

header .container {
	height:87px;
	margin:12px auto 40px;
	position: relative;
	z-index: 50;
}

header img#vook-logo{
	position: absolute;
	top: 10px;
	left:0;
}

#main h1 {
	padding-top:2em;
	padding-bottom:20px;
}

/* Curved tabs */
header .container .vook-store {
	position: absolute;
	top: 0;
	right:0;
}

header .container .login {
	position: absolute;
	top: 0;
	right:12%;
}
header .mag_curv_tab a:link,
footer li.mag_curv_tab p {
	display: block;
	padding: .5em 1em .5em;
	-moz-border-radius-bottomleft:   15px; 
		-webkit-border-bottom-left-radius: 15px; 
		border-bottom-left-radius:         15px;
	behavior: url(border-radius.htc);
	zoom: 1.0;
	-moz-border-radius-bottomright:    15px; 
		-webkit-border-bottom-right-radius: 15px; 
		border-bottom-right-radius:         15px;
	behavior: url(border-radius.htc);
	zoom: 1.0;
	-webkit-box-shadow: 0 1px 1px  0 #222;
		-moz-box-shadow: 0 1px 1px 0 #222;
		box-shadow: 0 1px 1px 0 #222;
	font-size:0.813em;
	text-shadow: 0 1px 0 #222;
	text-align:center;
	color:#fff;
	text-decoration: none;
	font-family: LithoAntiqueLight, Arial, sans-serif;
}
header .mag_curv_tab a:link,
header .mag_curv_tab a:visited {color:#fff; background: #ec008c;}
header .mag_curv_tab a:hover {background: #0092c8;}
header .mag_curv_tab a:active {background-color:#c40075;}

header .mag_curv_tab a:link .point,
footer li.mag_curv_tab .point {
	position:absolute;
	top:100%;
	left:38%;
	width:0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
header .mag_curv_tab a:link .point,
header .mag_curv_tab a:visited .point {border-top: 8px solid #ec008c;}
header .mag_curv_tab a:hover .point  {border-top: 8px solid #0092c8;}
header .mag_curv_tab a:active .point  {border-top: 8px solid #c40075;}

footer .container {
	height: 238px;
	width:1000px;
	position: relative;
	z-index: 50;
}

footer li.mag_curv_tab {
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}

footer li.mag_curv_tab p {color:#fff; background: #444;}

footer li.mag_curv_tab .point {border-top: 8px solid #444;}

/* Sections */
section, .container {
	top: 0;
	width: 980px;
	margin: 0 auto 0;
	position: relative;
	z-index: 10;
	clear: both;
}

/* Main */

.img_container {
	float: left;
	width: 379px;
	height: 255px;
}

section#embed_signup img{
}

.sample-images{
	float:left;
	position: relative;
	z-index: 200;
}

.main-content {
	width:770px;
	height:370px;
	padding:100px 68px 50px 68px;
	margin: 0 auto; 
	background:url('../img/signup-bg.png') no-repeat left top;
}
.left-page {
	float:left; 
	width:325px;
}

.right-page {
	float:left; 
	width:350px;
}
#burst {
position: absolute; 
left: 680px; 
top: 370px; 
width: 250px; 
height: 249px; 
z-index: 5;
}

/* Sign up */

h3.formtitle {	
	margin: 0em 0 .75em 0;
	font-size:2em;
}

#embed_signup p.label, #embed_signup p.required{
	font-size:1em;
	margin: 0 0 1em 0;
	line-height: 1.5em; 
}
.label {
	font-family: LithoAntiqueLight, Arial, sans-serif; 
}
#embed_signup p.required {
	font-size:.75em;
	color:#00aeef;
}
#embed_signup .required {
	font-size:1em;
	color:#00aeef;
}

#embed_signup .input {
	margin-left: 1em;
	padding:0 .15em 0;
	height: 20px;
	width: 200px;
	border:1px solid #666; 
	-webkit-appearance:none;
	font-size:14px;
}

#embed_signup .input {

	position:absolute;
	left: 500px; 
}

#embed_signup input:focus {border-color:#44c8f5;}

#embed_signup input.button {
	position:absolute;
	left: 500px; 
	background-color: #ec008c;
	border:2px solid #ffffff;
	-moz-border-radius:        15px; 
		-webkit-border-radius: 15px; 
		border-radius:         15px;
	behavior: url(border-radius.htc);
	zoom: 1.0;
	color: #fff; 
	display: block; 
	width:5.5em;
	font-size:22px; 
	font-family: LithoAntiqueLight, Arial, sans-serif; 
	height: 32px; 
	line-height: 32px; 
	padding:0 .75em 0; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	-webkit-box-shadow: 0 1px 4px #222;
	   -moz-box-shadow: 0 1px 4px #222;
	        box-shadow: 0 1px 4px #222;
	text-shadow: 0 1px 0 #222;	
}
#embed_signup .button:hover {background-color:#0092c8;}
#embed_signup .button:active {background-color:#c40075;}
#embed_signup .button:vistited {background-color:#ec008c;}


/* Management */
section#management, section#board{
	padding: 30px 0 0 0;
}

section#management h3, section#board h3{
	margin:.5em 0 .5em 0;
}

section#management img, section#board img{
	float: left;
	margin: 0 1em 0 0;
	width: 115px;
	height: 115px;
	display: inline;
	}

.biocontainer {
	margin: 0 0 2em 0;
	display: inline;
	float: left;
	width: 80%;
}


/* Partners */
section#partners{
	background:url('../img/shadow.png') no-repeat left bottom;
	padding: 30px 0 0 0;
	clear: both;
}

h4.social{
font-family:LithoAntiqueExtraBold, Arial, sans-serif;
	font-size:1.5em;
	color: #666666;
	margin:0em 0 1.5em 0;
}

section#partners img{
	margin: 20px 0 20px 0;
}
/* Social Icons */
section#social{
	padding: 30px 0 0 0;
	margin-bottom: 2em;
}

section#social img{
	margin: 0;
}
.social_link {
font-family: Arial, sans-serif; 
	padding:0 30px 0 45px;
}
.last {
font-family: Arial, sans-serif; 
	padding:0 0 0 45px;
}
a.twitter {
background: url('../img/twitter.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
}
a.twitter:hover {
background: url('../img/twitter-hover.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #035E77;
}
a.twitter:active {
background: url('../img/twitter-active.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #820355;
}

a.facebook {
background: url('../img/facebook.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
}
a.facebook:hover {
background: url('../img/facebook-hover.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #035E77;
}
a.facebook:active {
background: url('../img/facebook-active.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #820355;
}

a.tumblr {
background: url('../img/tumblr.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
}
a.tumblr:hover {
background: url('../img/tumblr-hover.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #035E77;
}
a.tumblr:active {
background: url('../img/tumblr-active.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #820355;
}

a.linkedin {
background: url('../img/linkedin.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
}
a.linkedin:hover {
background: url('../img/linkedin-hover.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #035E77;
}
a.linkedin:active {
background: url('../img/linkedin-active.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #820355;
}

a.blog {
background: url('../img/wordpress.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
}
a.blog:hover {
background: url('../img/wordpress-hover.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #035E77;
}
a.blog:active {
background: url('../img/wordpress-active.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #820355;
}

a.rss {
background: url('../img/rss.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
}
a.rss:hover {
background: url('../img/rss-hover.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #035E77;
}
a.rss:active {
background: url('../img/rss-active.png') no-repeat left bottom;
padding:20px 35px 0 0;
text-decoration: none;
color: #820355;
}

/* Footer */
footer {
	position:relative;
	width:100%;
	height:250px;
	z-index:10;
	margin:0;
}

.white_stripe{
	width: 100%;
	min-width:942px;
	height: 10px;
	margin:0;
	background-color: #fff;
	position: absolute;
	top: 0px;
	z-index: 200;
}

footer p{
	font-size:0.688em;
	clear:both;
	padding:0;
}

footer ul{
	width:220px;
	margin: 22px 20px 80px 0;
	float:left;
}
footer li a:link{
	font-family: Arial, sans-serif; 
	font-size:0.813em;
	line-height:2em;
	color:#666;
	font-weight:700;
	text-decoration: none;
	margin-left: 1em;
}
footer li a:visited{
	font-family: Arial, sans-serif; 
	font-size:0.813em;
	line-height:2em;
	color:#666;
	font-weight:700;
	text-decoration: none;
	margin-left: 1em;
}
footer li a:hover{
	font-family: Arial, sans-serif; 
	font-size:0.813em;
	line-height:2em;
	color:#0092c8;
	font-weight:700;
	text-decoration: none;
	margin-left: 1em;
}
footer li a:active{
	font-family: Arial, sans-serif; 
	color:#333;
	text-decoration: none;
}
ul.last{
	margin-right: 0;
}

header:before {
	background:none; 
}
header:after {
	background:none; 
}
.copyright {
	font-family: Arial, sans-serif; 
}