/*---
HTML5 ✰ Boilerplate  
--- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0;
font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea {   color: #444; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
a:hover { color: #036; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } 
ul li { list-style: none;}
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #fb61a3; color:#fff; text-shadow: none; }
/*::selection { background:#fb61a3; color:#fff; text-shadow: none; } 
*/a:link { -webkit-tap-highlight-color: #FF5E99; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both;}
div.limiter { width: 960px; margin: 0 auto; }
.float-left { float: left; margin: 15px 30px 15px 20px;}
div.fourohfour { background-color: rgba(0,0,0,0.4); -moz-border-radius: 4px; border-radius: 4px; position: relative; overflow: hidden; padding: 15px; margin: 200px 0;}

/* ---
Layout Styles
--- */


section.one-col, div.one-col {
    float: left;
	margin: 0 0 15px 0;
	width: 300px; 
}

section.one-col.margin, div.one-col.margin {
    margin: 0 10px 10px 0;
}

section.two-col, div.two-col {
	float: right;
	margin: 0 0 15px 0;
	width: 635px;
	}
	
section.three-col, div.three-col {
	margin: 20px 0;
	width: 960px;
    }

section.split-col, div.split-col {
	float: left;
    margin: 0 25px 0 0;
	width: 466px;
	}

section.split-col.no-margin, div.split-col.no-margin {
    float: left;
    margin: 0;
    width: 466px;
}

/*---
Primary Styles
--- */

body {
	background: url(../images/bg-tile.png) repeat;
	color: #FFF;
	font-family: proxima-nova-1, s-nova-2, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

h2 {
	font-size: 2.154em;
	margin: 0 0 5px 0;
}

h2.title {
	font-size: 2.769em;
}

h3 { 
	font-size: 1.692em;
	margin: 8px 0 8px 0;
	}
	
	
h3.check {
	background: url(../images/hero-check.png) no-repeat left center;
	padding: 0 0 0 20px;
}

h3.arrow-down {
	background: url(../images/down-icon.png) no-repeat right center;
	width: 165px;
	line-height: 1.4em;
}
h4 {
	font-size: 1.385em;
	margin: 0 0 6px 0;
}

h4.check {
	background: url(../images/hero-check.png) no-repeat left center;
	padding: 0 0 0 20px;
}

p {
	padding: 0 0 8px 0;
	line-height: 1.4;
}

p.leading-text {
	font-size: 1.385em;
	line-height: 1.3;
}
	
strong {
	font-weight: 600;
}

a:link, a:active, a:visited, a{
	color: #fb61a3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul.checkmarks {
	margin: 0 0 15px 0;
}
ul.checkmarks li {
	background: url(../images/hero-check.png) no-repeat left center;
	padding: 0 0 0 20px;
}

ul.bullet li {
	list-style: disc;
	margin: 0 0 5px 0;
}

img.border {
	border: 1px solid rgba(0,0,0,0.4);
}

.floatright {
	float: right;
	margin: 0 0 20px 20px;
}


/* ---
Button Styles
--- */

.no-cssgradients a.blue-button {
	background: #2282c3 url(../images/project-arrow.png) no-repeat right;
}

.no-cssgradients a:hover.blue-button {
	background: #f561a4 url(../images/project-arrow.png) no-repeat right; 
}

.no-cssgradients a.blue-button.no-arrow {
	background: #2282c3;
}

.no-cssgradients a:hover.blue-button.no-arrow {
	background: #f561a4; 
}

ul.buttons li { margin: 0 0 10px 0;}

a.blue-button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0790ed), to(#1778b6));
	background: -moz-linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);
	background: linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);;
	border: 1px solid #2476ac;
	color: #FFF;
	display: inline-block;
	font-weight: 600;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	text-transform: uppercase;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
    }

a:hover.blue-button {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f561a4), to(#e75193));
	background: -moz-linear-gradient(19% 75% 90deg,#e75193, #f561a4);
	background: linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);	
	border: 1px solid #cd2c72;
	text-decoration: none;
    }


a.blue-button.arrow {
	background: url(../images/project-arrow.png) no-repeat right,
	            -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0790ed), to(#1778b6));
	background: url(../images/project-arrow.png) no-repeat right,
	            -moz-linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);
	background: url(../images/project-arrow.png) no-repeat right,
	            linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);;
	padding: 0 30px 0 10px;
    }

a:hover.blue-button.arrow {
	background: url(../images/project-arrow.png) no-repeat right,
	             -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f561a4), to(#e75193));
	background: url(../images/project-arrow.png) no-repeat right,
	            -moz-linear-gradient(19% 75% 90deg,#e75193, #f561a4);
	background: url(../images/project-arrow.png) no-repeat right,
	            linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);	
	border: 1px solid #cd2c72;
    }

a.blue-button.thin { 
    height: 30px;
    line-height: 30px;
    }

a.app-store {
    background: #989b9e url(../images/button-appstore.png) no-repeat left center;
    border: 1px solid #8b8d8f;
    color: #FFF;
    display: inline-block;
    height: 30px;
	font-weight: 600;
    line-height: 30px;
    margin: 0 0 0 5px;
    padding: 0 8px 0 25px;
    text-transform: uppercase;

    -moz-border-radius: 4px;
    border-radius: 4px;
}

a:hover.app-store {
    background: url(../images/button-appstore.png) no-repeat left center,
                -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f561a4), to(#e75193));
    background: url(../images/button-appstore.png) no-repeat left center,
                -moz-linear-gradient(19% 75% 90deg,#e75193, #f561a4);
    background: url(../images/button-appstore.png) no-repeat left center,
                linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);    
    border: 1px solid #cd2c72;
    text-decoration: none;}

a.more-button {
    color: #FFF;
    display: block;
    background: rgba(0,0,0,0.3) url(../images/more-arrow.png) no-repeat right center;
    padding: 5px 25px 5px 7px;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    width: 100px;
    
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.more-button.long {
    width: 115px;
}

a:hover.more-button, a:hover.more-button.long, a:hover.price-button {
    background: rgba(0,0,0,0.3) url(../images/more-arrow-hover.png) no-repeat right center;
    color: #fb61a3;
    text-decoration: none;
}

a.back-button {
    background: rgba(0,0,0,0.3) url(../images/back-arrow.png) no-repeat left center;
    color: #FFF;
    display: block;
    float: right;
    padding: 5px 5px 5px 25px;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
    width: 160px;
    
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.back-button.long {
    width: 195px;
}


a:hover.back-button{
    background: rgba(0,0,0,0.3) url(../images/back-arrow-hover.png) no-repeat left center;
    color: #fb61a3;
    text-decoration: none;
}

a.price-button {
    color: #FFF;
    display: inline-block;
    background: rgba(0,0,0,0.3) url(../images/more-arrow.png) no-repeat right center;
    padding: 5px 25px 5px 7px;
    text-transform: uppercase;
    width: auto;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
}



/* ---
Header and Top Nav
--- */

div#top-nav {
	background-color: #2282c3; /* Fallback for older browsers */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2283c3), to(#1C6DA3));
	background-image: -moz-linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);
	background-image: linear-gradient(19% 75% 90deg,#1C6DA3, #2283C3);
	border-bottom: 1px solid #073756;
	color: #FFF;
	height: 2.308em;
	width: 100%;
}

div#top-nav span {
	margin-right: 0.25em;
	float: left;
}

div#top-nav span.plusone {
	margin-top: 5px;
	height: 26px;
}

div#top-nav span.chat {
	background: url(../images/topnav-phone-icon.png) no-repeat center left;
  	line-height: 2.462em;
	padding: 0 0 0 20px;
	float: left;
}

div#top-nav ul#upper-nav {
    display: inline;
	float: right;
}

div#top-nav ul#upper-nav li {
	display: inline;
	line-height: 2.308em;
	margin: 0 0 0 25px;
}

div#top-nav ul#upper-nav li a {
	color: #FFF;
	text-transform: lowercase;
}

div#container {
	margin: 0 auto;
	width: 960px;
}

header {
	display: block;
	height: 60px;
	width: 100%;
	margin: 20px auto;
}

header h1 a {
	background: url(../images/hedgehog-logo.png) no-repeat; 
	display: block;
	font-size: 0;
	float: left;
	height: 36px;
	text-indent: -999999px;
	width: 229px;
	margin: 10px 0 0 0;
}

header h1 a:hover {
	background: url(../images/hedgehog-logo-hover.png) no-repeat;
}

header nav {
	margin: 3px 0 0 0;
}

header nav ul {
	float: right;
	width: auto;	
}

header nav ul li {
	width: auto;
	float: left;
	margin: 0 0 0 50px;
	padding: 7px;
	}

header nav ul li a:link, header nav ul li a:active, header nav ul li a:visited {
	color: #FFF;
	font-size: 2em;
	text-transform: uppercase
}

header nav ul li a span {
	color: #fb61a3;
	display: block;
	font-size: 0.55em;
	margin: 0 0 5px 0;
	text-transform: none;
}

header nav ul li a:hover {
	color: #FFF;
	text-decoration: none;
	}
	
header nav ul li:hover {
	background: rgba(0,0,0,0.3);
	
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.no-rgba header nav ul li:hover {
	background-color: #000;
}


/* ---
jQuery Slider
--- */

div#hero {
    background: #f4f4f4;
	color: #393939;
	height: 300px;
	margin: 0 auto 25px auto;
	position: relative;
	
	-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 7px rgba(0,0,0,0.4);
	
	-moz-border-radius: 4px;
		border-radius: 4px;
	
}

div#hero div.hero-body {
    width: 640px;
}

div#hero div.hero-body.padded {
    padding: 20px 20px 0 20px;
}

div#hero div.hero-body h2 {
	font-weight: 600;
	font-size: 3.308em;
	line-height: 1.2em ;
	margin: 0 0 5px 0;
}

div#hero div.hero-body span.checkbox {
	background: url(../images/hero-check.png) no-repeat left;
	color: #797979;
	font-weight: 600;
	margin: 0 25px 0 0;
	padding: 0 0 0 18px;
	text-transform: uppercase;
	position: relative;
}

div#hero div.hero-body p.checks {
	margin: 5px 0 0 0;
}

div#hero div.hero-body p.description {
	font-size: 1.231em;
	line-height: 1.3;
	margin: 5px 0;
}

div#hero div.hero-image {
	float: right;
}

div#hero div.hero-body .app-button {
	border: 1px solid #bebebe;
	background-color: #c9c9c9;
	color: #FFF;
	display: inline-block;
	font-weight: 600;
	line-height: 1.3;
	padding: 2px 7px;
	margin: 0 0 5px 0;
	text-transform: uppercase;

	border-radius: 4px;
	-moz-border-radius: 4px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}


div#hero div.hero-body p.view-more {
    bottom: 30px;
	clear: left;
	color: #666;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
}

div#hero div.hero-body div#controls {
	height: 50px;
}

/* About Us */

div#hero img.about-image {
	padding: 20px 0;
}

div#hero p.links-changer {
	margin: 20px 0 0 0;
}

div#hero p.links-changer a {
	background-color: #c9c9c9;
	color: #FFF;
	display: block;
	font-weight: 600;
	font-size: 1em;
	float: left;
	height: 15px;
	margin: 0 10px 10px 0;
	overflow: hidden;
	padding: 4px;
	text-align: center;
	text-transform: uppercase;
	width: 110px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 7px rgba(0,0,0,0.4);
	}
	
div#hero p.links-changer a:hover {
	color: #fb61a3;
	text-decoration: none;
	text-shadow: none;
}
	
p.pink-text {
	color: #FB61A3;
	font-weight: 600;
	font-size: 1.385em;
	padding: 0;
	text-transform: uppercase;
}

div#hero div.zoom-overlay {
    position: absolute;
    display: block;
    width: 422px;
    height: 280px;
}

/* ---
Home Page Specific
--- */

section#about-hedgehog {
	display: block;
	}

section#about-hedgehog div#mobile-ad {
	background: rgba(0,0,0,0.3);
	height: 180px;
	float: left;
    margin: 0 0 2.4% 0;
	padding: 10px;
	position: relative;
	width: 280px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}
	
section#about-hedgehog div#mobile-ad p {
	margin: 18px 0 0 0;
	font-size: 0.982em;
	line-height: 140%;
}
	
section#about-hedgehog div#mobile-ad div#mobile-banner {
	background: url(../images/banner-bg.png) no-repeat;
	height: 46px;
	left: -56px;
	position: relative;
	top: 8px;
	width: 356px;
}

section#about-hedgehog div#mobile-ad div#mobile-banner h3 {
	color: #3b3b3b;
	font-weight: 600;
	font-size: 1.846em;
	line-height: 0.8em;
	padding: 11px 0;
	margin: 0 0 0 80px;
	text-transform: uppercase;
}

section#about-hedgehog div#mobile-ad div#mobile-banner h3 img {
	margin: 2px 0 0 0;
}

section#about-hedgehog div#mobile-ad img.platform-icons {
	margin: 20px 40px 0 22px;
}

section#about-hedgehog div#hedgehog-blurb {
	float: right;
	width: 625px;
}

section#about-hedgehog div#hedgehog-blurb h2 {
	line-height: 26px;
}

section#about-hedgehog div#hedgehog-blurb h3 {
	line-height: 18px;
}

section#products {
	background: url(../images/divider.png) no-repeat top center;
	clear: both;
	padding: 30px 0  0;
	width: 100%;
	margin: 0 auto;
	}

section#products div#product-blurb {
	width: 31.25%; 
	float: left;
	margin: 0 0 30px 0;
}

section#products div.product-box {
	width: 32.5%;
	float: right;
	margin: 0 0 30px 0;
}

section#products div.product-box h3 {
	line-height: 15px;
}

section#products div.product-box div.product-image {
	background: rgba(0,0,0,0.3);
	float: left;
	margin: 0 20px 0 10px;
	padding: 8px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

section#products div.product-box a.more-button {
	margin: 5px 0 0 120px;
}

/* ---
Subpage
--- */


div.product-block {
	height: 203px;
	padding: 20px 20px 20px;
	position: relative;
	margin: 20px 0;
	z-index: 2;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}


div.product-block img {
	float: right;
	padding: 40px 0 0 0;
}

div.product-block div.product-desc {
	float: left;
	width: 220px;
}

div.product-block div.product-desc h3 {
	margin: 0 0 0 0;
	}

div.product-block div.product-desc p.product-caption {
	font-size: 0.923em;
}

div.product-block div.product-desc ul {
	margin: 0 0 13px 0;
}

div.product-block div.product-desc ul li {
	background: url(../images/hero-check.png) no-repeat left center;
	font-size: 1.154em;
	padding: 0 0 0 20px;
	margin: 0 0 3px 0;
}

div.product-block.fixx {
	background: rgba(0,0,0,0.4) url(../images/fixx-overlay.png) no-repeat left;
}

div.product-block.solomon {
	background: rgba(0,0,0,0.4) url(../images/solomon-overlay.png) no-repeat left;
}

div.team-holder { 
    margin: 0 20px 0 0;   
	background-color: rgba(0,0,0,0.4); 
	float: left; 
	height: 210px; 
	margin: 0 0 20px 0;
	width: 300px;
				
	-moz-border-radius: 4px; 
	border-radius: 4px;
	margin: 0 20px 20px 0;
	}

div.team-holder.first {
}	

div.team-holder.last {

	padding: 15px;
	width: 275px;
    height: 190px;
}

div.team-holder.odd{
    margin: 0;   
}

div.team-holder.last h2 {
	color: #fb61a3;
}
div.team-holder.last p {
	text-transform: none;
	text-align: left;
}

div.team-holder.last a {
	color: #FFF;
	margin: 5px 0 0 0;
}
	
div.team-holder img { padding: 15px 15px 10px 15px; width: 270px; }
div.team-holder p { text-align: center; text-transform: uppercase; }
div.team-holder a { color: #fb61a3; margin: 0 30px 0 0; }

div.team-profile ul { margin: 10px auto 0 auto; width: 200px;}
div.team-profile ul li { float: left; margin: 0 10px 0 0;}
div.team-profile ul li a { display: block; width: 30px; height: 30px; text-indent: -9999px;}
div.team-profile ul li.personal-site a { background: url(../images/profile-sprite.png) no-repeat 0 0;}
div.team-profile ul li.personal-site a:hover { background: url(../images/profile-sprite.png) no-repeat 0 -30px;}
div.team-profile ul li.linked-in a { background: url(../images/profile-sprite.png) no-repeat -30px 0;}
div.team-profile ul li.linked-in a:hover { background: url(../images/profile-sprite.png) no-repeat -30px -30px;}
div.team-profile ul li.twitter a { background: url(../images/profile-sprite.png) no-repeat -60px 0;}
div.team-profile ul li.twitter a:hover { background: url(../images/profile-sprite.png) no-repeat -60px -30px;}
div.team-profile ul li.lastfm a { background: url(../images/profile-sprite.png) no-repeat -89px 0;}
div.team-profile ul li.lastfm a:hover { background: url(../images/profile-sprite.png) no-repeat -89px -30px;}
div.team-profile ul li.facebook a { background: url(../images/profile-sprite.png) no-repeat -119px 0;}
div.team-profile ul li.facebook a:hover { background: url(../images/profile-sprite.png) no-repeat -119px -30px;}

ul.question-list { margin: 0 0 20px 0;}
ul.question-list li.title { font-size: 1.538em; line-height: 1.692em; margin: 10px 0 5px 0; text-transform: uppercase;}
ul.question-list li:first-of-type { margin: 0 0 5px 0;}
ul.question-list li { line-height: 20px;}

/* ---
Sidebar Get in Touch Block
--- */

div.get-in-touch {
    margin: 0 0 25px 0;
}

div.get-in-touch, div.closer-look {
	background-color: rgba(0,0,0,0.4);
	padding: 15px 15px 10px 15px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}


div.get-in-touch p, div.closer-look p {
    color: #dbdbdb;
}

div.get-in-touch ul li{
	font-size: 1.385em;
	line-height: 1.846em;
	margin: 0 0 5px 0;
}

div.get-in-touch ul {
	margin: 0;
	padding: 0;
}

div.get-in-touch ul li a.mail-icon {
	background: url(../images/mail-icon.png) no-repeat left center;
	padding: 0 0 0 28px;
}

div.get-in-touch ul li a.faq-icon {
	background: url(../images/faq-icon.png) no-repeat left center;
	padding: 0 0 0 28px;
}

div.get-in-touch ul li span.phone-icon {
	background: url(../images/phone-icon.png) no-repeat left center;
	padding: 0 0 0 28px;
}

div.get-in-touch ul li a.quote-icon {
	background: url(../images/quote-icon.png) no-repeat left center;
	padding: 0 0 0 28px;
}

div.get-in-touch h2.ampersand {
    font-size: 1.462em;
    line-height: 0.8;
    padding: 0 0 4px 0;
}

div.get-in-touch h2.ampersand span.ampersand {
    display: inline-block; 
    width: 26px;
    height: 20px;
    background: url(../images/ampersand.png) no-repeat;
    text-indent: -99999px;
}

div.closer-look div.holder {
    border: 1px solid #000;
    display: inline-block;
    width: 118px;
    background-color: red;
    height: 20px;
}

div.closer-look div.holder:first-of-type {
    margin: 0 25px 0 0;
}
/* ---
Sidebar Navigation Tabs
--- */

ul.tabbed-nav {
	color: #505050;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
}

ul.tabbed-nav li a {
	background-color: #f4f4f4;
	border-top: 1px solid #fdfdfd;
	border-bottom: 1px solid #dcdcdc;
	display: block;
	font-size: 1.154em;
	line-height: 2.308em;
	height: 2.308em;
	padding: 7px 0 7px 15px;
}

ul.tabbed-nav li a:hover {
	background-color: #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #dcdcdc;
	text-decoration: none;
	}

ul.tabbed-nav li a {
	color: #505050;
}

ul.tabbed-nav li:first-child a {
	border-top: none;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	
}

ul.tabbed-nav li:first-child a {
}

ul.tabbed-nav li:last-child a {
	border: none;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	
}

ul.tabbed-nav li.selected a {
	color: #FFF;
	background: #2889c7 url(../images/tab-arrow.png) no-repeat right center;
	border-top: 1px solid #1b7cba;
}

	
/* ---
Client Testimonial Quotes
--- */ 

blockquote {
	background: url(../images/speech-tail.png) no-repeat bottom right;
	float: right;
	padding: 0 0 25px 0;
	margin: 0 0 20px 20px;
	width: 240px;

}

blockquote p {
	font-style: italic;
	padding: 10px;
	background: rgba(0,0,0,0.4);
	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

blockquote p span.quote-name {
	color: #fb61a3;
	
	display: block;
	font-style: normal;
	text-align: right;
	text-transform: uppercase;
}

blockquote p span:before {
	content: '– ';
}

/* ---
Secondary Content Blocks 
--- */

div.secondary-content {
	background: url(../images/divider.png) no-repeat top;
	clear: both;
	height: 290px;
	padding: 20px 0 10px 0;
}

div.secondary-content h3 {
	margin: 0 0 17px 0;
}

h3.rss-icon { 
	background: url(../images/rss-icon-big.png) no-repeat left; 
	padding: 0 0 0 27px;
	margin: 0 0 17px 0;
	}
	
p.blog-title {
	font-weight: 600;
	line-height: 1;
	padding: 0 0 3px 0;
}

p.blog-excerpt {
	font-size: 12px;
	line-height: 15px;
	padding: 0 0 0px 0;
}

p.blog-excerpt a.read-more {
	color: #fb61a3;
}

p.blog-meta {
	color: #999;
	font-size: 12px;
	font-style: italic;
	line-height: 15px;
}

div.featured-project {
	background-color: rgba(0,0,0,0.4);
	float: left;
	margin: 5px 25px 0 0;
	height: 210px;
	width: 300px;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
div.featured-project.last {
	margin: 5px 0 0 0;
}

div.featured-project img {
	padding: 15px 15px 10px 15px;
	width: 270px;	
}

div.featured-project p {
	text-align: center;
	text-transform: uppercase;
}

div.featured-project a {
	color: #fb61a3;
	
}

/* ---
Work
--- */

div#portfolio { min-height: 500px; height:auto !important; height: 500px;}

ul#filter { background: rgba(0,0,0,0.4); height: 40px; float: left; margin: 0 auto 15px 0; padding: 0 9px 0 0; text-transform: uppercase; width: 940px;
			-moz-border-radius: 4px; border-radius: 4px; }
ul#filter a { color: #999; text-decoration: none; padding: 7px; }
ul#filter li { float: left; line-height: 40px; margin: 0 20px 0 0; }
ul#filter li:first-child { margin-left: 40px; }
ul#filter li:last-child { margin: 0; }
ul#filter li a { color: #FFF; }
ul#filter li.current a, ul#filter a:hover { background-color: #000; padding: 7px; -moz-border-radius: 4px; border-radius: 4px;}
ul#filter li.current a { color: #fb61a3; }
ul#filter li a.selected { background: rgba(0,0,0,1); color: #fb61a3; height: 20px; padding: 5px;
						  -moz-border-radius: 4px; border-radius: 4px;
						}
ul#work { float: left; list-style: none; margin: 0; width: 980px; }
ul#work li { float: left; width: 300px; margin: 0 25px 25px 0;}
ul#work:nth-child(3n) li { float: left; width: 300px; margin: 0 0 25px 0;}

div.work-holder { background-color: rgba(0,0,0,0.4); float: left; height: 210px;
				  -moz-border-radius: 4px; border-radius: 4px;}
div.work-holder img { padding: 15px 15px 10px 15px; width: 270px; }
div.work-holder img a { margin: 0;}
div.work-holder p { text-align: center; text-transform: uppercase; }
div.work-holder a { color: #fb61a3;  }

/* ---
Blog 
--- */

article.hentry {
	padding: 0 0 20px 0;
}

article.hentry:first-of-type {
	padding: 0;
}

article.hentry h2 {
	font-size: 1.692em;
	line-height: 1;
	margin: 2px 0 8px 0;
}

article.hentry img.blog-thumb {
	float: left;
	margin: 0 10px 0 0;
}

article.hentry time, article.hentry address, article.hentry span.entry-category {
	color: #999;
}

article.hentry time, article.hentry address {
	display: inline;
}

article.hentry span.entry-category {
	display: block;
	margin: 2px 0 0 0;
}

article.hentry p:first-of-type {
	clear: both;
	margin: 15px 0 0 0;
}

article.hentry p.first {
	clear: both;
	margin: 15px 0 0 0;
}

article.hentry a.comments, article.hentry a.reactions, article.hentry div.share {
	color: #FFF;
	padding: 5px 8px 5px 28px;
	margin: 10px 10px 0 0;
	text-transform: uppercase;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

article.hentry a.comments {
	background: rgba(0,0,0,0.4) url(../images/comment-icon.png) no-repeat left center;
	float: left;
}

article.hentry a.reactions {
	background: rgba(0,0,0,0.4);
	padding: 5px 10px;
	float: left;
}

div.blog-connect {
	height: 40px;
	margin: 0 0 20px 0;
}

div.share {
	background: rgba(0,0,0,0.4);
	float: right;
	margin: 0;
	padding: 5px 7px !important;
	width: 110px;
	}

div.share span {
	float: left;
	}
 
div.share ul {

}

div.share ul li {
	float: left;
}

div.share ul li a.share {
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -99999px;
	font-size: 0;
	margin: 0 0 0 6px ;
}

div.share ul li a.twitter.share {
	background: url(../images/share-sprite.png) no-repeat 0 0;
}

div.share ul li a:hover.twitter.share {
	background: url(../images/share-sprite.png) no-repeat 0 -16px;
}

div.share ul li a.facebook.share {
	background: url(../images/share-sprite.png) no-repeat -23px 0;
}

div.share ul li a:hover.facebook.share {
	background: url(../images/share-sprite.png) no-repeat -23px -16px;
}

div.share ul li a.email.share {
	background: url(../images/share-sprite.png) no-repeat -44px 0;
}

div.share ul li a:hover.email.share {
	background: url(../images/share-sprite.png) no-repeat -44px -16px;
}

ul.tabbed-nav.tabbed-blog {
	margin: 0 0 20px 0 ;
}

div.blog-filters {
	background-color: rgba(0,0,0,0.4);
	overflow: hidden;
	padding: 15px;
	margin: 0 0 20px 0;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.blog-filters ul.archives {
	float: left;
	width: 130px;
	margin: 0;
}

div.blog-filters ul.categories {
	float: left;
	width: 300px;
	margin: 0;
}

div.blog-filters ul.categories li{
	float: left;
    width: 145px;
}

div.blog-filters ul.categories li.category-header{
	float: none;
	clear:both;
}

div.pagination {
	background: url(../images/divider.png) no-repeat top center;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}

div.pagination a.older-entries {
	background-color: rgba(0,0,0,0.4);
	color: #999;
	padding: 4px;
	float: left;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.pagination ul.numbers {
	float: right;
}

div.pagination ul.numbers li {
	display: block;
	float: left;
	background-color: rgba(0,0,0,0.4);
	margin: 0 10px 0 0;
	padding: 4px;
	width: 15px;
	height: 15px;
	text-align: center;
	
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.pagination ul.numbers li a {
	color: #999;
}

/* --- 
Get in Touch
--- */

div.contact-block {
	background: rgba(0,0,0,0.4);
	padding: 15px;
	font-size: 1.385em;
	margin: 0 0 30px 0;
	overflow: hidden;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.contact-block h3 {
	line-height: 1.385em;
	margin: 0 0 3px 0;
}
div.contact-block p {
	padding: 0 0 3px 0;
}

div.contact-block p.pink-title {
	color: #FB61A3;
	font-size: 1.538em;
	padding: 0 0 8px 0;
}
div.contact-block p.phone {
	background: url(../images/phone-icon.png) no-repeat left center;
	padding: 0 0 0 26px;
	margin: 0 0 20px 0;
}

div.contact-block a.email {
	background: url(../images/mail-icon.png) no-repeat left center;
	padding: 0 0 0 28px;
	
}

div.contact-block a.twitter-icon-big, div.contact-block a.facebook-icon-big {
	display: block;
	height: 54px;
	text-indent: -99999px;
	width: 55px;
}

div.contact-block a.twitter-icon-big {
	background: url(../images/contact-icons-sprite.png) no-repeat 0 0;
	float: left;
	margin: 10px 20px 0 0;
}

div.contact-block a:hover.twitter-icon-big {
	background: url(../images/contact-icons-sprite.png) no-repeat 0 -55px;
}

div.contact-block a.facebook-icon-big {
	background: url(../images/contact-icons-sprite.png) no-repeat -55px 0;
	height: 56px;
	float: left;
	margin: 10px 0 0 0;
}

div.contact-block a:hover.facebook-icon-big {
	background: url(../images/contact-icons-sprite.png) no-repeat -55px -55px;
}

.linkedin-follow {
    display: inline-block;
    margin: -3px 10px 0 0;
    }


/* ---
Products pages 
--- */

ul.feature-list {
	margin: 20px 0 0 0;
}

ul.feature-list li {
	background: url(../images/icon-holder.png) no-repeat left center;
	padding: 0 0 0 60px;
	margin: 0 0 10px 0;
}

ul.feature-list li strong {
	color: #fff;
	font-size: 1.385em;
}

ul.feature-list.no-thumb {
	margin: 5px 0 0 0;
}
ul.feature-list.no-thumb li {
	background: none;
	padding: 0;
}

ul.column {
	width: 200px;
	float: left;
	line-height: 20px;
	padding: 0 0 20px 0;
	margin: 0;
	}

div.quote-holder { 
	background-color: rgba(0,0,0,0.4); 
	float: left; 
	height: 155px; 
	padding: 15px;
	margin: 0 0 20px 0;
	width: 272px;
	
	-moz-border-radius: 4px; 
	border-radius: 4px;
	}
	
div.quote-holder p {
	font-size: 1.538em;
	line-height: 1.769em;
}
	

div.quote-holder a {
	color: #FB61A3;
}

div.quote-holder a.more-button {
	color: #FFF;
}

div.quote-holder.first p {
	color: #FFF;

}

div.quote-holder.first {
	margin: 0 20px 20px 0;
}	
 

div.quote-holder.last {
	margin: 0 0 0 20px;
}


/*---
Fixx Tour 
--- */

div.tour-bar {
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 40px;
	margin: 30px 0 20px 0;
	
	-moz-border-radius: 4px; 
	border-radius: 4px;
	}

	
div.tour-bar ul li {
	height: 40px;
	float: left;
	line-height: 40px;
	text-align: center;
	width: 188px;
	margin: 0 20px 0 -23px;
}

div.tour-bar ul li a {
	color: #FB61A3;
}
div.tour-bar ul li.current a {
	height: 40px;
	width: 170px;
	background: rgba(0,0,0,0.4);
	display: block;
	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

div.tour-bar ul li.current {
	background: url(../images/progress-point.png) no-repeat right center;
}


div.tour-block { 
	height: 300px;
	margin: 0 0 40px 0;
	}
	
div.tour-block h2 {
	font-size: 3.077em;
	line-height: 1.1;
}

div.tour-block span.magnify{
	background: url(../images/magnify-icon.png) no-repeat left center;
	padding: 30px 30px 30px 25px;
	font-size: 0.923em;
	font-weight: 600;
	text-transform: uppercase;
	}

div.screenshots .alignleft.full {
	float: left;
	margin: 0 20px 0 0;
}

div.screenshots img {
	border: 1px solid rgba(0,0,0,0.4);
}
div.screenshot-thumbs.left { 
	float: left;
	margin: 0 20px 0 0;
	}
	
div.screenshot-thumbs img{
	display: block;
	margin: 0 0 20px 0;
}

div.screenshots .alignright.full {
	float: right;
}

div.screenshot-thumbs.right {
	float: right;
	margin: 0 20px 0 20px;
}

.addon-group{float:left;clear:left;width:100%;}
.addon-group dt{border-bottom:solid 1px #ddd;line-height:2.308em;font-size:1.231em;}
.addon-group dd{float:left;width:206px;margin:15px 0;margin-right:10px;}
.addon-group dd p{padding:10px 0;margin:0;font-size:1em;}
.addon-group dd a{background:none;border:none;width:216px;padding-top:97px;display:block;text-align:center;}
.addon-group dd.eclipse a{background:transparent url(../images/fixx-tour/addons/eclipse.jpg) no-repeat scroll 0 0px;}
.addon-group dd.visual-studio a{background:transparent url(../images/fixx-tour/addons/visual-studio.jpg) no-repeat scroll 0 0px;}

.addon-group dd.git a{background:transparent url(../images/fixx-tour/addons/git.jpg) no-repeat scroll 0 0px;}
.addon-group dd.mercurial a{background:transparent url(../images/fixx-tour/addons/mercurial.jpg) no-repeat scroll 0 0px;}
.addon-group dd.sub-version a{background:transparent url(../images/fixx-tour/addons/sub-version.jpg) no-repeat scroll 0 0px;}

.addon-group dd.freshlog a{background:transparent url(../images/fixx-tour/addons/freshlog.jpg) no-repeat scroll 0 0px;}
.addon-group dd.testuff a{background:transparent url(../images/fixx-tour/addons/testuff.jpg) no-repeat scroll 0 0px;}

.addon-group dd.eon a{background:transparent url(../images/fixx-tour/addons/eon.jpg) no-repeat scroll 0 0px;}
.addon-group dd.solomon a{background:transparent url(../images/solomon-tour/addons/solomon.jpg) no-repeat scroll 0 0px; color: #FB61A3;}



.addon-group dd.testrail a{background:transparent url(../images/fixx-tour/addons/testrail.png) no-repeat scroll 0 0px; border: 1px black;}

.addon-group dd.xp-dev a{background:transparent url(../images/fixx-tour/addons/xp-dev.jpg) no-repeat scroll 0 0px;}
.addon-group dd.python a{background:transparent url(../images/fixx-tour/addons/python.jpg) no-repeat scroll 0 0px;}
.addon-group dd.objectivec a{background:transparent url(../images/fixx-tour/addons/objectivec.jpg) no-repeat scroll 0 0px;}

/* ---
Footer
--- */ 

footer {
	background: rgba(0,0,0,0.4);
	height: auto;
	width: 100%;
}

footer div.col a:link, footer div.col a:visited, footer div.col a:active {
	color: #FFF;
}

footer h4 {
	font-weight: 600;
	font-size: 1.077em;
	margin: 0 0 4px 0;
	text-transform: uppercase;
}
footer div.col {
	float: left;
	margin: 20px 40px 0 0;
	width: auto;
}

footer div.col ul {
	line-height: 1.385em;
	margin: 0;
	padding: 0;
}
footer li.social-icon {
	line-height: 1.385em;
	padding: 0 0 0 23px;
	margin: 0 0 7px 0;
}
footer li#linkedin {
	background: url(../images/linkedin-icon.png) no-repeat left bottom;
}

footer li#twitter {
	background: url(../images/twitter-icon.png) no-repeat left bottom;
}

footer li#facebook {
	background: url(../images/facebook-icon.png) no-repeat left bottom;
}

footer li#rss {
	background: url(../images/rss-icon.png) no-repeat left bottom;
}

footer div#contact-col {
	margin: 20px 0 0 20px;
	width: 31.25%;
	float: right;
}

footer div#contact-col p.email {
	font-weight: 600;
	margin: 15px 0 0 0;
	padding: 0 0 3px 0;
}

footer div#contact-col div.contact {
	float: left;
	width: 120px;
}

footer a.download-vcard {
	background: url(../images/vcard-bg.png) no-repeat;
	color: #666;
	display: block;
	float: right;
	font-size: 0.846em;
	line-height: 13px;
	margin: 20px 0 0;
	height: 38px;
	padding: 6px 15px 0 0;
	text-align: right;
	text-transform: uppercase;
	width: 108px;
}

footer #tertiary-section {
	width: 100%;
	clear: both;
	height: 100px;
	padding-top: 5px;
}

footer p.tertiary-links, footer p.tertiary-links a {
	color: #666;
	text-transform: uppercase;
	padding: 20px 0 0 0;
}

footer p.tertiary-seo, footer p.tertiary-seo a {
	padding: 2px 0 20px 0;
}

footer #tertiary-left {
	float: left;
	width: 55%;
	padding-top: 10px;
}

footer #tertiary-right {
	float: right;
	width: 35%;
}

footer #tertiary-right ul li {
	display: inline;
	padding: 0 27px 0 0;
	margin: 0;
}

footer #tertiary-right ul li:last-child {
	padding: 0 0 0 6px;
}

#client_logos {
	width: 100%;
	background-color: #262626;
	border-bottom: 1px solid rgba(188, 189, 191, .2);
}

#client_logos a {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	transition-property: opacity;
	transition-duration: .5s;
	-moz-transition-property:opacity;
	-moz-transition-duration:.5s;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:.5s;
	-o-transition-property:opacity;
	-o-transition-duration:.5s;
}

#client_logos a:hover {
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

#client_logos ul {
	margin:0;
	padding: 18px 0 15px 0;
}

footer #client_logos ul li {
	display: inline;
	margin-right: 75px;
}


footer #client_logos ul li:first-child {
	margin-right: 61px;
}

footer #client_logos ul li:last-child {
	margin-right: 0;
}


/*---
Coda Slider CSS Defaults
--- */

.coda-slider-wrapper { padding: 0; }
.coda-slider-no-js .coda-slider { height: 300px; overflow: auto !important; padding-right: 20px }
.coda-slider, .coda-slider .panel { width: 960px; height: 300px; z-index: 10;} 
.coda-slider .panel-wrapper { padding: 20px;}	/* Panel padding */
.coda-slider p.loading { padding: 20px; text-align: center }

.coda-slider-wrapper .coda-nav ul { height: 20px; position: relative; top: -35px; z-index: 12; overflow: hidden; width: 100px !important;}
.coda-slider-wrapper .coda-nav ul li { display: inline; float: left;  }
.coda-slider-wrapper .coda-nav ul li a { float: left; margin: 0 8px 0 0;
					background: url(../images/heronav-inactive.png) no-repeat; text-indent: -99999px; width: 14px; height: 14px;}
.coda-slider-wrapper .coda-nav ul li a.current { background: url(../images/heronav-current.png) no-repeat; }

.coda-slider-wrapper { clear: both; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative }

.coda-slider-wrapper-2 { position: relative;}
.coda-slider-wrapper-2 div.coda-nav { position: absolute; top: 220px; left: 0; z-index: 14;}
.coda-slider-wrapper-2 ul li { display: inline; }
.coda-slider-wrapper-2 .coda-nav a { color: #FFF; 
									background: #bababa; 
									text-indent: 0; 
									width: 16.3541666666667%; 
									height: 18px; 
									padding: 4px; 
									font-weight: 600;
									text-transform: uppercase; 
									font-size: 0.923em; 
									text-align: center;
									
									float: left;
									
									-moz-border-radius: 4px; 
									border-radius: 4px;

									-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);  
									-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); 
									box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

									-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.2); 
									-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.2); 
									text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
									}
			
.coda-slider-wrapper-2 .coda-nav a.current {  background-color: #FFF; color: #666;
											-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3);  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3); box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3);
											}
											
.coda-slider-wrapper-2 .coda-nav { top: -80px; }
.coda-slider-wrapper-2 .coda-nav ul { width: 960px !important; margin-left: 20px;}
.coda-slider-wrapper-2 .coda-nav ul li a { margin: 0 23px 10px 0; }
.coda-slider-wrapper-2 .coda-nav ul li.tab5 a, .coda-slider-wrapper-2 .coda-nav ul li.tab10 a { margin: 0 0 10px 0;}


.coda-slider-wrapper-3 { position: relative; }
.coda-slider-wrapper-3 .coda-nav-left, .coda-nav-right {  text-indent: -9999px; width: 15px; height: 15px; }
.coda-slider-wrapper-3 .coda-nav-left { background: url(../images/control-left.png) no-repeat; position: absolute; top: 270px; left: 20px;}
.coda-slider-wrapper-3 .coda-nav-right { background: url(../images/control-right.png) no-repeat; position: absolute; top: 270px; left: 45px;}
.coda-slider-wrapper-3 .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
.coda-slider-wrapper-3 .coda-nav ul { height: 20px; position: absolute; top: 270px; left: 50px; z-index: 12; overflow: hidden; width: 150px !important;}
.coda-slider-wrapper-3 .coda-nav ul li { display: inline; float: left;  }
.coda-slider-wrapper-3 .coda-nav ul li a { float: left; margin: 0 8px 0 0;
					background: url(../images/heronav-inactive.png) no-repeat; text-indent: -99999px; width: 14px; height: 14px;}
.coda-slider-wrapper-3 .coda-nav ul li a.current { background: url(../images/heronav-current.png) no-repeat; }
.coda-slider-wrapper-3 .coda-slider { float: right; width: 422px; margin: -5px 10px;}
.coda-slider-wrapper-3 .coda-slider .panel { width: 440px;}

/*---
Coda Slider CSS Overrides
--- */
.epic-dive-wrapper .coda-nav { display: none;}

/* Account Section
----------------------------------------------- */

div.form-holder, div.licence-list { background-color: rgba(0,0,0,0.4); -moz-border-radius: 4px; border-radius: 4px; position: relative; overflow: hidden; padding: 15px; margin: 0 0 20px 0; }
fieldset { margin: 0 0 0 30px;}
fieldset span.field { display:block; margin:0 0 30px 0; float:left;width:450px; }
fieldset span.field label{ color: #666; clear:both; display:block; margin:10px 0;font-size:1.077em; line-height:1.846em; text-transform: uppercase; 	font-weight: 600;}
fieldset span.field label strong { color:red;float:right;}
fieldset span.radio-field { height:auto;width: 100%; margin: 0;}
fieldset span.radio-field input{ float: left; width:auto!important;margin:10px 0;margin-right:10px;}
fieldset span.radio-field label{ color: #FFF; text-transform: none; float:left; clear: none; width:80%; line-height: 14px; margin: 0; padding: 0; margin-left: 10px;}
fieldset span.field input { clear:both; color: #000; margin:0;width:410px; padding:6px;font-size:1.385em; border:none;background: white; border-radius: 4px; -moz-border-radius: 4px;}
fieldset span.error input { background: #FFF url('../images/icon-error.png') no-repeat center right; }
fieldset span.error label { color: #ff5555; }
fieldset span.focused label{ color:#FB61A3;}
fieldset.radio-fields { margin: 0 0 20px 20px;}
span.radio-field.long-check { display: block; clear: both; width: 100%; padding: 20px 0 15px 0;}
span.radio-field.long-check input { margin: 6px 0;}
span.radio-field.long-check strong { display: block;}
span.radio-field.long-check label { width: 80%; float: left; line-height: 20px;}
span.id_sign, span.id_captcha { background: none!important;}
span.id_captcha input { background: none!important;}
span.id_captcha { float: none!important; display:inline!important;}
span.id_country select { width: 425px; height: 20px;}
div.form-holder.thin { width: 480px; padding: 5px 15px 15px 15px;}
div.form-holder.thin.padded { padding: 5px 15px 40px 15px;}
div.licence-list.fixx-licence { background: rgba(0,0,0,0.4) url(../images/fixx-licence.png) no-repeat center left; padding: 10px 10px 20px 100px; height: 70px;}
div.licence-list.solomon-licence { background: rgba(0,0,0,0.4) url(../images/solomon-licence.png) no-repeat center left; padding: 10px 10px 20px 100px; height: 70px;}
div.licence-list p { margin: 15px 0 0 0;}
div.licence-list ul.actions { position: absolute; right: 0; top: 23px;} 
div.licence-list ul.actions li { display: inline; margin: 0 20px 0 0;}

/* Product Page
----------------------------------------------- */

ul.feature-list { margin: 20px 0 0 0; }
ul.feature-list li { padding: 0 0 0 60px; margin: 0 0 15px 0; height: 50px;}
ul.feature-list li strong { color: #fff; font-size: 18px; }
ul.feature-list li.track-anything { background: url(../images/fixx-tour/icon-track-anything.png) no-repeat 0 -10px;  }
ul.feature-list li.search-filtering { background: url(../images/fixx-tour/icon-search.png) no-repeat 0 -5px; }
ul.feature-list li.email { background: url(../images/fixx-tour/icon-email.png) no-repeat 0 -4px; }
ul.feature-list li.reporting { background: url(../images/fixx-tour/icon-reporting.png) no-repeat 0 -2px; }
ul.feature-list li.mobile-compatible { background: url(../images/fixx-tour/icon-mobile.png) no-repeat 0 -3px; }
ul.feature-list li.creative-agencies { background: url(../images/fixx-tour/icon-creative.png) no-repeat -5px -3px; }
ul.feature-list li.freelancers { background: url(../images/fixx-tour/icon-freelancer.png) no-repeat 0 0px; }
ul.feature-list li.startups { background: url(../images/fixx-tour/icon-start-up.png) no-repeat 0 0px; }
ul.feature-list li.developers { background: url(../images/fixx-tour/icon-developer.png) no-repeat 0 0px; }
ul.feature-list li.non-profits { background: url(../images/fixx-tour/icon-nonprofit.png) no-repeat 0 -4px; }
ul.feature-list li.address-book { background: url(../images/solomon-tour/icon-addressbook.png) no-repeat 0 0; padding: 5px 0 0 60px;}
ul.feature-list li.search-solomon { background: url(../images/solomon-tour/icon-search.png) no-repeat 0 0; padding: 5px 0 0 60px;}
ul.feature-list li.appointment { background: url(../images/solomon-tour/icon-appointment.png) no-repeat 0 0; padding: 5px 0 0 60px;}
ul.feature-list li.conversation { background: url(../images/solomon-tour/icon-conversation.png) no-repeat 0 0; padding: 5px 0 0 60px;}
ul.feature-list li.mobile-solomon { background: url(../images/solomon-tour/icon-mobile.png) no-repeat 0 0; padding: 5px 0 0 60px;}

ul.feature-list.no-thumb { margin: 5px 0 0 0; } 
ul.feature-list.no-thumb li { background: none; padding: 0; height: auto; }

div.quote-holder { background-color: rgba(0,0,0,0.4); float: left; height: 155px; padding: 15px; margin: 0 0 20px 0; width: 272px; -moz-border-radius: 4px; border-radius: 4px; }
div.quote-holder p { font-size: 20px; line-height: 23px; }
div.quote-holder a { color: #FB61A3; }
div.quote-holder a.more-button { color: #FFF; }
div.quote-holder.first p { color: #FFF;}
div.quote-holder.first { margin: 0 20px 20px 0; }
div.quote-holder.last { margin: 0 0 0 20px; }

/* Pricing
----------------------------------------------- */

table.pricing-table { margin:10px auto;}
table.pricing-table.small tbody tr td dl { height: 180px;}
table.pricing-table.small tbody tr td.emphasise dl { height: 200px;}
table.pricing-table tbody tr td { padding:2px; margin:0; width:auto!important; vertical-align:middle;}
table.pricing-table tbody tr td dl { width:193px; background: rgba(0,0,0,0.4); padding: 0 0 10px 0; height:210px; position:relative;
									-moz-border-radius: 4px; border-radius: 4px; }
table.pricing-table tbody tr td dl dt { background: #000; color:#fff; font-size:18px; text-align: center; line-height:35px; height:35px;
										-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
table.pricing-table tbody tr td dl dd { margin:10px; padding:0; font-size:14px; }
table.pricing-table tbody tr td.emphasise dl { width:210px; background: rgba(0,0,0,0.4); padding: 0 0 10px 0; height: 230px; }
table.pricing-table tbody tr td.emphasise dl dt { background: #FB61A3; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3);}
table.pricing-table tbody tr td.emphasise dl dd { margin:10px; }
table.pricing-table tbody tr td dl dd.price { text-align: center; margin: 20px 0 10px;}
table.pricing-table tbody tr td.emphasise dl dd.price {bottom:65px;}
table.pricing-table tbody tr td.emphasise dl dd.call-to-action{width: 190px;}
table.pricing-table tbody tr td dl dd.call-to-action{width: 175px;}
table.pricing-table tbody tr td dl dd.call-to-action a.price-button.download { display: block; width: 80px; margin: 0 auto !important;}
table.pricing-table tbody tr td dl dd.call-to-action a.price-button.buy { display: block; width: 30px; margin: 0 auto !important;}
table.pricing-table tbody tr td dl dd.call-to-action a.price-button.request { display: block; width: 60px; margin: 0 auto !important;}
table.pricing-table tbody tr td dl dd.price strong{font-size:28px;}
table.pricing-table tbody tr td dl dd.price.small strong {font-size:20px;}
table.pricing-table tbody tr td dl.commercial dd.price strong {font-size:30px;}
table.pricing-table tbody tr td dl dd.price.small strong {font-size:20px;}


/* Download
----------------------------------------------- */

div.download-fixx { background-color: rgba(0,0,0,0.4); -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; margin: 20px 0; position: relative;}
div.download-fixx img { float: left; margin: 15px 15px 15px 0;}
div.download-fixx a#download { background-color: rgba(0,0,0,0.4); 	font-weight: 600; padding: 10px; position: absolute; top: 15px; right: 15px;
							   -moz-border-radius: 4px; border-radius: 4px; font-size: 18px;}
							
span.version-number { display: block; float: left; width: 70px;}
span.lic-release-notes { display: block; float: left; width: 200px;}


/* Games
----------------------------------------------- */

div.game-banner { display: block; clear: both; margin: 0 0 20px 0; width: 960px; height: 275px;}
div.game-banner.boomboxes { background: url(../images/games-boomboxes.png) no-repeat; position: relative;}
div.game-banner.boomboxes a { background: url(../images/games-bb-button.png) no-repeat; display: block; height: 38px; width: 174px;
                              text-indent: -99999px; position: absolute; bottom: 23px; right: 50px;}  
div.game-banner.epic-dive { background: url(../images/games-epic-dive.png) no-repeat; position: relative;}
div.game-banner.epic-dive a { background: url(../images/games-ed-button.png) no-repeat; display: block; height: 38px; width: 174px;
                              text-indent: -99999px; position: absolute; bottom: 50px; right: 110px;}
                              
/* Apps
----------------------------------------------- */

div.app-banner { display: block; clear: both; margin: 0 0 20px 0; width: 960px; height: 275px;}
div.app-banner.trees-are-best { background: url(../images/apps/trees-are-best.jpg) no-repeat; position: relative;}
div.app-banner.trees-are-best a { no-repeat; display: block; height: 100px; width: 180px;
                            text-indent: -99999px; position: absolute; bottom: 23px; right: 45px;}