@import url(http://fonts.googleapis.com/css?family=Bevan);


@font-face {
    font-family: 'Bebas';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('BEBAS___-webfont.woff') format('woff'),
         url('BEBAS___-webfont.ttf') format('truetype'),
         url('BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1,h2{font-family:'Bevan';}

#background{
background:url(../img/body.jpg) no-repeat;
}
.container-fluid {
	padding: 0px;
}
.naval, .naval-tabs {
	border: none;
}

#input {
	height: 40px;
	margin-left: -140px;
	margin-top: -46px !important;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
.tabbable {
	clear: both;
	padding-top:63px;
}
#tabbable i {
	font-size: 48px;
	color: rgba(0,0,0,0.86);
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	float: left;
	font-size: 18px;
	display:block;
	margin: 1px 0 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	width: 100%;
}

#tabbable li{cursor:pointer}
.modal.fade{
	transition:opacity 0.1s linear 0s, top 0.1s ease-out 0s;
}
#size ul {
	list-style: none;
	background: #e4e4e3;
	margin-top: -14px;
	margin-right: 14px;
	border: none;
	box-shadow: inset 0px -5px 0px rgba(0,0,0,0.4), 0px 3px 3px rgba(0,0,0,0.7);
	border-radius: 4px 0px 4px 4px;
	
}
#size ul li {
	font-size: 14px;
	margin: 3px 4px;
	padding: 3px 7px;
	border-radius: 0px;
	color: #222;
	font-family: bebas;
}
#size ul li:hover {
	background: #D1CCEE none;
}
.activeli {
	background: #0081C2 none;
}
#size ul ul {
	display: none;
	padding: 0px;
	margin: 0px;
	border-radius: 0px 0px 4px 4px;
}
.dropdown-menu {
	background: #000;
}
.btn i{font-size:48px;float:left;margin:0px 35px 0px 4px!important;text-shadow:none;}
.btn:hover{

}
.btn:actice{
position:relative;
top:3px;}
.btn.fb:active{
position:relative;
top:3px;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.6) inset !important;
background: rgb(34,69,124); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(34,69,124,1) 0%, rgba(47,78,170,1) 48%, rgba(38,68,137,1) 49%, rgba(58,76,124,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(34,69,124,1)), color-stop(48%,rgba(47,78,170,1)), color-stop(49%,rgba(38,68,137,1)), color-stop(99%,rgba(58,76,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(34,69,124,1) 0%,rgba(47,78,170,1) 48%,rgba(38,68,137,1) 49%,rgba(58,76,124,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(34,69,124,1) 0%,rgba(47,78,170,1) 48%,rgba(38,68,137,1) 49%,rgba(58,76,124,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(34,69,124,1) 0%,rgba(47,78,170,1) 48%,rgba(38,68,137,1) 49%,rgba(58,76,124,1) 99%); /* IE10+ */
background: linear-gradient(135deg, rgba(34,69,124,1) 0%,rgba(47,78,170,1) 48%,rgba(38,68,137,1) 49%,rgba(58,76,124,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22457c', endColorstr='#3a4c7c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn.contact:active{margin-bottom:4px;
position:relative;padding-bottom:4px;
top:3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.6) inset !important;
background: rgb(255,183,107); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,183,107,1) 0%, rgba(237,153,56,1) 53%, rgba(229,110,0,1) 53%, rgba(247,150,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(53%,rgba(237,153,56,1)), color-stop(53%,rgba(229,110,0,1)), color-stop(100%,rgba(247,150,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#f79604',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn.here:active{
position:relative;
padding-bottom:4px;margin-bottom:4px;
top:3px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 0 rgba(0, 0, 0, 0.6) inset !important;
background: rgb(64,96,27); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(64,96,27,1) 0%, rgba(91,124,34,1) 48%, rgba(66,102,28,1) 48%, rgba(45,58,16,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(64,96,27,1)), color-stop(48%,rgba(91,124,34,1)), color-stop(48%,rgba(66,102,28,1)), color-stop(99%,rgba(45,58,16,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(64,96,27,1) 0%,rgba(91,124,34,1) 48%,rgba(66,102,28,1) 48%,rgba(45,58,16,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(64,96,27,1) 0%,rgba(91,124,34,1) 48%,rgba(66,102,28,1) 48%,rgba(45,58,16,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(64,96,27,1) 0%,rgba(91,124,34,1) 48%,rgba(66,102,28,1) 48%,rgba(45,58,16,1) 99%); /* IE10+ */
background: linear-gradient(135deg, rgba(64,96,27,1) 0%,rgba(91,124,34,1) 48%,rgba(66,102,28,1) 48%,rgba(45,58,16,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40601b', endColorstr='#2d3a10',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn:focus{
outline:0px;
}
#size ul ul li:hover {
	float: none;
	background: #0081C2 none;
	color: #fff;
}
#size ul li:hover > ul {
	display: block;
}
#ram {
	margin-left: 0px;
	position: absolute;
	height: 100%;
	width: 100%;
}
.modal-backdrop {
	background: none;
	width: 0px!important;
}
.close {
	opacity: 0.9;
}
.img-polaroid {
	margin: 4px;

	box-shadow: none;
}
#leftbar .nav li a:active, #avatarlist .nav li a:active, #backgroundlist .nav li a:active {
	top: 3px;
	position: relative;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.5), inset 0px 0px 1px rgba(255,255,255,0.0), inset 0px 0px 5px rgba(0,0,0,0.8) !important;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 1px rgba(255,255,255,0.5), inset 0px -2px 0px rgba(0,0,0,0.6) !important;
}
#leftbar .nav li a:hover {
	box-shadow: 0px 0px 2px rgba(255,255,255,255,0.5), inset 0px -10px 30px rgba(255,255,255,0.4), 0px 1px 3px rgba(0,0,0,0.3), inset 0px -3px 4px rgba(255,255,255,0.2), inset 0px -6px 0px rgba(0,0,0,0.6);
}
#avatarlist .nav li a {
	font-size: 11px;
}

.modal {
	right: 0%;
	left: auto;
	width: 22%;
	height: 93%;
	top: 63px !important;
}

.tooltip {

	font-size: 12px;
}
canvas {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.img-bg {
	background-color: #FFFFFF;
	padding: 4px;
	margin: 4px;
	width:27%;
}
#leftbar img {
	margin-left: 3px;
	border: 0px solid #aaa;
	width:auto;
	margin-top: 3px;box-shadow:0px 1px 2px -1px rgba(0,0,0,0.5); 
}
#leftbar .nav li:last-child a {
	background: rgb(242,246,248);
	background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
	background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

#leftbar .nav li:nth-child(1) a {
	background: rgb(242,246,248);
	background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
	background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}
#leftbar .nav li:nth-child(2) a {
	background: rgb(242,246,248);
	background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
	background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}
#leftbar .nav li:nth-child(3) a {
	background: rgb(254,187,187); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 45%, rgba(255,122,122,1) 46%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,187,187,1)), color-stop(45%,rgba(254,144,144,1)), color-stop(46%,rgba(255,122,122,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,122,122,1) 46%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,122,122,1) 46%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,122,122,1) 46%); /* IE10+ */
background: linear-gradient(135deg, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,122,122,1) 46%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff7a7a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
#leftbar .nav li:nth-child(4) a {
	background: rgb(183,222,237);
	background: -moz-linear-gradient(-45deg, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(183,222,237,1)), color-stop(50%,rgba(113,206,239,1)), color-stop(51%,rgba(33,180,226,1)), color-stop(100%,rgba(183,222,237,1)));
	background: -webkit-linear-gradient(-45deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	background: linear-gradient(135deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 );
}

#leftbar .nav li:nth-child(5) a {
	background: rgb(183,222,237);
	background: -moz-linear-gradient(-45deg, rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(183,222,237,1)), color-stop(50%,rgba(113,206,239,1)), color-stop(51%,rgba(33,180,226,1)), color-stop(100%,rgba(183,222,237,1)));
	background: -webkit-linear-gradient(-45deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	background: linear-gradient(135deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 );
}

#leftbar .nav li:nth-child(6) a {
	background: rgb(230,240,163); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(189,209,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(189,209,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#bdd13a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#leftbar .nav li:nth-child(7) a {
	background: rgb(230,240,163); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(189,209,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(189,209,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#bdd13a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#leftbar .nav li:nth-child(8) a {
	background: rgb(230,240,163); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(189,209,58,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(189,209,58,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(189,209,58,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#bdd13a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.nicel{
	padding-top:5px!important;
	padding-bottom:8px!important;
	float:left;
}
.modal-footer{
	padding: 0;
}
.modal-footer .btn{
float:left;
}
#logo{
text-align:center;
padding-bottom:1em;
}

#bainput{opacity:0;
height:40px;position:absolute; height: 40px;
    margin-left: -240px;
    margin-top: -10px;

    position: absolute;
    width: 40px;}

#leftbar .nav li:nth-child(5) a i {

	text-shadow: 0px -1px 0px rgba(0,0,0,0.8) !important;
}
.navbar-inverse .navbar-inner{
background:none;
}
.navbar{
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
	border: 1px solid #111;
	cursor: hand;
	background: rgb(235,233,249);
	background: -moz-linear-gradient(-45deg, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,233,249,1)), color-stop(50%,rgba(216,208,239,1)), color-stop(51%,rgba(206,199,236,1)), color-stop(100%,rgba(193,191,234,1)));
	background: -webkit-linear-gradient(-45deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	background: linear-gradient(135deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 );
	margin: 5px 0px 5px 0px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 1px rgba(255,255,255,0.5), inset 0px -6px 0px rgba(0,0,0,0.6);
	border-radius: 3px;
	padding: 0px 0px 4px 4px;
}
#avatarlist .nav li a{
	margin: 5px 3px 5px 3px;
		padding: 2px 4px 4px 4px;
}
i {
	color: #fff;
	text-shadow: 0px -1px 0px #000;
	font-size: 16px;
	margin: 0px 3px;
}
#leftbar {
	height: 100%;
}
#leftbar .nav li.active a {
	background: rgb(252,234,187);
	background: -moz-linear-gradient(-45deg, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1)));
	background: -webkit-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	background: linear-gradient(135deg, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 1px rgba(255,255,255,0.5), inset 0px -1px 0px rgba(0,0,0,0.6);
}
#leftbar .nav li a {
	font-family: 'bebas';
	color: #444;
	text-align: center;
	font-size: 12px;
}
.likebuttom {
	left: 18px;
	position: relative
}
.modal-header .close {
	margin-top: 6px !important;
}
.modal-header .close i {
	 color: rgba(255,255,255,0.5) !important;
    float: none;
    font-size: 19px !important;
    margin: 4px !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    

	float: none;
	font-size: 19px !important;
	margin: 4px !important;
}
.tab-pane {
max-height:350px;
	position: relative;
	overflow: auto;
}
#size {
	right: 1%;
}
.modal-footer{border-radius:0px;background:none;}
.btn {
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
	border: 1px solid #2a3843;
	font-family: bebas;
	cursor: hand;
	background: rgb(235,233,249);
	background: -moz-linear-gradient(-45deg, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,233,249,1)), color-stop(50%,rgba(216,208,239,1)), color-stop(51%,rgba(206,199,236,1)), color-stop(100%,rgba(193,191,234,1)));
	background: -webkit-linear-gradient(-45deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	background: linear-gradient(135deg, rgba(235,233,249,1) 0%,rgba(216,208,239,1) 50%,rgba(206,199,236,1) 51%,rgba(193,191,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 );
	margin: 5px 3px 5px 5px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0px 0px 1px rgba(255,255,255,0.5), inset 0px -6px 0px rgba(0,0,0,0.6);
	border-radius: 3px;
	padding: 0px 10px 8px 10px;
}
.here{
margin-top:5px!important;
background: rgb(149,173,79); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(149,173,79,1) 1%, rgba(130,150,42,1) 49%, rgba(110,135,37,1) 51%, rgba(116,150,42,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(149,173,79,1)), color-stop(49%,rgba(130,150,42,1)), color-stop(51%,rgba(110,135,37,1)), color-stop(100%,rgba(116,150,42,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(149,173,79,1) 1%,rgba(130,150,42,1) 49%,rgba(110,135,37,1) 51%,rgba(116,150,42,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(149,173,79,1) 1%,rgba(130,150,42,1) 49%,rgba(110,135,37,1) 51%,rgba(116,150,42,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(149,173,79,1) 1%,rgba(130,150,42,1) 49%,rgba(110,135,37,1) 51%,rgba(116,150,42,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(149,173,79,1) 1%,rgba(130,150,42,1) 49%,rgba(110,135,37,1) 51%,rgba(116,150,42,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ad4f', endColorstr='#74962a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.contact{
background: rgb(255,183,107); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,183,107,1) 0%, rgba(237,153,56,1) 53%, rgba(229,110,0,1) 53%, rgba(247,150,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(53%,rgba(237,153,56,1)), color-stop(53%,rgba(229,110,0,1)), color-stop(100%,rgba(247,150,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,183,107,1) 0%,rgba(237,153,56,1) 53%,rgba(229,110,0,1) 53%,rgba(247,150,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#f79604',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.dropdown-toggle {

}
.pull-right {
	padding: 6px 10px;
	position: relative;
	float: left;
	text-align: center;
	z-index: 9999;
	
}
#backgroundlist li a{margin: 5px 3px!important;
    padding: 2px 4px 4px!important;}
.itiem{width:90px;float:left;height: auto;margin: 4px 9px;}
.miniColors-selector{
	z-index:9999999999999;
}
#basictools{
	margin-left:81px;
}
#shirtDiv{
	clear:both;
	margin-left:81px;
}
#toolbar {
	position: relative;
	z-index: 99999;
	width: 100%;
	float:left;
}
.img-polaroid {

	cursor:pointer;
}
.modal-body form{
	margin-top:20px;
	text-align:center;
}
#fblists{
margin-left:40px;
margin-top:5px;
float:left;
}
.loading{
	font-size:12px;
	font-family:bebas;
	color:#fff;
	float:left;
padding:2px 9px;
	margin-left:25%;
	background:#222;
	border-radius:3px;
	box-shadow:0px 1px 3px rgba(0,0,0,.4);
}
/*
 * box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.41) inset,0 -7px 0 rgba(0, 0, 0, 0.31) inset;
 * modals
 */
.modal-body {
	padding: 0px 0px;
	overflow:hidden;
	max-height:auto;
	min-height:380px;
	max-height:380px;
}
#saves .modal-body {
		overflow:hidden;
	max-height:auto;
	min-height:auto;

}
#saves .modal-header {
	border-bottom: 0px solid #333;
	background: url("../img/loo.png") repeat scroll 30px center transparent;
	border-bottom: 0px solid #333333;
	border-radius:9px 9px 0px 0px;
	padding: 1px 5px 7px 5px;
}
.modal-header {
	border-bottom: 0px solid #333;
	background: url("../img/loo.png") repeat scroll 30px center #111;
	border-bottom: 1px solid #333333;
	border-radius:0px 0px 0px;
	padding: 1px 5px 7px 5px;
}
.ohcom{
	background:rgba(0,0,0,0.9)!important;
	width:100%!important;
	z-index:999999;
}
.modal-header h3 {
	color: #fff;
}
#theimage{
   
    height: 280px;
 text-align:center;
     background: url("../img/load.gif")  50% 50% no-repeat rgba(0, 0, 0, 0.81);
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    margin: 9px;
    padding: 0;

    overflow: hidden;
}
#saves{
 background-clip: padding-box;
z-index:9999999999999;
    border: none;
    border-radius: 9px!important;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.8),inset 0 -7px 0px rgba(0, 0, 0, 0.6);
    left: 50%;
    margin: -250px 0 0 -280px;
    outline: 0 none;
    position: fixed;
    top: 50%!important;
    width: 560px;
    height:400px!important;
    border:2px solid #000;
    background:url("../img/tooler.jpg") repeat scroll 0 0 transparent;
}
.popover.right .arrow:after{
	border-right-color:#E1E1E1!important;
color:#E1E1E1;
}
.popover.right .arrow{
	border-right-color:#E1E1E1!important;
}
.popover{
	  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3),inset 0 -7px 0px rgba(0, 0, 0, 0.3);
	  border:none;
	  background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.popover-title{
	border:none;
	background:transparent;
}
#saves .modal-footer{
	border:none;
	box-shadow:0px -1px 3px rgba(255,255,255,.1);
}
.modal {
	border: #000000;
	border-radius: 0px;
	background: #eee;
	display:none;
	margin: 0px;
}
.modal .nav-tabs {
	background: rgb(105,107,102);
	background: -moz-linear-gradient(-45deg, rgba(105,107,102,1) 0%, rgba(179,190,173,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(105,107,102,1)), color-stop(100%,rgba(179,190,173,1)));
	background: -webkit-linear-gradient(-45deg, rgba(105,107,102,1) 0%,rgba(179,190,173,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(105,107,102,1) 0%,rgba(179,190,173,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(105,107,102,1) 0%,rgba(179,190,173,1) 100%);
	background: linear-gradient(135deg, rgba(105,107,102,1) 0%,rgba(179,190,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696b66', endColorstr='#b3bead',GradientType=1 );
	border: none;
	padding: 4px;
	margin: 0px;
}

/*
 end
 */
#drawing-mode-options{
	float:left;
}
#tcanvas {
	width: 100%;
	height: 100%;
}
#drawingArea {
	width: 100%;
	margin: 0px;
}
#text-string {
	width: 96%;
}
#add-text{
	border-radius:4px;
}
#add-text i {
	color: #333;
	text-shadow: 0px 1px 0px #fff;
}
.modal-header h3 {
	font-family: 'bebas';
	font-size: 16px;
}
.popover{
	z-index: 99999999999!important;
}
.popover-title{
	font-family:'bebas';
	
}
.popover-content{
	font-size:12px;
}
#add-text i {
	margin-right: 5px;
}
a:focus {
	outline: none
}
#texteditor .btn {
	background: rgba(0,0,0,0.45);
	border: none;
	border-radius: 4px;
	padding: 9px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.8) inset;
}
#texteditor .btn:hover, #texteditor button.btn:hover {
	background: rgba(0,0,0,0.7);
	border: none;
	border-radius: 4px;
	padding: 9px;
}
.padd {
	padding: 10px;
}
#copyright {
	color: #ccc;
	clear: both;
	position: absolute;
	bottom: 10%;
	margin-left: 30px;
	font-family: tahoma, sans-serif;
	font-size: 10px;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}
#copyright span {
	background: rgb(237,197,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,197,0,1) 0%, rgba(241,218,54,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,197,0,1)), color-stop(100%,rgba(241,218,54,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,197,0,1) 0%,rgba(241,218,54,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,197,0,1) 0%,rgba(241,218,54,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,197,0,1) 0%,rgba(241,218,54,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,197,0,1) 0%,rgba(241,218,54,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edc500', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	padding: 4px 5px 5px 4px;
	color: #000;
	text-shadow: none;
	line-height: normal;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 0px rgba(255, 255, 255, 0.9) inset;
}

.canvas-container {
	border: 1px solid #eee;
}
#texteditor {
	display: block;
}
#drawingArea {
	padding: 0px;
	width: 800px;
	height: 600px;

	max-height: 1080px;
	resize: both;
	overflow: auto;
	background:#fff;
	display:block;
	padding:0 24px 24px 0;
	border: 1px solid #999;
}

#imageeditor .btn {
	box-shadow: inset 0px 0px 3px rgba(0,0,0,0.8);
	background: rgba(0,0,0,0.45);
	border: none;
	border-radius: 4px;
	padding: 9px;
}
#imageeditor .btn:hover {
	padding: 9px !important;
}
.canvas-container {
	width: 100%;
}
#avatarlist li a, #backgroundlist li a {
	text-transform: uppercase;
	font-family: "bebas" !important;
	font-size: 12px;
	color: #333;
	padding-bottom: 8px !important;
	width: auto !important;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}
.tiltbox {
	background: rgba(0,0,0,0.75);
	color: #fff;
	font-size: 15px;
	font-family: 'bebas';
	color: #fff;
	border-radius: 4px;
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.6), inset 0px -1px 0px rgba(255,255,255,0.6);
	padding: 4px 10px;
	margin-left: 10px;
	float: left;
	margin-top: 10px;
	-moz-transform: rotate(-1deg);
}
#leftbar {
	position: absolute;
	background: rgb(181,189,200);
	background: -moz-linear-gradient(-45deg, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 0%, rgba(40,52,59,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(0%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
	background: -webkit-linear-gradient(-45deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 0%,rgba(40,52,59,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 0%,rgba(40,52,59,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 0%,rgba(40,52,59,1) 100%);
	background: linear-gradient(135deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 0%,rgba(40,52,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 );
	border-right: 1px solid #000;
	width: 80px;
z-index:999999;
	background: url(../img/tool.jpg) repeat;
	box-shadow: inset -3px 0px 4px rgba(0,0,0,0.5), inset 10px 0px 10px rgba(0,0,0,0.5);
	
}
#leftbar .tab-content {
	/*
	 background: none repeat scroll 0 0 rgba(0,0,0,0.9);
	 border: 1px solid #000;
	 box-shadow: 0px 0px 1px rgba(255,255,255,0.5), 0px 3px 10px rgba(0,0,0,0.6);
	 margin-left: 90px;
	 margin-top: -250px;
	 padding: 20px;
	 position: absolute;
	 z-index: 100;inset 0px -1px 0px rgba(255,255,255,0.1),*/
	max-height:400px;
	min-height:300px;
}
#toolbar {
	height: 62px;
	background: rgb(186,186,186);
	background: -moz-linear-gradient(top, rgba(186,186,186,1) 0%, rgba(111,123,132,1) 0%, rgba(88,99,107,1) 57%, rgba(63,71,76,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(186,186,186,1)), color-stop(0%,rgba(111,123,132,1)), color-stop(57%,rgba(88,99,107,1)), color-stop(99%,rgba(63,71,76,1)));
	background: -webkit-linear-gradient(top, rgba(186,186,186,1) 0%,rgba(111,123,132,1) 0%,rgba(88,99,107,1) 57%,rgba(63,71,76,1) 99%);
	background: -o-linear-gradient(top, rgba(186,186,186,1) 0%,rgba(111,123,132,1) 0%,rgba(88,99,107,1) 57%,rgba(63,71,76,1) 99%);
	background: -ms-linear-gradient(top, rgba(186,186,186,1) 0%,rgba(111,123,132,1) 0%,rgba(88,99,107,1) 57%,rgba(63,71,76,1) 99%);
	background: linear-gradient(to bottom, rgba(186,186,186,1) 0%,rgba(111,123,132,1) 0%,rgba(88,99,107,1) 57%,rgba(63,71,76,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#3f474c',GradientType=0 );
	background: url(../img/tool.jpg) repeat;
	box-shadow: inset 0px -8px 0px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(0,0,0,0.4), inset 4px 0px 6px rgba(0,0,0,0.4);
	border-bottom: 1px solid #222;
}
.hero-unit {
	padding: 0px;
	margin: 0px;
	background: none;
}
  /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
    }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;

    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
   
	  font-family:'bebas';
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
	  color:#000;
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */
p.lead strong{
clear:both;
}
    /* Carousel base class */
    .carousel {
      margin-bottom: 9px;
	  background:url("http://31.media.tumblr.com/31fb9919ffd911b7e6ee4117856f6357/tumblr_mxrv8vRMbA1st5lhmo1_1280.jpg") repeat scroll 0 0 transparent;
	  box-shadow:inset 0px -10px 0px rgba(255,255,255,0.1);
	  background-size:cover;
	  height:800px;
	
    }.carousel:after {
  background: linear-gradient(0deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  height: 60px;
  position: absolute;
  top: auto;
  width: 100%;
}
.carousel-caption .lead{
text-shadow:0px -1px 1px rgba(0,0,0,0.8);
font-family:'open sans';

}
    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
    }

    .carousel .item {
   
    }
    .carousel img {
 
      top: 0;
      right: 0;
 
    }
	.btn-large{
	font-size:40px;
	
	}
	footer p{
	font-family:'open sans';
	text-align:center;
	}
	.video{
	margin-top:-10px;
	
	}

	.checkit{
	background:url(../img/checkit.png) no-repeat;
	width:184px;
	position:absolute;
	margin-left:-60px;
	margin-top:60px;
	height:204px;
	}
		.bellow{
	background:url(../img/bellow.png) no-repeat center center;

	position:relative;
	margin-left:0px;
	margin-top:10px;
	height:204px;
	}
	.video iframe{
	box-shadow:0px 4px 10px rgba(0,0,0,.8);
	}
	.fb{
	background: rgb(43,80,155); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(43,80,155,1) 0%, rgba(55,91,198,1) 48%, rgba(44,83,158,1) 49%, rgba(71,98,153,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(43,80,155,1)), color-stop(48%,rgba(55,91,198,1)), color-stop(49%,rgba(44,83,158,1)), color-stop(99%,rgba(71,98,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(43,80,155,1) 0%,rgba(55,91,198,1) 48%,rgba(44,83,158,1) 49%,rgba(71,98,153,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(43,80,155,1) 0%,rgba(55,91,198,1) 48%,rgba(44,83,158,1) 49%,rgba(71,98,153,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(43,80,155,1) 0%,rgba(55,91,198,1) 48%,rgba(44,83,158,1) 49%,rgba(71,98,153,1) 99%); /* IE10+ */
background: linear-gradient(135deg, rgba(43,80,155,1) 0%,rgba(55,91,198,1) 48%,rgba(44,83,158,1) 49%,rgba(71,98,153,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b509b', endColorstr='#476299',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.navbar .nav > li > a {
    font-family: 'Open sans',sans-serif;
    padding: 16px 10px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	color:#444!important;
	}
	h1{font-size:76px}
    .carousel-caption {
      background-color: transparent;
      position: static;
  text-align:center;
      padding: 0 20px;
      margin-top: 260px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
	  margin-bottom:0.2em;
      text-shadow: 0 1px 4px rgba(0,0,0,.8);
    }
    .carousel-caption .btn {
      margin-top: 50px;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }
