/*------------------------------------------------------

	Theme Name: Unorium
	Author: author name
	Author URI: http://authorurl.com

/*------------------------------------------------------


	CSS TABLE OF CONTENT: 

	1. GLOBAL STYLES
	2. TOP SLIDER CONTENT
	3. HEADER
		3a. Logo
		3b. Navmenu
	4. ABOUT
		4a. Features content
		4b. Info wrap
		4c. Team
	5. SERVICES
		5a. Services info
		5b. Skills
		5c. Services list
		5d. Pricing
	6. PORTFOLIO
	7. BLOG
	8. CONTACT
		8a. Contact info
		8b. Google map
	9. FOOTER
	10.OTHER STYLES
		10a. Parallax styles
		10b. quote styles
		10c. Line Seperators
		10d. Clients
		10e. Newsletter
		10f. Shadows	
		10g.  Section title
		

---------------------------------------------------------*/

/*--------------------------------------------------------
	1.GLOBAL STYLES
--------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
}

a {color:#fe724d;}
a:hover {color:#333333;}
a:link,a:visited,a:active {outline:0;}

p {
	font-size: 14px;
	line-height: 23px;
	font-weight:400;
	color:#5f5f5f;
}

.no-padding {padding:0px !important;}
.space10 {margin-bottom:10px;}
.space15 {margin-bottom:15px;}
.space20 {margin-bottom:20px;}
.space25 {margin-bottom:25px;}
.space30 {margin-bottom:30px;}
.space35 {margin-bottom:35px;}
.space40 {margin-bottom:40px;}
.space50 {margin-bottom:50px;}
.space60 {margin-bottom:60px;}
.space70 {margin-bottom:70px;}
.space80 {margin-bottom:80px;}
.space90 {margin-bottom:90px;}
.space100 {margin-bottom:100px;}
.space120 {margin-bottom:120px;}
.space140 {margin-bottom:140px;}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border:0px;
	margin-bottom:20px;
}

.video iframe,
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------
	2.TOP SLIDER CONTENT
--------------------------------------------------------*/

#top {
	background:#fff;
	margin-top:-10px;
	position:relative;
}

.full {width:100% !important;}

.top-inner {
	position:absolute;
	left:0px;
	right:0px;
	top:250px;
	z-index:998;
	margin:0 auto;
	width:80%;
}

.top-inner {display:none;}

.top-inner h4 {
    color: #FFFFFF;
    font-size: 110px;
    font-weight: 300;
    letter-spacing: -6px;
    margin: -10px 0;
    text-align: center;	
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

.top-inner h4 span {
	color:#fe4800;
}

.top-inner h5 {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	color: #FFFFFF;
	display: table;
	font-family: Open Sans,Sans-serif;
	font-size: 36px;
	font-weight: lighter;
	letter-spacing: -2px;
	margin: 5px auto;
	padding: 3px 8px 5px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.top-inner h5 span {
	color:#fe4800;
}

.sp-text {
	color:#317DBE !important;
	text-transform:uppercase;
	font-size:34px;
	font-weight:bold;
}

.button1 {
	display:table;
	margin:40px auto 0px;
	border-radius:3px;
}

.button1 a {
	background: none repeat scroll 0 0 #FF4700;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	display: inline-block;
	font-family: Oswald;
	font-size: 20px;
	font-weight: lighter;
	padding: 10px 30px;
	text-decoration: none;
	text-transform: uppercase;
}

.button1 a:hover {
	background-color:#317DBE;
	color:#fff;
}

/*--------------------------------------------------------
	3.HEADER
--------------------------------------------------------*/

#header-wrap {
	position:relative;
	top:0;
	left:0px;
	right:0px;
	z-index:99999;
}

.header {
	height:88px;
	background:#fff;
	position:relative;
	z-index:999;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    2px 2px 2px rgba(0, 0, 0, 0.05);
	box-shadow:         2px 2px 2px rgba(0, 0, 0, 0.05);
}

/* 3a. Logo
===================== */

.logo {}

.logo h1 {
	margin-top:10px;
	padding-left:15px;
}

.logo h1 a {
	color:#317dbe;
	font-size:35px;
	font-weight:200;
	font-family:Open Sans, Sans-Serif;
	letter-spacing:-2px;
}

.logo h1 a span {
	font-style:italic;
	color:#fe4800;
}

/* 3b. Navmenu
===================== */

.navigation {
	display:table;
	float:right;
}

.navigation li {
	float:left;
	text-align:center;
	text-transform:uppercase;
	background:#fff;
	padding:16px 30px;
	border-top:2px solid #fff;
}

.navigation li a {
	color:#5f5f5f;
	font-size:12px;
}

.navigation li a span {
	color:#317dbe;
	display:block;
	font-size:20px;
}

.home {padding:19px 30px !important;}
.home a {font-size:30px !important;color:#317dbe !important;}
.navigation .current a , .current a span, .navigation li:hover a, .navigation li:hover a span {color:#fff !important;}

.current, .navigation li:hover {
	background: #317dbe !important;
	border-top:2px solid #fe4800 !important;
}

.select-menu {
	display: none;
	background: none;
	padding: none;
	border:none;
}

@media (max-width: 767px) {

.navigation { display: none;margin:0;}

.select-menu {
	display: block;
	background: #fff;
	width: 100%;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #d2d2d2;
	height: 34px;
	margin:30px auto 0 ;
	color:#5f5f5d !important;
}
}

.header-shadow {
	height:20px;
	background:url(../images/h-shadow.png) no-repeat bottom left;
}

/*--------------------------------------------------------
	4.ABOUT
--------------------------------------------------------*/

#about {
	background:#317DBE;
	margin-top: -0px;
}

/* 4a. Features content
========================= */

.features-wrap {}

.features-wrap h3 {
	font-size:30px;
	text-align:center;
	font-weight:400;
	width:80%;
	margin:45px auto 0;
	color:#fff;
}

.features-content {
	text-align:center;
}

.features-content h4 {
	font-size:30px;
	text-transform:uppercase;
	margin:0px;
	font-weight:400;
	color:#fff;
}

.features-content p {
	width:90%;
	margin:0 auto;
	color:#fff;
}

.features-icon {
	background:url(../images/ico-bg.png);
	height:245px;
	width:223px;
	display:table;
	margin:20px auto;
	font-size:100px;
	color:#fd4801;
	line-height:240px;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out; 
}

.features-content:hover {cursor:default;}

.features-content:hover .features-icon {
	background:url(../images/ico-bg-hr.png);
	color:#fff;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out; 
}

/* 4b. Info wrap
===================== */

.info-wrap {
	background:#fff;
	margin-top:60px;
	padding-bottom:20px;
}

.info-inner:first-child {
	margin-top:80px;
}

.info-inner {
	margin-top:90px;
}

.info-inner h5 {
	font-size:30px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
}

.info-inner h5 span {
	color:#dfdfdf;
}

.info-inner h6 {
	font-family:Open Sans;
	font-weight:300;
	font-size:28px;
	margin:2px 0 12px;
}

.info-thumb img {
	display:table;
	margin:0 auto;
}

.info-inner p {
	margin-bottom:30px;
	font-size:18px;
}

.more {
	background:#fe4800;
	padding:3px 7px;
	border-radius:3px;
	color:#fff;
	font-family:Alef;
	font-size:12px;
	font-weight:700;
}

.more:hover {
	background:#317DBE;
	color:#fff;
}

/* 4c. Team
===================== */

.team-main {
	background:url("../images/pattern/1.png") repeat scroll 0 0 #E5E5E5;
}

.team-wrap {
	margin-top:100px;
	padding-bottom:90px;
}

.team-thumb {}

.team-info {
	text-align:center;
	padding:0 22px;
}

.team-inner {
	border-radius:3px;
	overflow:hidden;
	background:#fff;
	border:1px solid #ececec;
}

.team-inner h4 {
	font-size:20px;
	font-weight:400;
	margin-top:20px;
}

.team-inner h4 span {
	font-family:Open Sans Condensed;
	font-weight:300;
	font-style:italic;
	font-size:14px;
	display:block;
}

.team-inner p {
	font-size:13px;
	line-height:21px;
	width:85%;
	margin: 0 auto;
}

.team-social {
	display:table;
	margin: 0 auto;
}

.team-social li, .blog-social li{
	width:26px;
	height:28px;
	font-size:15px;
	text-align:center;
	line-height:28px;
	float:left;
	margin:15px 1px 27px;
}

.team-social li a , .blog-social li a {color:#fff;}
.tweet {background:url(../images/tweet.png);}
.fb	 {background:url(../images/fb.png);}
.gplus {background:url(../images/gplus.png);}

/*--------------------------------------------------------
	5.SERVICES
--------------------------------------------------------*/

#services {
	padding:70px 0 90px;
	background:#e5e5e5 url(../images/pattern/1.png);
}

.services-bg {
	background:#317DBE;
	padding:60px 0 40px;;
}

/* 5a. Services info
===================== */

.info-wrap2 {
	background:#fff;
	margin:40px 0 0;
}

.info-inner2 {margin:70px 0;}

.info-inner2 h5 {
	font-size:30px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0px;
}

.info-inner2 h5 span {
	color:#dfdfdf;
}

.info-inner2 h6 {
	font-family:Open Sans;
	font-weight:300;
	font-size:28px;
	margin:2px 0 12px;
}

.info-inner2 p {
	margin-bottom:30px;
	font-size:18px;
}

/* 5b. Skills wrap
===================== */

.skills-wrap {
	margin: 25px 0px 50px;
}

.skills-wrap h4 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	text-align:center;
	margin-bottom:30px;
}

.skills-wrap h4 span {
	color:#dfdfdf;
}

.skill-title {
	width:11%;
	float:left;
	line-height:29px;
	color:#5f5f5f;
	font-weight:300;
}

.skill-div {
	background:#e1dcd9;
	border-radius:3px;
	border-top:1px solid #cacaca;
	padding:2px;
	width:89%;
	float:right;
}

.skill-div-inner-one {
	background: #429ffd; /* Old browsers */
	background: -moz-linear-gradient(top,  #429ffd 0%, #3c90e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#429ffd), color-stop(100%,#3c90e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #429ffd 0%,#3c90e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #429ffd 0%,#3c90e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #429ffd 0%,#3c90e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #429ffd 0%,#3c90e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#429ffd', endColorstr='#3c90e6',GradientType=0 ); /* IE6-9 */
	border-radius:3px;
}

.skill-div .mobile { width:80%;}
.skill-div .tablets {width:70%;}
.skill-div .desktop { width:90%;}
.skill-div .android { width:50%;}
.skill-div .ios { width:25%;}
.skill-div .windows { width:75%;}



.skill-div-inner-two {
	height:25px;
	-webkit-animation: progress 1s linear infinite;
	-moz-animation: progress 1s linear infinite;
	animation: progress 1s linear infinite;
	background-repeat: repeat;
	background-size: 18px 18px;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
}

@-webkit-keyframes progress {to {background-position: 50px 0;}}
@-moz-keyframes progress{to {background-position: 50px 0;}}
@keyframes progress{to {background-position: 50px 0;}}

.skills-wrap ul li {
	height:25px;
	margin-bottom:15px !important;
}

.skill-div-inner-two span {
	background:#fe4800;
	padding:1px 8px;
	border-radius:3px;
	font-size:12px !important;
	color:#fff;
	font-weight:700;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	display:table;
	float:right;
	position: relative;
	right: -52px;
	top:2px;
}

.skill-div-inner-two span:before{ 
	content:"";
	position:absolute;
	right: 100%;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-right: 6px solid #fe4800;
	border-bottom: 4px solid transparent;
	top:7px;
}

/* 5c. Services list
===================== */

.services-content {
	text-align:center;
}

.services-content h4 {
	font-size:22px;
	text-transform:uppercase;
	margin:0px;
	font-weight:400;
	color:#fff;
}

.services-content p {
	color:#fff;
	width:95%;
	margin:0 auto;
	margin-bottom:22px;
}

.services-icon {
	background:url(../images/ico-bg.png);
	height:245px;
	width:223px;
	display:table;
	margin:20px auto;
	font-size:100px;
	color:#fd4801;
	line-height:240px;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out; 
}

.services-content:hover {cursor:default;}

.services-content:hover .services-icon {
	background:url(../images/ico-bg-hr.png);
	color:#fff;
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out; 
}

/* 5d. Pricing
===================== */

.pricing-wrap {
	margin-top:70px;
}

.pricing-content {
	padding:0 7px;
}

.pricing-inner {
	border-radius:3px;
	overflow:hidden;
	background:#fff;
	border:1px solid #ececec;
}

.plan-title {
	background:#5e5e5e;
	text-align:center;
	padding:15px 0;
	color:#fff;
	font-family:Oswald;
	font-size:30px;
	font-weight:normal;
	letter-spacing:-1px;
}

.plan-title span {
	display:block;
	font-family:Open Sans;
	text-transform:none;
	font-size:14px;
	font-weight:400;
	margin-top:8px;
	letter-spacing:0px;
}

.plan-ico {
	text-align:center;
	color:#377bcc;
	font-size:150px;
	margin-top:30px;
}

.pricing-content p {
	text-align:center;
	font-size:13px;
	line-height:21px;
	width:77%;
	margin:0 auto;
}

.buy-now {
	background-color:#fc4702;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	color:#ffffff;
	font-family:Open Sans;
	font-size:13px;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
	height:42px;
	line-height:42px;
	display:table;
	margin:15px auto 20px;
}


.buy-now span {
	font-weight:600;
	margin-left:10px;
	background:url(../images/border-button.png) no-repeat left;
	padding: 12px 0px 12px;
	top: 0px;
	position: relative;
	padding-left:15px;
}

/*--------------------------------------------------------
	6.PORTFOLIO
--------------------------------------------------------*/

#portfolio {
	padding:80px 0;
	background:#e5e5e5 url(../images/pattern/portfolio.png);
}

.portfolio_thumb {
	position:relative;
	overflow:hidden;
}

.portfolio-inner{
	background:rgba(255,255,255,0.8);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	opacity:0 !important;
	filter: alpha(opacity = 0);
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out; 
}

.portfolio-inner:hover{
	opacity:1 !important;
	filter: alpha(opacity = 100);
	-webkit-transition:all 0.4s ease-in-out;  
	-moz-transition:all 0.4s ease-in-out;  
	-o-transition:all 0.4s ease-in-out;  
	transition:all 0.4s ease-in-out; 
}

.zoom-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 53%;
    margin: auto;
}

div.portfolio-inner {background:rgba(255,255,255,0.8);}

.folio-info {
	text-align:center;
}

.folio-info h4 {
	font-size:12px;
	font-weight:400;
	text-transform:uppercase;
	margin:12px 0 0 0;
}

.folio-info h4 a {
	color:#5f5f5f;
}

.folio-info p {
	font-size:12px;
	margin:-7px auto 13px;
}

/*--------------------------------------------------------
	7.BLOG
--------------------------------------------------------*/

#blog {
	padding:80px 0 130px;
	background:#e5e5e5 url(../images/pattern/1.png);
}

.blog-inner {
	overflow:hidden;
	background:#fff;
	/*border:1px solid #dfdfdf;
	border-bottom:2px solid #d2d2d2;*/
	-webkit-box-shadow: 0px 1px 2px 1px #aaaaaa;
	box-shadow: 0px 1px 2px 1px #aaaaaa;	
}

.blog-post {
	margin-bottom:30px;
}

.blog-meta {
	font-size:11px;
	text-transform:uppercase;
	font-weight:400;
	color:#5f5f5f;
	padding: 0 20px;
	margin: 17px 0;
}

.blog-meta a {
	color:#317cbd;
}

.blog-info {
	padding:0 20px;
}

.blog-info h4 {
	font-weight:400;
	font-size:27px;
	line-height:27px;
}

.blog-info p {
	margin:0px;
	line-height:21px;
}

.blog-social {
	display:table;
	float:right;
	padding:0 20px;
	margin-top:0px;
}

.blog-social li{
	margin: 12px 1px -5px;
}

.blog-share {
	/*border-top:1px solid #f0f0f0;*/
	background:#f6f6f8;
	height:52px;
	margin-top:20px;
}

.comment-meta {
	text-transform:uppercase;
	font-weight:800;
	font-size:16px;
	padding: 17px 20px 0px;
}

.comment-meta a {
	color:#000;
}

.comment-meta a span {
	color:#fe4800;
	font-weight:700;
}

/*--------------------------------------------------------
	8.CONTACT
--------------------------------------------------------*/

#contact {
	padding:80px 0;
	background:#e5e5e5 url(../images/pattern/2.png);
}

#contactForm ul li {
	margin-bottom:7px;
}

#contactForm *:focus {
	border: 3px solid #fe4800;
	outline: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#contactForm input[type="text"], #contactForm textarea, #contactForm input[type="email"]  {
	font-family:oswald;
	font-weight:300;
}

#contactForm input[type="submit"], #contactForm input[type="button"] {
	background-color:#fd4801;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:none;
	display:inline-block;
	color:#ffffff;
	font-family:Oswald;
	font-size:20px;
	font-weight:400;
	padding:5px 20px;
	text-decoration:none;
	display:table;
	float:right;
	text-transform:uppercase;	
}

.cname  {background:url(../images/user.png) white no-repeat left top 5px !important; padding-left:44px !important;background-position:3% 45% !important;}
.cemail {background:url(../images/envelope-alt.png) white no-repeat left top 5px !important; padding-left:44px !important;background-position:3% 45% !important;}
.clocation   {background:url(../images/globe.png) white no-repeat left top 5px !important; padding-left:44px !important;background-position:3% 45% !important;}
.csubject  {background:url(../images/question-sign.png) white no-repeat left top 5px !important; padding-left:44px !important;background-position:3% 45% !important;}
.cmessage {background:url(../images/pencil.png) white no-repeat left top 5px !important; padding-left:44px !important;background-position:3% 3% !important;}

#contactForm input[type="submit"]:hover,
#contactForm input[type="submit"]:active,
#contactForm input[type="button"]:hover,
#contactForm input[type="button"]:active {
	background-color:#317DBE;
	color:#fff;
}

#contactForm input[type="submit"]:focus {border:none !important;}
#contactForm input[type="submit"]:active, #contactForm input[type="button"]:active {color: #fff;border:none !important;}
#contactForm input[type="button"] {}

/* 8a. Contact info
===================== */

.contact-info {}

.contact-info li {
	margin-bottom:10px;
	font-size:24px;
	font-weight:300;
	color:#5f5f5d;
	font-family:oswald;
}

.contact-info li .ico{
	color:#ff4900;
	margin-right:18px;
}

/* 8b. Google Map
===================== */

.map {
	width: 100%;
	height: 242px;
	position:relative;
	display:block;
}

.map-wrap {
	margin-bottom:50px;
}

.gmap {
	padding:0px;
	height:400;
	background:#fff;
	border:2px solid #fff;
	border-radius:3px;
}

.gmap div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}  

.map p {
	margin: 10px;
	color: #fff;
}

.gmap img {
	max-width: none !important;
	vertical-align: baseline !important;
}  

.gmap_marker {
	margin-top:19px;
	font-size:13px;
}

/*--------------------------------------------------------
	9.FOOTER
--------------------------------------------------------*/


.footer {
	background:#3c3c3c;
}

.footer-social {
	display:table;
	margin: 0px auto;
}

.footer-social li {
	width:80px;
	height:88px;
	font-size:50px;
	text-align:center;
	line-height:88px;
	float:left;
	margin:50px 5px;
}

.footer-social li a {color:#fff;}
.footer-social .tweet {background:url(../images/tweet-f.png);}
.footer-social .fb {background:url(../images/fb-f.png);}
.footer-social .gplus {background:url(../images/gplus-f.png);}
.footer-bottom {background:url(../images/footer-sep.png) repeat-x top left;}

.footer-bottom p {
	padding:13px 0;
	text-align:center;
	margin:0px;
	font-size:12px;
	font-weight:400;
	color:#919191;
}

/*--------------------------------------------------------
	10.OTHER STYLES
--------------------------------------------------------*/


.cover {
background:url(../images/pat-dark-2.png);
padding: 125px 0;
}

/* 10a. Parallax styles
========================== */

.inner-wrap {
	background:#999 url(../demo/inner/1.jpg) no-repeat fixed center;
	background-size:130% 130%;
}

.inner-wrap h4 {
	font-size:45px;
	text-align:center;
	color:#fff;
	font-weight:400;
	margin:10px 0 -20px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	letter-spacing: -1.5px;	
}

.inner-wrap h4 span {
	color:#fe4800;
	text-transform:uppercase;
}

.inner-wrap p {
	font-size:16px;
	line-height:24px;
	font-style:italic;
	width:60%;
	margin:0 auto;
	text-align:center;
	color:#fff;
	text-shadow:1px 0px 0px rgba(0,0,0,0.1);
}

.inner-wrap2 {
	background:#999 url(../demo/inner/2.jpg) no-repeat fixed center;
	background-size:130% 160%;
}

.inner-wrap3 {
	background:#999 url(../demo/inner/3.jpg) no-repeat fixed center;
	background-size:130% 130%;
}

.inner-wrap4 {
	background:#999 url(../demo/inner/4.jpg) no-repeat fixed center;
	background-size:130% 130%;
}

/* 10b. Quote
===================== */

.quote-info {
text-align:center;
width:65% !important;
margin:0 auto;
float:none;
padding:170px 0 150px;
}

.quote-info h4 {
	background:url(../images/quote.png) no-repeat left top;
	color:#fff;
	font-size:22px;
	font-weight:400;
	display:table;
	float:right;
	padding-top:12px;
	padding-left: 18px;
	line-height: normal;
}

.quote-info h4 span {
	display:block;
	margin-top:5px;
	position:relative;
	left:60px;
}

.quote-info p {
	display:block;
	font-weight:400;
	position:relative;
	left:0px;
	color:#fff;
	margin:0px;
	margin-top: 100px;
}

/* 10c. Line Seperators
========================= */

.line {
	background:#fe4800;
	width:31%;
	margin:33px auto 40px;
	height:1px;
}

.line2 {
	background:#fe4800;
	width:17%;
	margin:10px auto 6px;
	height:1px;
}

.line3 {
	background:#fe4800;
	width:30%;
	margin:0px auto 20px;
	height:1px;
}

.line4 {
	background:#fe4800;
	width:37%;
	margin:13px auto 20px;
	height:1px;
}

.line5 {
	background:#fe4800;
	width:15%;
	margin:5px auto 0px;
	height:1px;
}

.line6 {
	background:#fe4800;
	width:17%;
	margin:8px auto 8px;
	height:1px;
}

/* 10d. Clients
===================== */

.clients h4 {
	font-size:20px;
	font-weight:400;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	margin:0px;
}

.clients ul li {
	width:25%;
	float:left;
	margin-top:25px;
}

.clients ul li img {
	display:table;
	margin: 0 auto;
}

.stat-info {
	text-align:center;
}

.stat-info h5 {
	margin:0px;
	color:#fff;
	font-size:57px;
	font-weight:400;
	text-transform:uppercase;
}

.stat-info h3 {
	margin:-25px 0px 0px;
	color:#fff;
	font-size:160px;
	font-weight:700;
	font-family:Open Sans;
}

.stat-info h4 {
	margin:0px;
	color:#fff;
	font-size:27px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:-1px;
}

/* 10e. Newsletter
===================== */

#subscribe {
	background:#317DBE;
	padding:80px 0;
}

.mcnp-info {}

.mcmp-info h4 {
	color:#ffd24f;
	font-size:44px;
	font-weight:400;
	text-transform:uppercase;
	margin-top:70px;
}

.mcmp-info h4 span {
	display:block;
	color:#fff;
	font-size:34px;
}

.mcmp-info p {
	color:#fff;
	font-size:22px;
	line-height:25px;
	font-weight:400;
}

#subscribe-wrap {
	height:70px;
	margin-top:50px;
}

#subscribes {
	width:100%;
	margin:0 auto;
	height:74px;
}

#subscribes input[type="email"]{
	background:#fff;
	border:3px solid #FFD24F;
	color:#000;
	height:50px;
	line-height:36px;
	padding-right:10px;
	position:absolute;
	width:72%;
	outline:none;
	margin-left:0px;
	margin-top:10px;
	border-radius:3px;
}

#subscribes input[type="submit"], #subscribes input[type="button"] {
	background:#fe500b;
	border:none;
	cursor:pointer;
	height:50px;
	position:absolute;
	text-transform:uppercase;
	width:20%;
	margin-left:73.5%;
	margin-top:9px;
	color:#fff;
	font-size:29px;
	font-weight:400;
	font-family:Oswald;
	padding:0px;
	letter-spacing:-1px;
	border-radius: 3px 3px 3px 3px;

}

#subscribes input[type="submit"]:hover,
#subscribes input[type="submit"]:active,
#subscribes input[type="button"]:hover,
#subscribes input[type="button"]:active {
	color:#fff;
}

#subscribes input[type="submit"]:focus {border:none !important;}
#subscribes input[type="submit"]:active, #subscribes input[type="button"]:active {color: #fff;border:none !important;}
#subscribes input[type="button"] {}

#submitButton:hover{
	background:#000;
	color:#fff;
}

/* 10f. Shadows
===================== */

.shadow1 {
	background:url(../images/shadow1.png) no-repeat center;
	height:25px;
}

.shadow2 {
	background:url(../images/shadow2.png) no-repeat center;
	height:25px;
}

.shadow3 {
	background:url(../images/shadow3.png) no-repeat right;
	height:23px;
}

.shadow4 {
	background:url(../images/shadow4.png) no-repeat center;
	height:24px;
}

/* 10g. Section title
======================== */

.content-head {}

.content-head h3 {
	background:url(../images/head-sep.png) no-repeat right center;
	font-size: 25px;
	font-weight: 400;
	height: 120px;
	letter-spacing: -1px;
	line-height: 120px;
	margin: 0;
	padding: 0 30px 0 0;
	text-align: right;
	text-transform: uppercase;
}

.content-head p {
	font-family:Oswald;
	padding-top:33px;
	font-size:20px;
	line-height:26px;
	font-weight:300;
	padding-left:10px;
}

.sticky-wrapper {
	background:#317DBE;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.top-inner {top:90px;}
.navigation li {padding:16px 15px;}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.no-per-iphone { display:none; }
#top, .inner-wrap, .inner-wrap2, .inner-wrap3, .inner-wrap4 {background-size:auto !important;}
.top-inner {display:none !important;}
.features-wrap {padding-top: 80px !important;}
.features-wrap h3 {font-size:26px;width:85%;}
.folio-item {width:100% !important;}
.shadow1, .shadow2 {width:85%;margin: 0 auto;background-size:100%;height:20px;}
.content-head h3 {font-size:60px;padding:0 20px;letter-spacing:-3px;text-align:center;margin-bottom:15px;}
.content-head p {padding:0 20px;text-align:center;}
.blog-social {display:table;float:none;margin:0 auto}
.comment-meta {text-align:center;}
.blog-share {height:100px;}
.skills-wrap ul {width:95%;}
.stat-info {text-align:center;}
.stat-info h5 {margin:0px;color:#fff;font-size:30px;font-weight:400;}
.stat-info h3 {margin:20px 0px 15px;color:#fff;font-size:70px;font-weight:400;letter-spacing:-5px;}
.skill-title {width:100%;float:left;line-height:29px;color:#5f5f5f;font-weight:300;}
.skill-div {width:100%;}
.clients ul li {width:50%;float:left;}
.features-content {margin-bottom:20px;}
.content-head h3 {background:none;}
#subscribes input[type="email"]{}
#subscribes input[type="submit"], #subscribes input[type="button"] {font-size:15px;}
.header { height:130px;
	 }
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (max-width: 480px) {
.no-per-iphone { display:none; }
.header { height:130px;
	 }
}

.color.blue {font-weight:600;color:#1787d6}
.color.grey {font-weight:600;color:#b5b5b5}
.color.green {font-weight:600;color:#509b07}
.color.orange {font-weight:600;color:#d18117}
.color.yellow {font-weight:600;color:#c8a208}
.color.red {font-weight:600;color:#d30100}
.color.purple {font-weight:600;color:#9a0fb8}
.color.pink {font-weight:600;color:#b4039d}

.description {font-weight:300;font-size:20px;margin-bottom:30px;width:100%;text-align:center;color:#646464}
.absolute .pos-left {position:absolute!important;top:20px!important;left:0px!important}
.absolute .pos-right {position:absolute!important;top:20px!important;right:0px!important}
.absolute .pos-top {position:absolute!important;top:0px!important;left:20px!important}
.absolute .pos-bottom {position:absolute!important;bottom:0px!important;left:20px!important}
pre code {
font-family:"Courier New", monospace, Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco;
display:block;
clear:both;
background:#000;
padding:20px 0px 20px 0px;
color:#fff;
font-size:12px;
overflow:auto;
line-height:16px;
margin:0px 0px 0px 0px;
white-space:pre;
width:100%
}

pre span {font-family:"Courier New", monospace, Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco;font-size:12px}


/* BEGIN SOCIAL SIDEBAR CSS */

.sidebar {font-family:'Open Sans', sans-serif, Segoe UI light;font-weight:300}
.sidebar a {color:#fff}
.sidebar a:hover {text-decoration:none}

.sidebar {font-size:13px}

.pos-left .sidebar-content, .pos-right .sidebar-content, .pos-left .sidebarmenu-inner, .pos-right .sidebarmenu-inner {float:left;clear:both;text-decoration:none}
.pos-top .sidebar-content, .pos-bottom .sidebar-content, .pos-top .sidebarmenu-inner, .pos-bottom .sidebarmenu-inner {float:left;text-decoration:none}

.sidebar-content {height:100%;width:100%;cursor:pointer}

/*** sidebar positions ***/

.pos-left {position:fixed;top:100px;left:0px}
.pos-right {position:fixed;top:100px;right:0px; z-index:9999;}
.pos-top {position:fixed;top:0px;left:100px}
.pos-bottom {position:fixed;bottom:0px;left:100px}

/******************** WITHOUT TEXT *****************************/

/*** sidebar buttons ***/

/* show - slide out */

.pos-left.show .sidebar-content:hover {width:64px}
.pos-right.show .sidebar-content {margin-left:32px}
.pos-right.show .sidebar-content:hover {width:64px;margin-left:0px}
.pos-top.show .sidebar-content:hover {height:64px}
.pos-bottom.show .sidebar-content {margin-top:32px}
.pos-bottom.show .sidebar-content:hover {height:64px;margin-top:0px}
.pos-bottom.icon-text.show .sidebar-content:hover {margin-top:32px}

/* hidden - slide out */

.pos-left.hidden .sidebar-content {margin-left:-16px}
.pos-left.hidden .sidebar-content:hover {margin-left:0px}
.pos-right.hidden .sidebar-content {margin-right:-16px}
.pos-right.hidden .sidebar-content:hover {margin-left:-16px}
.pos-top.hidden .sidebar-content {margin-top:-16px}
.pos-top.hidden .sidebar-content:hover {margin-top:0px}
.pos-bottom.hidden .sidebar-content {margin-bottom:-16px}
.pos-bottom.hidden .sidebar-content:hover {margin-top:-16px;margin-bottom:0px}

/*** sidebar menu ***/

.sidebarmenu {float:left}

.pos-left .sidebarmenu:hover .sidebar-content {margin-left:0px}
.pos-left .sidebarmenu .sidebar-content:hover {width:64px}
.pos-right .sidebarmenu:hover .sidebar-content {margin-right:0px}
.pos-right .sidebarmenu .sidebar-content {margin-left:32px}
.pos-right .sidebarmenu .sidebar-content:hover {width:64px;margin-left:0px}
.pos-right.hidden .sidebarmenu:hover {margin-right:0px}
.pos-top .sidebarmenu:hover .sidebar-content {margin-top:0px}
.pos-top .sidebarmenu .sidebar-content:hover {height:64px}
.pos-bottom .sidebarmenu .sidebar-content {margin-top:32px}
.pos-bottom .sidebarmenu .sidebar-content:hover {height:64px;margin-top:0px}

.share-button {margin:0px!important}

.pos-left.icon .share-button {width:100%}
.pos-right.icon .share-button {width:100%}
.pos-top.icon .share-button {height:100%}
.pos-bottom.icon .share-button {height:100%}

.pos-left.hidden .sidebarmenu {margin-left:-32px}
.pos-left.hidden .sidebarmenu:hover {margin-left:0px}
.pos-right.hidden .sidebarmenu {margin-right:-32px}
.pos-right.hidden .sidebarmenu:hover {margin-left:-32px}
.pos-top.hidden .sidebarmenu {margin-top:-32px}
.pos-top.hidden .sidebarmenu:hover {margin-top:0px}
.pos-bottom.hidden .sidebarmenu {margin-bottom:-32px}
.pos-bottom.hidden .sidebarmenu:hover {margin-top:-32px;margin-bottom:0px}

/*** icon ***/

.icon .sidebar-content {width:32px;height:32px}

.pos-left.icon .share-button, .pos-right.icon .share-button {width:64px;height:32px}
.pos-top.icon .share-button, .pos-bottom.icon .share-button {width:32px;height:64px}


/******************** WITH TEXT *****************************/

/*** icon-text ***/

/* icon-text sidebar buttons */

.pos-left.icon-text .sidebar-content {width:32px;height:32px}
.pos-left.icon-text .sidebar-content:hover {width:auto;height:32px}

.pos-right.icon-text .sidebar-inner {position:relative;float:left;clear:both;height:32px;width:32px}
.pos-right.icon-text .sidebar-content {position:absolute;top:0px;right:0px;height:32px;width:32px}
.pos-right.icon-text .sidebar-content:hover {width:auto}

.pos-top.icon-text .sidebar-content {width:32px;height:32px}
.pos-top.icon-text .sidebar-content:hover {width:auto;height:32px}

.pos-bottom.icon-text .sidebar-content {width:32px;height:32px}
.pos-bottom.icon-text .sidebar-content:hover {width:auto;height:32px}

/* icon-text sidebarmenu */

.pos-left.icon-text .share-button, .pos-right.icon-text .share-button {width:64px!important;height:32px!important}
.pos-top.icon-text .share-button, .pos-bottom.icon-text .share-button {width:32px!important;height:64px!important}

.pos-right.icon-text .sidebarmenu .share-button {position:relative;float:left;clear:both;height:32px}
.pos-right.icon-text .sidebarmenu .sidebar-inner {position:relative;float:left;clear:both;height:32px;width:32px}
.pos-right.icon-text .sidebarmenu .sidebar-content {position:absolute;top:0px;right:0px;height:32px;width:32px}
.pos-right.icon-text .sidebarmenu .sidebar-content:hover {width:auto}

.pos-top.icon-text .sidebarmenu .sidebar-inner {float:left}

.pos-bottom.icon-text .sidebarmenu .sidebar-inner {float:left;}
.pos-bottom.icon-text .sidebarmenu .sidebar-content:hover {width:auto}
.pos-bottom.icon-text .sidebarmenu .sidebar-content {margin-top:32px}

.pos-left.icon-text .sidebar-content:hover span {display:inline-block;padding:6px 12px 0px 38px;opacity:1.0}
.pos-right.icon-text .sidebar-content:hover span {display:inline-block;padding:6px 38px 0px 12px;opacity:1.0}
.pos-top.icon-text .sidebar-content:hover span {display:inline-block;padding:6px 12px 0px 38px;opacity:1.0}
.pos-bottom.icon-text .sidebar-content:hover span {display:inline-block;padding:6px 12px 0px 38px;opacity:1.0}
.icon-text .sidebar-content span {display:none;opacity:0;white-space:nowrap}

.pos-left.icon-text .sidebar-content {background-position:center left;background-repeat:no-repeat}
.pos-right.icon-text .sidebar-content {background-position:center right;background-repeat:no-repeat}
.pos-top.icon-text .sidebar-content {background-position:center left;background-repeat:no-repeat}
.pos-bottom.icon-text .sidebar-content {background-position:center left;background-repeat:no-repeat}

/* icons */

.icon .sidebar-content, .icon-text .sidebar-content {background-position:center center;background-repeat:no-repeat}

.ico-facebook {background-color:#3d5999;background-image:url("icons/facebook.png")}
.light .ico-facebook {background-image:url("icons/facebook-light.png")}
.dark .ico-facebook {background-image:url("icons/facebook-dark.png")}

.ico-twitter {background-color:#00aced;background-image:url("icons/twitter.png")}
.light .ico-twitter {background-color:#00aced;background-image:url("icons/twitter-light.png")}
.dark .ico-twitter {background-color:#00aced;background-image:url("icons/twitter-dark.png")}

.ico-pinterest {background-color:#d73532;background-image:url("icons/pinterest.png")}
.light .ico-pinterest {background-color:#d73532;background-image:url("icons/pinterest-light.png")}
.dark .ico-pinterest {background-color:#d73532;background-image:url("icons/pinterest-dark.png")}

.ico-linkedin {background-color:#1793bb;background-image:url("icons/linkedin.png")}
.light .ico-linkedin {background-color:#1793bb;background-image:url("icons/linkedin-light.png")}
.dark .ico-linkedin {background-color:#1793bb;background-image:url("icons/linkedin-dark.png")}

.ico-flickr {background-color:#f9007f;background-image:url("icons/flickr.png")}
.light .ico-flickr {background-color:#f9007f;background-image:url("icons/flickr-light.png")}
.dark .ico-flickr {background-color:#f9007f;background-image:url("icons/flickr-dark.png")}

.ico-google-plus {background-color:#bd301c;background-image:url("icons/google-plus.png")}
.light .ico-google-plus {background-color:#bd301c;background-image:url("icons/google-plus-light.png")}
.dark .ico-google-plus {background-color:#bd301c;background-image:url("icons/google-plus-dark.png")}

.ico-vimeo {background-color:#41b2dc;background-image:url("icons/vimeo.png")}
.light .ico-vimeo {background-color:#41b2dc;background-image:url("icons/vimeo-light.png")}
.dark .ico-vimeo {background-color:#41b2dc;background-image:url("icons/vimeo-dark.png")}

.ico-youtube {background-color:#c8312b;background-image:url("icons/youtube.png")}
.light .ico-youtube {background-color:#c8312b;background-image:url("icons/youtube-light.png")}
.dark .ico-youtube {background-color:#c8312b;background-image:url("icons/youtube-dark.png")}

.ico-digg {background-color:#1b5891;background-image:url("icons/digg.png")}
.light .ico-digg {background-color:#1b5891;background-image:url("icons/digg-light.png")}
.dark .ico-digg {background-color:#1b5891;background-image:url("icons/digg-dark.png")}

.ico-soundcloud {background-color:#ff5419;background-image:url("icons/soundcloud.png")}
.light .ico-soundcloud {background-color:#ff5419;background-image:url("icons/soundcloud-light.png")}
.dark .ico-soundcloud {background-color:#ff5419;background-image:url("icons/soundcloud-dark.png")}

.ico-android {background-color:#a5c63b;background-image:url("icons/android.png")}
.light .ico-android {background-color:#a5c63b;background-image:url("icons/android-light.png")}
.dark .ico-android {background-color:#a5c63b;background-image:url("icons/android-dark.png")}

.ico-rss {background-color:#f48022;background-image:url("icons/rss.png")}
.light .ico-rss {background-color:#f48022;background-image:url("icons/rss-light.png")}
.dark .ico-rss {background-color:#f48022;background-image:url("icons/rss-dark.png")}

.ico-creativecloud {background-color:#b4100f;background-image:url("icons/creativecloud.png")}
.light .ico-creativecloud {background-color:#b4100f;background-image:url("icons/creativecloud-light.png")}
.dark .ico-creativecloud {background-color:#b4100f;background-image:url("icons/creativecloud-dark.png")}

.ico-blog {background-color:#ff6600;background-image:url("icons/blog.png")}
.light .ico-blog {background-color:#ff6600;background-image:url("icons/blog-light.png")}
.dark .ico-blog {background-color:#ff6600;background-image:url("icons/blog-dark.png")}

.ico-instagram {background-color:#557ca2;background-image:url("icons/instagram.png")}
.light .ico-instagram {background-color:#557ca2;background-image:url("icons/instagram-light.png")}
.dark .ico-instagram {background-color:#557ca2;background-image:url("icons/instagram-dark.png")}

.ico-wordpress {background-color:#454442;background-image:url("icons/wordpress.png")}
.light .ico-wordpress {background-color:#454442;background-image:url("icons/wordpress-light.png")}
.dark .ico-wordpress {background-color:#454442;background-image:url("icons/wordpress-dark.png")}

.ico-deviantart {background-color:#5f716f;background-image:url("icons/deviantart.png")}
.light .ico-deviantart {background-color:#5f716f;background-image:url("icons/deviantart-light.png")}
.dark .ico-deviantart {background-color:#5f716f;background-image:url("icons/deviantart-dark.png")}

.ico-skype {background-color:#00b8ed;background-image:url("icons/skype.png")}
.light .ico-skype {background-color:#00b8ed;background-image:url("icons/skype-light.png")}
.dark .ico-skype {background-color:#00b8ed;background-image:url("icons/skype-dark.png")}

.ico-xing {background-color:#00605e;background-image:url("icons/xing.png")}
.light .ico-xing {background-color:#00605e;background-image:url("icons/xing-light.png")}
.dark .ico-xing {background-color:#00605e;background-image:url("icons/xing-dark.png")}

.ico-yahoo {background-color:#8f24aa;background-image:url("icons/yahoo.png")}
.light .ico-yahoo {background-color:#8f24aa;background-image:url("icons/yahoo-light.png")}
.dark .ico-yahoo {background-color:#8f24aa;background-image:url("icons/yahoo-dark.png")}

.ico-tumblr {background-color:#395976;background-image:url("icons/tumblr.png")}
.light .ico-tumblr {background-color:#395976;background-image:url("icons/tumblr-light.png")}
.dark .ico-tumblr {background-color:#395976;background-image:url("icons/tumblr-dark.png")}

.ico-stumbleupon {background-color:#63af20;background-image:url("icons/stumbleupon.png")}
.light .ico-stumbleupon {background-color:#63af20;background-image:url("icons/stumbleupon-light.png")}
.dark .ico-stumbleupon {background-color:#63af20;background-image:url("icons/stumbleupon-dark.png")}

.ico-myspace {background-color:#000000;background-image:url("icons/myspace.png")}
.light .ico-myspace {background-color:#000000;background-image:url("icons/myspace-light.png")}
.dark .ico-myspace {background-color:#000000;background-image:url("icons/myspace-dark.png")}

.ico-dribbble {background-color:#f26798;background-image:url("icons/dribbble.png")}
.light .ico-dribbble {background-color:#f26798;background-image:url("icons/dribbble-light.png")}
.dark .ico-dribbble {background-color:#f26798;background-image:url("icons/dribbble-dark.png")}

.ico-apple {background-color:#7e878b;background-image:url("icons/apple.png")}
.light .ico-apple {background-color:#7e878b;background-image:url("icons/apple-light.png")}
.dark .ico-apple {background-color:#7e878b;background-image:url("icons/apple-dark.png")}

.ico-behance {background-color:#1377ff;background-image:url("icons/behance.png")}
.light .ico-behance {background-color:#1377ff;background-image:url("icons/behance-light.png")}
.dark .ico-behance {background-color:#1377ff;background-image:url("icons/behance-dark.png")}

.ico-addthis {background-color:#ff835e;background-image:url("icons/addthis.png")}
.light .ico-addthis {background-color:#ff835e;background-image:url("icons/addthis-light.png")}
.dark .ico-addthis {background-color:#ff835e;background-image:url("icons/addthis-dark.png")}

.ico-aim {background-color:#ff201a;background-image:url("icons/aim.png")}
.light .ico-aim {background-color:#ff201a;background-image:url("icons/aim-light.png")}
.dark .ico-aim {background-color:#ff201a;background-image:url("icons/aim-dark.png")}

.ico-amazon {background-color:#ff8322;background-image:url("icons/amazon.png")}
.light .ico-amazon {background-color:#ff8322;background-image:url("icons/amazon-light.png")}
.dark .ico-amazon {background-color:#ff8322;background-image:url("icons/amazon-dark.png")}

.ico-aws {background-color:#ff7233;background-image:url("icons/aws.png")}
.light .ico-aws {background-color:#ff7233;background-image:url("icons/aws-light.png")}
.dark .ico-aws {background-color:#ff7233;background-image:url("icons/aws-dark.png")}

.ico-bebo {background-color:#ff001a;background-image:url("icons/bebo.png")}
.light .ico-bebo {background-color:#ff001a;background-image:url("icons/bebo-light.png")}
.dark .ico-bebo {background-color:#ff001a;background-image:url("icons/bebo-dark.png")}

.ico-brightkite {background-color:#69df3f;background-image:url("icons/brightkite.png")}
.light .ico-brightkite {background-color:#69df3f;background-image:url("icons/brightkite-light.png")}
.dark .ico-brightkite {background-color:#69df3f;background-image:url("icons/brightkite-dark.png")}

.ico-dailybooth {background-color:#17a3fb;background-image:url("icons/dailybooth.png")}
.light .ico-dailybooth {background-color:#17a3fb;background-image:url("icons/dailybooth-light.png")}
.dark .ico-dailybooth {background-color:#17a3fb;background-image:url("icons/dailybooth-dark.png")}

.ico-designfloat {background-color:#ff9811;background-image:url("icons/designfloat.png")}
.light .ico-designfloat {background-color:#ff9811;background-image:url("icons/designfloat-light.png")}
.dark .ico-designfloat {background-color:#ff9811;background-image:url("icons/designfloat-dark.png")}

.ico-dropbox {background-color:#008bd3;background-image:url("icons/dropbox.png")}
.light .ico-dropbox {background-color:#008bd3;background-image:url("icons/dropbox-light.png")}
.dark .ico-dropbox {background-color:#008bd3;background-image:url("icons/dropbox-dark.png")}

.ico-evernote {background-color:#87c441;background-image:url("icons/evernote.png")}
.light .ico-evernote {background-color:#87c441;background-image:url("icons/evernote-light.png")}
.dark .ico-evernote {background-color:#87c441;background-image:url("icons/evernote-dark.png")}

.ico-forrst {background-color:#00a26c;background-image:url("icons/forrst.png")}
.light .ico-forrst {background-color:#00a26c;background-image:url("icons/forrst-light.png")}
.dark .ico-forrst {background-color:#00a26c;background-image:url("icons/forrst-dark.png")}

.ico-github {background-color:#3b3b3b;background-image:url("icons/github.png")}
.light .ico-github {background-color:#3b3b3b;background-image:url("icons/github-light.png")}
.dark .ico-github {background-color:#3b3b3b;background-image:url("icons/github-dark.png")}

.ico-lastfm {background-color:#e02703;background-image:url("icons/lastfm.png")}
.light .ico-lastfm {background-color:#e02703;background-image:url("icons/lastfm-light.png")}
.dark .ico-lastfm {background-color:#e02703;background-image:url("icons/lastfm-dark.png")}

.ico-picasa {background-color:#797979;background-image:url("icons/picasa.png")}
.light .ico-picasa {background-color:#797979;background-image:url("icons/picasa-light.png")}
.dark .ico-picasa {background-color:#797979;background-image:url("icons/picasa-dark.png")}

.ico-reddit {background-color:#20a6d9;background-image:url("icons/reddit.png")}
.light .ico-reddit {background-color:#20a6d9;background-image:url("icons/reddit-light.png")}
.dark .ico-reddit {background-color:#20a6d9;background-image:url("icons/reddit-dark.png")}

.ico-spotify {background-color:#7bb82f;background-image:url("icons/spotify.png")}
.light .ico-spotify {background-color:#7bb82f;background-image:url("icons/spotify-light.png")}
.dark .ico-spotify {background-color:#7bb82f;background-image:url("icons/spotify-dark.png")}

.ico-delicious {background-color:#2745a8;background-image:url("icons/delicious.png")}
.light .ico-delicious {background-color:#2745a8;background-image:url("icons/delicious-light.png")}
.dark .ico-delicious {background-color:#2745a8;background-image:url("icons/delicious-dark.png")}

.ico-share {background-color:#0c8854;background-image:url("icons/share.png")}
.light .ico-share {background-color:#0c8854;background-image:url("icons/share-light.png")}
.dark .ico-share {background-color:#0c8854;background-image:url("icons/share-dark.png")}

.pos-left .share-button {background-position:right center!important;background-repeat:no-repeat}
.pos-right .share-button {background-position:left center!important;background-repeat:no-repeat}
.pos-top .share-button {background-position:center bottom!important;background-repeat:no-repeat}
.pos-bottom .share-button {background-position:center top!important;background-repeat:no-repeat}

/*** sidebar position border radius ***/

.pos-left.radius .sidebar-content {
border-radius:0px 6px 6px 0px;
-webkit-border-radius:0px 6px 6px 0px;
-moz-border-radius:0px 6px 6px 0px;
-o-border-radius:0px 6px 6px 0px;
-khtml-border-radius:0px 6px 6px 0px}
.pos-right.radius .sidebar-content {
border-radius:6px 0px 0px 6px;
-webkit-border-radius:6px 0px 0px 6px;
-moz-border-radius:6px 0px 0px 6px;
-o-border-radius:6px 0px 0px 6px;
-khtml-border-radius:6px 0px 0px 6px}
.pos-top.radius .sidebar-content {
border-radius:0px 0px 6px 6px;
-webkit-border-radius:0px 0px 6px 6px;
-moz-border-radius:0px 0px 6px 6px;
-o-border-radius:0px 0px 6px 6px;
-khtml-border-radius:0px 0px 6px 6px}
.pos-bottom.radius .sidebar-content {
border-radius:6px 6px 0px 0px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
-o-border-radius:6px 6px 0px 0px;
-khtml-border-radius:6px 6px 0px 0px}

/*** sidebar position box shadow ***/

.pos-left.shadow .sidebar-content {
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2)}
.pos-right.shadow .sidebar-content {
box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.2)}
.pos-top.shadow .sidebar-content {
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}
.pos-bottom.shadow .sidebar-content {
box-shadow:0px -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0px -1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0px -1px 2px rgba(0, 0, 0, 0.2)}

/*** sidebar position border ***/

.pos-left.border .sidebar-content {border-width:1px 1px 1px 0px}
.pos-right.border .sidebar-content {border-width:1px 0px 1px 1px}
.pos-top.border .sidebar-content {border-width:0px 1px 1px 1px}
.pos-bottom.border .sidebar-content {border-width:1px 1px 0px 1px}

/*** colors ***/

.dark, .dark a {color:#000}

.blue .sidebar-content {background-color:#0078cd}
.blue .sidebar-content:hover {background-color:#1787d6}

.grey .sidebar-content {background-color:#8d8d8d}
.grey .sidebar-content:hover {background-color:#9c9c9c}

.green .sidebar-content {background-color:#639f04}
.green .sidebar-content:hover {background-color:#70ad10}

.yellow .sidebar-content {background-color:#c0a300}
.yellow .sidebar-content:hover {background-color:#d8b806}

.orange .sidebar-content {background-color:#cd7503}
.orange .sidebar-content:hover {background-color:#e28f23}

.red .sidebar-content {background-color:#bb0707}
.red .sidebar-content:hover {background-color:#c81b1b}

.purple .sidebar-content {background-color:#7800be}
.purple .sidebar-content:hover {background-color:#9816e3}

.pink .sidebar-content {background-color:#bd00b6}
.pink .sidebar-content:hover {background-color:#e117da}

.white .sidebar-content {background-color:#fff}
.white .sidebar-content:hover {background-color:#c9c9c9}

.black .sidebar-content {background-color:#000}
.black .sidebar-content:hover {background-color:#000}




/* BonBon Buttons 1.1 by simurai.com

1.1 Added unprefixed attributes, :focus style, <button> support
1.0 Released

Usage:
	
	Default button: 			<a href="" class="button">Label</a>
	More fancy with icon: 		<a href="" class="button orange glossy" data-icon="★">Label</a>
	
Following additional class names are supported:
		
	Color: 		orange, pink, blue, green, transparent
	Font: 		serif
	Material: 	glossy, glass
	Size: 		xs, xl
	Shape: 		round, oval, brackets, skew, back, knife, shield, drop, morph
	Icon only: 	icon
	Disabled:	disabled

*/


@import url(http://fonts.googleapis.com/css?family=Droid+Sans:bold+Lobster);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(pictos/pictos.css);


/* -------------- THE button -------------- */
.button {

/* text */
	text-decoration: 		none;
	font: 					24px/1em 'Droid Sans', sans-serif;
	font-weight: 			bold;
	text-shadow: 			rgba(255,255,255,.5) 0 1px 0;
	-webkit-user-select: 	none;
	-moz-user-select: 		none;
	user-select: 			none;
	
	
/* layout */
	padding: 				.5em .6em .4em .6em;
	margin: 				.5em;
	display: 				inline-block;
	position: 				relative;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 	8px;
	
/* effects */
	border-top: 		1px solid rgba(255,255,255,0.8);
	border-bottom: 		1px solid rgba(0,0,0,0.1);
	
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);
	background-image: 	-moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(noise.png);

	-webkit-transition: background .2s ease-in-out;
	-moz-transition: 	background .2s ease-in-out;
	transition: 		background .2s ease-in-out;
	
/* color */
	color: 				hsl(0, 0%, 40%) !important;
	background-color: 	hsl(0, 0%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
						hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
						rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}

/* -------------- button (tag) -------------- */

button.button {
	border-left: none;
	border-right: none;
}
button.button:hover {
	cursor: pointer;
}


/* -------------- icon -------------- */
.button:before {
	font: 			1.2em/0 'Pictos', sans-serif;
	content: 		attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
	margin-right: 	0.4em;
	
	
}




/* -------------- colours -------------- */

.button.orange {
	color: 				hsl(39, 100%, 30%) !important;
	background-color: 	hsl(39, 100%, 50%);

	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.orange:hover { 	background-color: hsl(39, 100%, 65%); }


.button.blue {
	color: 				hsl(208, 50%, 40%) !important;
	background-color: 	hsl(208, 100%, 75%);
	
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px;	/* drop shadow */
}
.button.blue:hover { 	background-color: hsl(208, 100%, 83%); }

.button.green {
	color: 				hsl(88, 70%, 30%) !important;
	background-color: 	hsl(88, 70%, 60%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow:		 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.green:hover { 	background-color: hsl(88, 70%, 75%); }

.button.pink {
	color: 				hsl(340, 100%, 30%) !important;
	background-color: 	hsl(340, 100%, 75%);
	-webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
							hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
							rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
}
.button.pink:hover { 	background-color: hsl(340, 100%, 83%); }



.button.transparent {
	color: 	rgba(0,0,0,0.5) !important;
}
.button.transparent, .button.transparent:hover, .button.transparent:active {
	background-color: transparent;
	background-image: none;
}
.button.transparent:hover {
	opacity: .9;
}



/* -------------- States -------------- */

.button:hover {
	background-color: 	hsl(0, 0%, 83%);
}



.button:active {
	background-image: 	-webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	-moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);
	background-image: 	gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(noise.png);

	-webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.4) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(.2em);
	-moz-transform: 	translateY(.2em);
	transform: 			translateY(.2em);
}

.button:focus {
	outline: none;
	color: rgba(254,255,255,0.9) !important;
	text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
}

.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
	opacity: 			.5;
	cursor: 			default;
	color: 				rgba(0,0,0,0.2) !important;
	text-shadow: 		none !important;
	background-color: 	rgba(0,0,0,0.05);
	background-image: 	none;
	border-top: 		none;

	-webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	-moz-box-shadow: 	inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
	box-shadow: 		inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
							rgba(0,0,0,0.3) 0 .1em 1px, /* border */
							rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */

	-webkit-transform: 	translateY(5px);
	-moz-transform: 	translateY(5px);
	transform: 			translateY(5px);
}

/* -------------- Fonts -------------- */

.serif { 
	font-family: 'Lobster', serif;
	font-weight: 			normal;
}


/* -------------- Sizes -------------- */

.xs { font-size: 16px; }
.xl { font-size: 32px; }


/* -------------- Materials -------------- */

.button.glossy:after, .button.glass:after {
	content: 	"";
	position: 	absolute; 
    width: 		90%;
    height: 	60%;
    top: 		0;
    left: 		5%;    
    
    -webkit-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;    
    -moz-border-radius: 	.5em .5em 1em 1em / .5em .5em 2em 2em;
    border-radius: 			.5em .5em 1em 1em / .5em .5em 2em 2em;
    
    background-image: 		-webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
    background-image: 		-moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) );	
    background-image: 		gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
    							color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) );	
}
.button.glossy:active:after,
.button.glass:active:after,
.button.disabled:after,
.button[disabled]:after
 { opacity: .6; }

.button.icon.glossy:after,
.button.icon.glass:after { height: 75% ; }

/* -------------- Glass + Transparent -------------- */
.button.glass {
	text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;
}
.button.glass:active {
	text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
}


/* -------------- Shapes -------------- */

/* round */
.round, .round.glossy:after, .round.glass:after { 
	border-top: none; 
	-webkit-border-radius: 	1em; 
	-moz-border-radius: 	1em; 
	border-radius: 			1em; 
}

/* oval */
.oval {
	border-top: 			none; 
	padding-left: 			.8em;
	padding-right: 			.8em;
	-webkit-border-radius: 	5em / 2em; 
	-moz-border-radius: 	5em / 2em; 
	border-radius: 			5em / 2em; 
}
.oval.glossy:after, .oval.glass:after { 	
	top: 					5%;
	-webkit-border-radius: 	5em / 2em 2em 1em 1em; 
	-moz-border-radius: 	5em / 2em 2em 1em 1em; 
	border-radius: 			5em / 2em 2em 1em 1em; 
}
.oval.icon {
	padding-left: 			.8em;
	padding-right: 			.8em;	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}
.oval.icon.glossy:after, .oval.icon.glass:after {	
	-webkit-border-radius: 	1.5em / 1em; 
	-moz-border-radius: 	1.5em / 1em; 
	border-radius: 			1.5em / 1em; 
}

/* brackets */
.brackets, .brackets.glossy:after, .brackets.glass:after { 
	border-top: 			none; 
	-webkit-border-radius: 	.5em / 1em;
	-moz-border-radius: 	.5em / 1em;
	border-radius: 			.5em / 1em;
}

/* skew */
.skew { 
	border-top: 			none; 
	padding-right: 			1.2em;
	padding-left: 			0.8em;	
	-webkit-border-radius: 	5em 1em / 5em 1em;  
	-moz-border-radius: 	5em 1em / 5em 1em;  
	border-radius: 			5em 1em / 5em 1em;  
}
.skew.glossy:after, .skew.glass:after { 	
	left: 10%;
	-webkit-border-radius: 	7em 1em / 5em 1em;
	-moz-border-radius: 	7em 1em / 5em 1em;
	border-radius: 			7em 1em / 5em 1em;
}
.skew.icon { 	
	padding-right: 			.9em;
	padding-left: 			.8em;
}

/* back */
.back, .back.glossy:after, .back.glass:after { 
	border-top-color: 		rgba(255,255,255,0.5);
	-webkit-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	-moz-border-radius: 	1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
	border-radius: 			1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
}
.back.glossy:after, .back.glass:after { 
	 left: 	6%;
	 width:	88%;
}

/* knife */
.knife { 						
	padding-left: 1.5em;
	-webkit-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	-moz-border-radius: 	.2em .5em .5em 8em / .2em .5em .5em 5em; 
	border-radius: 			.2em .5em .5em 8em / .2em .5em .5em 5em; 
}
.knife.glossy:after, .knife.glass:after {
	left: 					3%;
	width: 					97%; 		
	-webkit-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	-moz-border-radius: 	.1em .5em .5em 8em / .1em .5em .5em 2em;   
	border-radius: 			.1em .5em .5em 8em / .1em .5em .5em 2em;   
}
.knife.glossy.icon:after, .knife.glass.icon:after { 
	left: 					5%; 
	width: 					95%;
	-webkit-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	-moz-border-radius: 	.5em .5em 1em 6em / .5em .5em 1em 4em; 
	border-radius: 			.5em .5em 1em 6em / .5em .5em 1em 4em; 
}

/* shield */
.shield, .shield.glossy:after, .shield.glass:after { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em; 
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.shield { 							
	padding-left: 	.8em;
	padding-right: 	.8em;
}
.shield.icon { 						
	padding-left: 	.6em; 
	padding-right: 	.6em;
}

/* drop */
.drop {
	border-top: none;
	-webkit-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	-moz-border-radius: 	2em 5em  2em .6em / 2em 4em 2em .6em; 
	border-radius: 			2em 5em  2em .6em / 2em 4em 2em .6em; 
}
.drop.glossy:after, .drop.glass:after { 
	left: 4%;
	-webkit-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em; 
	-moz-border-radius: 	2em 6em  2em 1em / 2em 4em 2em 2em;
	border-radius: 			2em 6em  2em 1em / 2em 4em 2em 2em;
}
.drop.icon { 	
	padding-right: .6em; 
}


/* morph */
.morph {
	border-top: none;
	-webkit-border-radius: 	5em / 2em;
	-moz-border-radius: 	5em / 2em;
	border-radius: 			5em / 2em;
	-webkit-transition: 	-webkit-border-radius .3s ease-in-out;
	-moz-transition: 		-moz-border-radius .3s ease-in-out;
	transition: 			-moz-border-radius .3s ease-in-out;
}
.morph:hover { 
	-webkit-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	-moz-border-radius: 	.4em .4em 2em 2em / .4em .4em 3em 3em;
	border-radius: 			.4em .4em 2em 2em / .4em .4em 3em 3em;
}
.morph:active { 
	-webkit-border-radius: 	.3em;
	-moz-border-radius: 	.3em;
	border-radius: 			.3em;
}
.morph:after { 
	display: none;
}




/* Some ugly hacks for FF. 
Thanks to David Hund for some help - http://valuedstandards.com/static/test/buttons/ */
@-moz-document url-prefix() {
	.button { text-align: center; }
	.icon { padding: .5em 1em; }
	.icon:before { margin-left: -.42em; float: left; }
	
	.drop.icon { padding-right: 1.1em; }
	.shield.icon { padding-left: 1.1em; padding-right: 1.1em; }
	.skew.icon { padding-right: 1.4em; padding-left: 1.3em; }
	.oval.icon { padding-left: 1.3em; padding-right: 1.3em;	}
	.knife { padding-left: 2em; }
}




/* Damn, this became a fat baby..  */