/*
    ____  ___    ____  __________________    ______
   / __ \/   |  / __ \/_  __/  _/ ____/ /   / ____/
  / /_/ / /| | / /_/ / / /  / // /   / /   / __/   
 / ____/ ___ |/ _, _/ / / _/ // /___/ /___/ /___   
/_/   /_/  |_/_/ |_| /_/ /___/\____/_____/_____/

authors: aubrey anderson, cole rise, bruce macfarlane
created: twentieth day of february, two-thousand & nine.

*/


/* Global defaults
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */

/* tags 
---------------------------------------------------------------- */

* { behavior: url(../images/pngfix/iepngfix.htc); }

body {
	background: #F0F0F0;
	color: #121416;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;	
}
a {
    color: #09F;
    margin:0;
    padding:0;
    text-decoration: none;
}
a:hover {text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size:16px;}
h4 {font-size:12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
.icon-adjust {
	margin:6px 8px 0 0;
}
p {
	margin: 0 0 20px 0;
	padding: 0;
}
.hidden {display: none;}
.block {display: block;}


/* typographic styles 
---------------------------------------------------------------- */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.skinny {font-weight: 100;}
.line-through {text-decoration: line-through;}
.center {text-align: center;}

/* sizes 
---------------------------------------------------------------- */

.grand {font-size: 32px;}
.large {font-size: 24px;}
.medium {font-size: 16px;}
.normal {font-size: 12px;}
.small {font-size: 11px;}
.tiny {font-size: 10px;}

/* text colors 
---------------------------------------------------------------- */

.grey-dark {color: #444;}
.grey-mid {color: #6E6E6A;}
.grey-light {color: #ccc;}
.cyan {color: aqua}
.white {color: #FFF;}
.red {color: #F03;}


/* font styles 
---------------------------------------------------------------- */

.serif {font-family: Georgia, "Times New Roman", Times, serif;}
.sans { font-family: "Lucida Grande", Verdana, Arial, sans-serif; }


/* bg colors 
---------------------------------------------------------------- */

.bg-dark {background: #121616;}
.bg-grey {background: #1E2122;}
.bg-white {background: #FFF;}
.bg-red {background: #F03;}

/* borders
---------------------------------------------------------------- */

.border-left {border-left: 1px solid #333;}
.border-right {border-right: 1px solid #333;}
.border-both {border-left: 1px solid #333; border-right: 1px solid #333;}

/* opacities 
---------------------------------------------------------------- */

.alpha-80 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
}
.alpha-60 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: .6;
}
.alpha-10 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
	opacity: .1;
}


/* page widths 
---------------------------------------------------------------- */

.width-full {
	width: 100%;
}
.width-640 {
	width: 640px;
}
.width-560 {
	width: 560px;
}
.width-360 {
	width: 360px;
}
.width-144 {
	width: 144px;
}

/* alignments 
---------------------------------------------------------------- */

.right {
	clear:none;
	float:right;
}

.left {
	clear:none;
	float:left;
}

/* padding 
---------------------------------------------------------------- */
.padding-left {
	padding-left: 20px;
}
.padding-right {
	padding-right: 20px;
}


/* Page styles
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */

#page {
	margin: 0 auto;
	text-align: left;
	position: relative;
}


#side {
	margin: 80px 0 0 0;
}

#brand {
	position: relative;
	width: 300px;
	
	left:-78px;
}
#coming-soon {
	position: relative;
	width: 143px;
	
	top: -100px;
	left: -6px;
}
#content {
	margin: 80px 0 0 0;
}

#make-video-avatars {
	margin: 40px 0 0 0;
}

#marketing {
	margin: 70px 0 0 0;
	line-height: 18px;
}

#email-capture {
	background: #3E4042;
	color: white;
	margin: 40px 0 0 0;
	overflow: auto;
	padding: 20px 25px 20px 25px;
	width: 310px;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#form-title {
	display: block;
	font-size: 14px;
	margin: 0 0 8px 0;
}
#form-email {
	line-height: 30px;
	padding: 0 0 0 3px;
	height: 30px;
	margin: 0 0 8px 0;
	width:300px;
}
#form-submit {
	
}

#examples {
	display: none;
	position: relative;
	top:-30px;
}
#examples img{
	margin: 0 0 10px 0;
}
.example {
	margin:20px 0 40px 0;
}
.example span {
	display: block;
	margin: 6px 0 0 0;
	line-height: 18px;
}

.example-img {
	margin:0 0 10px 0;
}