/* fabulis master stylesheet */

/* @group resetting - general */

*, html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;
}
ul,li {
	list-style-type:none;
	}
body {
	color:#807f7a;
	font:85%/160% Helvetica, Arial, Geneva, sans-serif;
	/*border-top:10px solid #41403b;*/
	background:#f8f8f6 url(http://dc5s1hpawbuhi.cloudfront.net/video-images/bg-pendants.png?v=6) repeat-y fixed center top;
	}
.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
h1 {
	position:absolute;
	top:-999px;
	left:-999px;
	}
h2 {
	font-size:2.34em;
	line-height:110%;
	margin-bottom:.5em;
	}
a:link {
	color:#3ba3ae;
	text-decoration:none;
	border-bottom:1px solid #77afb8;
	-webkit-transition:all 500ms ease-in;
	}
a:visited {
	color:#41b4c0;
	text-decoration:none;
	}
a:hover {
	color:#ed3849;
	border-bottom:1px solid #ed3849;
	}
a.noborder, a.noborder:link, a.noborder:visited {
	border-bottom:none;
	}
img {
	border:none;
	}
abbr {
	border-bottom:1px solid #dcdbcf;
	cursor:help;
	}
a abbr {
	border-bottom:none;
	}

/* @end */


/* @group layout */

#header {
	height:132px;
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/fabulis-header.png?v=6) no-repeat right top;
	position:relative;
	}
#logo {
	position:absolute;
	top:15px;
	left:-7px;
	}
html, body, #wrapper {height: 100%;}
#main {
	padding-bottom:128px;
	}
#wrapper {
	width:760px;
	padding:0 30px;
	margin:0 auto;
	background-color:#fff;
	height:100%;
	}
body > #wrapper {height: auto; min-height: 100%;}
#info {
	background-color: #D8ECEF;
	}
#info h2{
  font-size:2.75em;
  margin-bottom:0;
}
#thankyou {
	background:#d3d1c7 url(http://dc5s1hpawbuhi.cloudfront.net/video-images/stars.png?v=6) no-repeat 600px 0;
	}
#connect-shop {
	margin-bottom:35px;
	}
#connect {
	width:320px;
	float:left;
	}
#connect-widget {
	margin:0 0 0 10px;
	}
#shop {
	width:370px;
	padding:20px 10px 0 20px;
	float:left;
	}
#fab {
	width:500px;
	margin:0 auto 35px auto;
	}
#vimeo {
	width:580px;
	margin:0 auto;
	}
#footer-wrapper {
	width:100%;
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/bg-footer.png?v=6) repeat-x left bottom;
	position:relative;
	margin-top:-128px; /* negative value of footer height */
	height:128px;
	clear:both;
	}
#footer {
	width:760px;
	height:113px;
	padding:15px 30px 0 30px;
	margin:0 auto;
	}
#social {
	margin-bottom:35px;
	background:#5f5d5a;
	clear:both;
	display:block;
	}
#about {
	clear:both;
	}
#description {
	clear:both;
	padding:15px 0 0 0;
	}
#add-video {
	margin-left:100px;
	}
#signup-form {

	}

/* @end */

/* @group text */

.box-light-sand h2 {
	color:#41403b;
	font-size:2em;
	}
#connect h2 {
	margin-bottom:.75em;
	}
#connect h2 span {
	display:block;
	}
#shop h2 {
	position:relative;
	margin-bottom:.75em;
	}
#shop h2 em {
	position:absolute;
	top:-15px;
	right:25px;
	display:block;
	height:58px;
	width:58px;
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/label-new.png?v=6) no-repeat;
	text-indent:-9999px;
	}
.box-mid-sand {
	color:#41403b;
	text-shadow:#e9e8e3 0 1px 0;
	}
#fab {
	color:#41403b;
	text-shadow:#ebf6f7 0 1px 0;
	}
#thankyou p,
#info p, #fab p,#info span {
	font-size:1.3em;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, Geneva, sans-serif;
	margin-bottom:1.5em;
	}
#info p,#info span  {
	text-align:center;
  margin-bottom:0;
	}
#info span {
  display:block;
}
#connect-shop h2, #info h2, #thankyou h2, #fab h2 {
	text-align:center;
	}
#cel-life {
	height:72px;
	text-indent:-9999px;
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/celebrate-life.png?v=6) no-repeat right bottom;
	}
#about p {
	margin-bottom:1.5em;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, Geneva, sans-serif;
	}
#description p {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, Geneva, sans-serif;
	font-size:1.2em;
	color:#41403b;
	text-shadow:#ebf6f7 0 1px 0;
	}
#footer {
	color:#9c9c91;
	font-size:.8em;
	}
#footer ul {
	padding-top:10px;
	}
#footer li {
	display:inline;
	margin:0 20px 0 0;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	}
#footer a:link, #footer a:visited {
	border-bottom:1px solid #e3e3dc;
	color:#9c9c91;
	}

#footer a:hover {
	color:#ed3849;
	border-bottom:1px solid #ed3849;
	}
#fab ol {
	margin-bottom:1.5em;
	}
#fab li {
	font-size:.9em;
	}

/* @end */

/* @group images */

#fab img {float:right;margin:0 0 0 15px;}
#shop img {margin-bottom:20px;}

/* @end */

/* @group boxes */

.box-light-sand,
.box-mid-sand {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomleft: 12px;
	padding:50px 20px;
	width:720px;
	}
.box-mid-sand {
	background-color:#D8ECEF;
	}
.box-light-sand {
	background-color:#f8f8f6;
	}
#thankyou.box-mid-sand {
	border-bottom-left-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	}
.box-blue {
  background:#d8ecef url(http://fabulis-site-images.s3.amazonaws.com/fabulis-landingpage-iphone-image.png?v=6) no-repeat 135px 0;
  height:437px;
	/*background-color:#d8ecef;*/
	padding-bottom:0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	padding:20px 20px 0 20px;
	width:720px;
  color: #41403B;
	}
.iphoneRedRibbon{
  background:url(http://fabulis-site-images.s3.amazonaws.com/Banner-box-icons.png?v=6) no-repeat -525px 0;
  height:170px;
  width:170px;
  float:right;
  position:relative;
  top:-20px;
  left:20px;
}
#social.box-dark {
	background-color:#5f5d5a;
	color:#fff;
	border-bottom-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-transition:all 500ms ease-in;
	}
#social.box-dark:hover {
	background-color:#ed3849;
	}

/* @end */

/* @group buttons */

.bttns {
	min-height:24px;
	text-align:center;
	margin-bottom:10px;
	}
.bttnsText{
  font-size:14px;
}
.margin{
  margin-top:22px;
}
.bttn {
	font-weight:bold;
	text-align:center;
	margin:0 3px;
	}
#fab .button {
	margin-bottom:1.5em;
	text-align:center;
	}
.bttn a:link, .bttn a:visited {
	color:#fff;
	text-shadow:none;
	border-bottom:none;
	background-color:#3ba3ae;
	padding:7px 13px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius:	14px;
	}
.bttn a:hover {
	background-color:#ed3849;
	}
.shop a {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-cart.png?v=6) no-repeat 9px center;
	}
.bttn.shop a {
	padding:7px 13px 7px 31px;
	}

/* @end */

/* @group sign up form */

form {
	padding:20px 0 0 0;
	border-top:1px solid #bfbdb1;
	margin:30px 0 0 0;
	}
form div {
	width:400px;
	margin-left:195px;
	}
span label {
	width:120px;
	float:left;
	height:120px;
	line-height:2.1em;
	}
.txt {
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:6px;
	width:200px;
	color:#666;
	font:1em Helvetica,Arial,Geneva,sans-serif;
	background:#fff url(http://dc5s1hpawbuhi.cloudfront.net/video-images/bg-input.gif) repeat-x;
	margin-bottom:1em;
	}
.button input {
	background-color:#ed3849;
	color:#fff;
	text-shadow:none;
	border-bottom:none;
	padding:7px 13px;
	border:none;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius:	14px;
	font:bold 1em Helvetica,Arial,Geneva,sans-serif;
	}

/* @end */

/* @group social icons */

#social li {
	font-size:.94em;
	}
#social h4 {
	font:normal 1.2em "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, Geneva, sans-serif;
	float:left;
	padding:10px 10px 10px 24px;
	}
li.facebook a,
li.twitter a,
li.vimeo a,
li.youtube a {
	padding:10px 15px 10px 27px;
	display:block;
	float:left;
	margin-right:10px;
	}
li.facebook a:link, li.facebook a:visited {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-facebook.png?v=6) no-repeat left center;
	}
li.twitter a:link, li.twitter a:visited {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-twitter.png?v=6) no-repeat left center;
	}
li.vimeo a:link, li.vimeo a:visited {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-vimeo.png?v=6) no-repeat left center;
	}
li.youtube a:link, li.youtube a:visited {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-youtube.png?v=6) no-repeat left center;
	}
li.facebook a:hover {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-facebook-over.png?v=6) no-repeat left center;
	}
li.twitter a:hover {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-twitter-over.png?v=6) no-repeat left center;
	}
li.vimeo a:hover {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-vimeo-over.png?v=6) no-repeat left center;
	}
li.youtube a:hover {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-youtube-over.png?v=6) no-repeat left center;
	}
#social li a:link,
#social li a:visited {
	color:#fff;
	border-bottom:none;
	}
#social li a:hover {
	text-decoration:underline;
	cursor:pointer;
	}

/* @end */

/* @group channel video thumbs */

.channel-videos {
	width:604px;
	clear:both;
	padding: 25px 0 0 0;
	overflow:hidden;
	}
.channel-videos li {
	width:125px;
	float:left;
	margin-right:26px;
        height:145px;
        overflow:hidden;
	}
.channel-videos li a,
.channel-videos li a:link,
.channel-videos li a:visited {
	border-bottom:none;
	}
.channel-videos img.active {
	border:5px solid #3ba3ae;
	width:110px;
	height:80px
	}
.channel-videos img.inactive {
	width:120px;
	height:90px
	}
.channel-videos li.last {
	margin-right:0;
	}
.channel-videos li strong {
	font-size:.9em;
	line-height:1.3em;
	display:block;
	white-space: nowrap;
	width:125px;
	overflow:hidden;
	}
.channel-videos li span {
	display:block;
	font-size:.8em;
	line-height:1em;
	color:#41403b;
	padding-bottom:20px;
	}
.page-nav {
	clear:both;
	padding:5px 0;
	overflow:hidden;
	zoom:1;
	}
.page-nav li {
	float:left;
	margin-right: 15px;
	font-weight:bold;
	}
.page-nav li.active {
	font-size:1.4em;
	}
.page-nav li.nr a {
	padding:3px 7px 2px 7px;
	}
.page-nav li.nr a:link,
.page-nav li.nr a:visited {
	border:1px dashed #b3dde3;
	background-color:#e2f1f3;
	}
.page-nav li.nr a:hover {
	color:#fff;
	border:1px solid #ed3849;
	background-color:#ed3849;
	}
.page-nav li.prev a,
.page-nav li.next a {
	display:block;
	width:13px;
	height:20px;
	text-indent:-9999px;
	}
.page-nav li a, .page-nav li a:link,
.page-nav li a:visited {
	border:none;
	}
.page-nav li.next a,
.page-nav li.next a:link,
.page-nav li.next a:visited {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/btn-arr-next.png?v=6) no-repeat;
	}
.page-nav li.prev a,
.page-nav li.prev a:link,
.page-nav li.prev a:visited {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/btn-arr-prev.png?v=6) no-repeat;
	}
.page-nav li.next a:hover {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/btn-arr-next-over.png?v=6) no-repeat;
	}
.page-nav li.prev a:hover {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/btn-arr-prev-over.png?v=6) no-repeat;
	}


/* @end */

/* @group channel info */

.channel-info {
	width:580px;
	}
.channel-info ul {
	float:right;
	}
.channel-info li {
	float:left;
	display:block;
	margin-left:15px;
	font-size:.9em;
	padding:0 0 0 15px;
	}
li.desc {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-description.png?v=6) no-repeat left center;
	}
li.rate {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-rating.png?v=6) no-repeat left center;
	}
li.likes {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-likes.png?v=6) no-repeat left center;
	}
li.cmts {
	background:url(http://dc5s1hpawbuhi.cloudfront.net/video-images/icon-comments.png?v=6) no-repeat left center;
	}

/* @end */
.index-msg{
  font-weight:normal;
  text-align:left;
  font-size:35px;
  margin-bottom:0;
  line-height:110%;
  color:#41403B;
  width:454px;
  margin-top:46px;
  margin-left:20px;
  line-height:42px;
}
.nominateFBIcon{
  background: transparent url(http://fabulis-site-images.s3.amazonaws.com/for-CSS-1A.png?v=6) no-repeat scroll 0 0;
}
.overFlowZoom{
  overflow:hidden;
  zoom:1;
}
.fbConnectButtonLarge{
  background-color:#406EAC;
  width:253px;
  height:50px;
  cursor:pointer;
  margin-right: 19px;
}
.fbConnectButtonLarge > div{
  color:#FFFFFF;
  float:left;
  padding-top:5px;
}
.fbLoginBttn{
  background-color:#7FB9BD;
  width:108px;
  height:50px;
  cursor:pointer;
  text-align: center;
}
.fbLoginBttn > div{
  color:#FFFFFF;
  margin-top: 14px;

}
.roundedCorndersWR7{
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.largeFBConnectContainer{
  margin:73px 0 0 20px;
}
.largeConnectWithFBMsg{
  font-size:16px;
}
.top7pxCrnrBlue, .bottom7pxCrnrBlue{
  overflow:hidden;
  zoom:1;
  width:253px;
  position:absolute;
}
.top7pxCrnrBlue{
  margin-bottom:-7px;
}
.topLeftBlueCrnr, .topRightBlueCrnr, .bottomLeftBlueCrnr, .bottomRightBlueCrnr{
  width:7px;
  height: 7px;
  background: transparent url(http://fabulis-site-images.s3.amazonaws.com/for-CSS-1B.png?v=6) no-repeat scroll 0px 0px;
}
.topLeftBlueCrnr{
  float:left;
  background-position: -415px 0;
}
.topRightBlueCrnr{
  float:right;
  background-position: -425px 0;
}
.nominateFBIcon{
  background-position: -165px 0;
  width: 38px;
  height: 38px;
  display:block;
  margin-top: 6px;
  margin-left:10px;
}
.bottom7pxCrnrBlue{
  margin-top:-7px;
}
.bottomLeftBlueCrnr{
  float:left;
  background-position: -435px 0;
}
.bottomRightBlueCrnr{
  float:right;
  background-position: -445px 0;
}
.floatLeft{
  float: left;
}