/* #Site Styles
================================================== */

#mobile-nav {
	display: none;
}

#top {
	background-image: url(/themes/dcdesign-new/images/irongrip.png);
	border-bottom: 10px solid #2c2c2c;
	border-top: 18px solid #202020;
}

.ribbon {
	background-image: url(/themes/dcdesign-new/images/ribbon.png);
	background-repeat: no-repeat;
	background-position: 0 -75px;
	height: 220px;
	color: #fff;
	text-align: center;
	padding-left: 5px;
	padding-top: 15px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
}

.ribbon:hover {
	background-position: 0 -70px;
}

.ribbon h4 {
	color: #4c0c0c;
}

.ribbon ul li a {
	font-size: 12px;
	color: #fff;
	display: block;
	font-weight: normal;
	letter-spacing: 1px;
}

.ribbon ul li a:hover {
	color: #fc0;
}

.logo {
	font-family: 'ChunkFiveRegular', Helvetica, Arial, serif;
	text-align: center;
	text-shadow: 2px 5px 8px #000000;
}

.logotype {
	text-align: center;
	margin-top: 100px;
}

.logotype a {
	color: #fff;
	text-decoration: none;
	font-size: 58px;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
}

.logotype a:hover {
	color: #bbb;
}

.twitter-wrap {
	background-color: #fff;
	border-radius: 3px;
	margin-top: 50px;
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
	-moz-box-shadow: 0 0 5px #111;
	-webkit-box-shadow: 0 0 5px #111;
	box-shadow: 0 0 5px #111;
}
.twitter-wrap:after, .twitter-wrap:before { top: 100%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.twitter-wrap:after { border-top-color: #fff; border-width: 10px; left: 35%; margin-left: -10px; }

.tweets {
	font-family: arial, helvetica, sans-serif;
}

.ccm-jereme-tweet-text {
	font-size: 11px;
	color: #369;
	line-height: 16px;
	margin-bottom: 0;
	font-style: italic;
}

.ccm-jereme-tweet-text:before {
    content: open-quote;
}

.ccm-jereme-tweet-text:after {
    content: close-quote;
}

.ccm-jereme-tweetcrete-timeline ul li {
	margin-bottom: 0;
}

.ccm-jereme-tweet-text a {
	color: #369;
}

.ccm-jereme-tweet-text a:hover {
	color: #2e2e2e;
}

.icon-links {
	font-size: 25px;
}

.icon-links img {
	margin-right: 2px;
	height: 35px;
	width: 35px;
}

.icon-links img:hover {
	-moz-box-shadow: 0 0 5px #111;
	-webkit-box-shadow: 0 0 5px #111;
	box-shadow: 0 0 5px #111;
}

#navigation {
	background-color: #202020;
    color: #555555;
    padding-bottom: 0;
    padding-top: 10px;
    position: relative;
}

#nav-wrap #nav {
	background-color: #555;
}

.top {
	position:fixed;
	right:15px;
	bottom:15px;
	width:50px;
	height:25px;
	padding-top:25px;
	line-height:25px;
	background:#333;
	color:#888;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.sticky {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

.sticky #myNavigation ul {
	margin:0 auto;
}

.top:hover {
	color:#eee;
}

.top:before {
	position:absolute;
	top:11px;
	left:14px;
	content:"";
	border-bottom:11px solid #888;
	border-left:11px solid transparent;
	border-right:11px solid transparent;
}

.top:hover:before {
	border-bottom-color:#eee;
}

.opacity .top {
	opacity:1;
	-webkit-transition: opacity 700ms linear;
	-moz-transition: opacity 700ms linear;
	transition: opacity 700ms linear;
}

.opacity .top.hidden {
	opacity:0;
}

.no-opacity .top.hidden {
	display:none;
}

#mobile-nav {
	position: fixed;
	z-index: 999;
	padding-left: 20px;
}

#mobile-nav ul {
	width: 130px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	top: 37px;
}

#mobile-nav ul li {
	display: block;
	margin-bottom: 0;
	text-align: left;
}

#menu-icon {
    background-color: #EEEEEE;
    color: #555555;
    display: inline;
    float: left;
    padding: 10px 10px 5px;
    position: absolute;
    z-index: 9999;
	cursor: pointer;
}

nav li {
	display: inline;
}

nav ul { 
	list-style:none; 
	padding-left: 0; 
	padding: 10px 0; 
	position: relative; 
	display: block; 
	text-align: center; 
	margin-bottom: 0;
}
nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited {
	font-size: 14px;
	padding: 18px 20px 10px;
	margin-right: -3px;
	color:#484848;
	text-transform: uppercase;
	border-right:1px solid #000;	
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out; 
	color: #fff;
	font-size: 20px;
}

nav a:hover, #nav a:hover {color: #2e2e2e; text-decoration: none; background-color: #dea60f }

.heading h2 {
	padding: 15px 0;
	text-shadow: 3px 3px #ccc;
}

.heading.light h2 {
	border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    margin-bottom: 35px;
    padding-bottom: 5px;
	text-shadow: 2px 4px #222;
}

/* Start Portfolio Section */

#portfolio {
	background-image: url(/themes/dcdesign-new/images/gray-stripes.png);
	padding: 20px 0;
}

.formigo-slider-bg {
	background-color: transparent !important;
}

.design-image img {
	border: 10px solid #555;
	max-width: 95%;
}

.formigo-slider-item-image-right-text {
	margin-left: 0;
}

.formigo-slider-item-image-right-text .design-info {
	margin-left: 0;
	width: 300px !important;
}

.formigo-slider-item-image-left-image {
	width: 600px !important;
}

.formigo-slider-item-image-left .design-info {
	margin-left: 0px !important;
	width: 300px !important;
}

.formigo-slider-item-image-left .design-link {
	margin-left: 0px !important;
}

.formigo-slider-side-nav-previous a {
	left: 12px !important;
	width: 27px !important;
}

.formigo-slider-item-image-left-text {
	top: 0 !important;
	width: 260px !important;
}

.design-info h3 {
	background-color: #5c0000;
	padding: 2px 30px;
	color: #fff;
	font-size: 15px;
	margin-bottom: 10px;
	width: 140px;
	text-align: center;
}

.design-info p {
    color: #2E2E2E;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}

.design-link {
	padding: 30px 0;
}

/* End Portfolio, Begin Services */

#services {
	background-color: #369;
	padding: 20px 0;
	color: #fff;
	border-top: 10px solid #24507c;
	border-bottom: 10px solid #24507c;
}

.services-left h3 {
	color: #fff;
}

.services-left ul {
	list-style: circle;
	padding-left: 15px;
	 font-family: arial, helvetica, sans-serif; 
}

#services a {
	color: #c1ec2a;
}

#services a:hover {
	color: #fff;
}

#services p {
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 30px;
	font-size: 15px;
}

.services-right {
	color: #fff;
}

.services-right h3 {
	color: #fff;
}

#services h4 {
	color: #fff;
}

/* End Services, Start Contact */

.success {
	position: relative;
	top: -1182px;
	background-color: #830000;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	width: auto;
}

#contact {
	padding: 20px 0;
	background-image: url(/themes/dcdesign-new/images/middle-bkg.png);
	border-bottom: 8px solid #222;
}

.contact-left {
	clear: both;
	font-family: arial, helvetica, sans-serif;
}

.social {
    position: absolute;
    bottom: 20px;
	left: 775px;
}

.social-links {
	text-align: right;
}

.social-links img {
	height: 35px;
	width: 35px;
	margin-right: 2px;
	margin-top: 15px;
}

.social-links img:hover {
	opacity: 0.7;
}

.contact-right {
	font-family: arial, helvetica, sans-serif;
}

.contact-right img {
	max-width: 100%;
}

/* End Contact, Start Follow */

#follow {
	background-image: url(/themes/dcdesign-new/images/classy-fabric.png);
	background-color: #2e2e2e;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	padding: 40px 0;
	border-bottom: 8px solid #222;
}

.follow-button {
	margin-top: 20px;
}

.follow-button p {
    margin-bottom: 0;
}

.connect-button {
	padding: 30px 60px;
	width: 186px;
	display: block;
	border-radius: 10px;
	color: #fff !important;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 25px;
	font-family: 'ChunkFiveRegular', Helvetica, Arial, serif;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
	-moz-box-shadow: 0 0 5px #222;
	-webkit-box-shadow: 0 0 5px #222;
	box-shadow: 0 0 5px #222;
}

.connect-button.facebook { background-color: #3B5998; text-shadow: 3px 3px #333; }
.connect-button.twitter { background-color: #4099FF; text-shadow: 3px 3px #333; }
.connect-button.googleplus { background-color: #D6492C; text-shadow: 3px 3px #333; }
.connect-button.linkedin { background-color: #4875B4; text-shadow: 3px 3px #333; }
.connect-button.email { background-color: #8b8c8c; text-shadow: 3px 3px #333; }
.connect-button.noteafire { background-color: #830000; text-shadow: 3px 3px #333; }

.connect-button:hover {
	background-color: #111;
	color: #ccc;
}

/* End Contact, Start Footer */ 

#footer {
	padding: 40px 0;
	background-image: url(/themes/dcdesign-new/images/middle-bkg.png);
	min-height: 280px;
}

.footer-right {
	text-align: right;
}

.footer-right p {
	margin-bottom: 10px;
}

.footer-right a {
	color: #369;
}

.footer-right a:hover {
	color: #2e2e2e;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.ribbon { background-image: url(/themes/dcdesign-new/images/ribbon-sm.png); background-position: 0 -85px; height: 200px; font-size: 12px; padding: 10px; width: 115px !important; }
		.ribbon:hover { background-position: 0 -80px; }
		.ribbon ul li a { color: #2e2e2e; }
		.ribbon ul li a:hover { color: #000; }
		.logotype { width: 400px !important; margin-top: 80px; margin-bottom: 20px;}
		.logotype a { font-size: 50px; }
		.social { width: 160px !important; position: absolute; top: 35px; left: 600px; }
		.twitter-wrap { margin-top: 20px; }
		nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited { font-size: 16px; }
		.design-info { margin-left: 100px !important; width: 240px !important; margin-top: 10px !important; }
		.design-info h3 { font-size: 16px; padding: 2px 15px; }
		.design-info p { font-size: 14px; }
		.design-link { margin-left: 100px !important; }
		.connect-button.googleplus { margin-right: 10px; }
		.connect-button { width: 179px; padding: 25px 30px; font-size: 18px; }
		.formigo-slider-item-image-left .design-info { display: none !important; }
		.formigo-slider-item-image-left .design-link { display: none !important; }
		.formigo-slider-item-image-left-image img { margin-left: 70px; }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.ribbon { display: none !important; }
		.logotype { margin-top: 20px !important; }
		.twitter-wrap { margin-top: 20px; }
		nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited { font-size: 16px; padding: 8px 18px 6px; line-height: 35px; }
		nav ul { padding-top: 0; }
		.icon-links { text-align: center; }
		.twitter-wrap:after { left: 45%; }
		.design-info { margin-top: 20px !important; }
		.design-info h3 { background-color: transparent; color: #830000; text-align: left; padding: 0; }
		.social-links { text-align: left; margin-bottom: 20px !important; }
		.connect-button { margin-right: 5px !important; margin-bottom: 5px !important; font-size: 16px; padding: 15px 30px; width: 140px; }
		.footer-right { text-align: left; }
		#nav-mobile { }
		nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited { border-right: none; }
		.social { position: relative; top: 15px !important; left: 0}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited { font-size: 16px; padding: 8px 14px 6px; line-height: 35px; }
		nav ul { padding-top: 0; }
		.icon-links { text-align: center; }
		.twitter-wrap:after { left: 45%; }
		.design-info { margin-top: 20px !important; }
		.design-info h3 { background-color: transparent; color: #830000; text-align: left; padding: 0; }
		.social { display: none !important; }
		.social-links { text-align: left; margin-bottom: 20px !important; }
		.connect-button { margin-right: 5px !important; margin-bottom: 5px !important; font-size: 16px; padding: 15px 30px; width: 140px; }
		.footer-right { text-align: left; }	
		.formigo-slider-item-image-left-image img { width: 420px ; }	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#top { padding-bottom: 20px; }
		.logotype { margin-top: 40px !important; }
		.logotype a { font-size: 40px; line-height: 42px; }
		nav a:link, #nav a:link, nav a, #nav a, #nav a:visited, nav a:visited { font-size: 13px; padding: 8px 8px 6px; line-height: 35px; }
		.icon-links { text-align: center; margin-bottom: 10px;  }
		.twitter-wrap:after { left: 43%; }
		.social { display: none !important; }
		#controls {
		    height: 90%;
		    position: fixed;
		    right: 10%;
		    text-align: center;
		    top: 5%;
		    width: 20px;
		    z-index: 9999;
		}
		#controls a.next { bottom: 10px; }
		#navigation { display: none; }
		#nav { display: none; }
		#mobile-nav { display: block; }
		#portfolio, #services, #contact, #follow { padding-top: 40px; }
		.connect-button { padding: 15px 0; font-size: 13px; }
		.formigo-slider-item-image-left-image img { width: 300px ; }
		
	}

/* #Font-Face
================================================== */

@font-face {
	    font-family: 'ChunkFiveRegular';
	    src: url(/themes/dcdesign-new/fonts/ChunkFiveRegular.eot);
	    src: url(/themes/dcdesign-new/fonts/ChunkFiveRegular.eot?iefix) format('eot'),
	         url(/themes/dcdesign-new/fonts/ChunkFiveRegular.woff) format('woff'),
	         url(/themes/dcdesign-new/fonts/ChunkFiveRegular.ttf) format('truetype'),
	         url(/themes/dcdesign-new/fonts/ChunkFiveRegular.svg#webfontZam02nTh) format('svg');
	    font-weight: normal;
	    font-style: normal; 
}


/* Buttons */

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 8px 8px 0;
  margin-bottom: 0;
  font-size: 27px;
  line-height: 21px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out;
}

.btn i:hover {
	color: #111;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-small {
  padding: 5px 9px;
  font-size: 12px;
  line-height: 19px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 17px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary {
  background-color: #9d331d;
  background-image: -moz-linear-gradient(top, #9d261d, #9d461d);
  background-image: -ms-linear-gradient(top, #9d261d, #9d461d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9d261d), to(#9d461d));
  background-image: -webkit-linear-gradient(top, #9d261d, #9d461d);
  background-image: -o-linear-gradient(top, #9d261d, #9d461d);
  background-image: linear-gradient(top, #9d261d, #9d461d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d261d', endColorstr='#9d461d', GradientType=0);
  border-color: #9d461d #9d461d #5c2911;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #9d461d;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #9d461d;
  *background-color: #873c19;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #723315 \9;
}
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group > .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.btn-group > .btn-mini.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}
.btn-group > .btn-small.dropdown-toggle {
  *padding-top: 4px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large.dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #9d461d;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-mini .caret {
  margin-top: 5px;
}
.btn-small .caret {
  margin-top: 6px;
}
.btn-large .caret {
  margin-top: 6px;
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.dropup .btn-large .caret {
  border-bottom: 5px solid #000000;
  border-top: 0;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.ie8 .btn-group {
	display: none !important;
}

.ie7 .btn-group {
	display: none !important;
}