/*
body text= 515151
link = 297796
blue header = 326984;
grey header = 97A0AA
lt grey text = 6D7277
footer = CDD1D3
*/

html, body {
height:100%;
}

body
{
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2", Gill Sans, Arial, sans-serif;
	/*font-family: Gill Sans, Arial, sans-serif;*/
	color: #4A4A4A;
	font-size: 11pt;
  overflow-y: scroll;
  background-image: url(../images/home/home_head_bg.png);
  background-repeat: repeat-x;
  padding: 0;
  margin: 0;
}

a img{
	border: none;
}

a:link
{
	text-decoration: none;
	color: #297796;
	outline: none;
}

a:hover
{
	text-decoration: underline;
	color: #297796;
	outline: none;
}

a:visited
{
	text-decoration: none;
	color: #297796;
	outline: none;
}

#containingBlock
{
	/*text-align: left;*/
	margin-right: auto;
	margin-left: auto;
	width: 850px;
	/*border: 1px solid blue;*/
	min-height: 100%;
}

#home_head
{
    width: 850px;
    margin-top: 11px;
    height: 80px;
    border-top: 1px solid white; /*to level the nav */
    
}

#home_head a{
    float: left;
}

.home_nav {
    margin: 30px 0 0 10px;
}

.app_nav {
     margin: 30px 0 0 10px; 
}

a#hn_iannotate_link{
    margin-left: 40px;
}

a#hn_branchfire_link{
    margin: 30px 0px 0px 40px;
}

.marketing_icons_box
{
	height: 30px;
	padding: 7px 0px 0px 7px;
	/*border: 1px solid blue;*/
}

.marketing_icon { padding-right: 6px; }

.dreamcorps_blurb
{
	color: #277DB7;
	/*color: #f6741d;*/
	/*color: #73baff;*/
	font-family: gill sans;
	font-style: italic;
	vertical-align: 40%;
	font-size: 9.5pt;
}

#home_content
{	min-height: 600px;
	padding-bottom: 75px;
}

#content
{
	padding-left: 5px;
  /*border: 1px solid green;*/
	min-height: 550px;
	padding-right: 5px;
	clear: both; 
padding-bottom: 25px;
}

#head
{
	height: 80px;
	width: 850px;
}

#body_box
{
	width: 846px;
	/*border: 1px solid pink;*/
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 75px;
}

#foot
{
	/* border-top: 2px solid #cc6633; */
	padding: 0px;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	position: relative;
	clear: both;
	background-color:  #fff;
 }

#foot p{
    margin-top: 5px;
    padding-top: 0;
    font-size: 12pt;
    text-align: center;
    color: #6D7277;
}

#side_nav
{
	float: left;
	width: 138px;
	/*border: 1px solid red;*/
	margin-bottom: 20px;
	height: 100%;
}

#left_box
{
	/*border: 1px solid green;*/
	width: 708px;
	float: right;
}

#icon_box
{
	/*width: 700px;
	padding-left: 15px;
	padding-top: 5px;
	border: 1px solid orange;*/
}

.spacer { clear: both; }

.mini
{
	padding-left: 4px;
	padding-bottom: 5px;
}



.bold { font-weight: 700; }

.download_image { padding: 0 10px 0 10px; }

.floatR_pad { padding: 15px 0px 0px 20px; }

.redBold  
{
color: #db0000;
font-weight: 700;
}


/* homepage styles */

.buyNow 
{
margin: 0px auto 10px auto;
width: 617px;

}

.appstore 
{
  /*border: solid 1px blue;*/
  z-index: 2;
  display: block;
  position: relative;
  left: 610px;
  top: 471px;
  width: 153px;
}


.promo  
{
  margin-top: -40px;
  width: 850px;
}

.promo_img
{
 margin-left: auto;
margin-right: auto;
display: block;
/*border: solid 1px pink;*/
}

.app_row
{
  /*border: solid 1px orange;*/
  width: 100%;
  overflow: hidden;
  margin: auto;
  padding-top: 10px;
  float: right;
  margin-bottom: 25px;
  font-size: 12pt;
}

.home_feature_head
{
  font-size: 20pt;
  margin: 0px 0 0 0;
  padding-bottom: 10px;
 z-index: 20;
  
}

.icon_box
{
  border-right: solid 1px #CDD1D3;
  width: 23%;
  float: left;
  padding: 3px;
  height: 115px;
}

.icon_box_end
{
 
  width: 23%;
  float: left;
  padding: 3px;
  height: 135px;
}


.feature_icon
{
  float: left;
  margin: 0px 15px 0px 5px;
}

.feature-text
{
  margin:0px;
  padding: 8px;
  color: #6D7277;
}


.quote
{
	font-size: 1.55em;
	text-shadow: 0.13em 0.13em 2px rgba(1, 33, 68, .7);
	font-weight: 700;
	color: #79AEB7;
	padding: 0px 2px 0px 2px;
  line-height: 14pt;
}

.quote_text 
{
background-image: url(../images/global/quote.gif);
background-repeat: no-repeat;
background-position: 33% 0%; 
color: #4A7189;
z-index: 3;
/*border: 1px solid pink;*/
padding: 5px 15px 0px 130px;
}

.news_list {color: #4A7189;}

.grey {color: #4A4A4A; }


.clear { 
        clear: both;
}

.caption
{
	font-style: italic;
	font-size: .85em;
	text-align: center;
	padding-top: 5px;
}

.info_box
{
  padding: 6px;
  background-color: #4A7189;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: white;
  margin: auto;
  text-align: center;
  width: 100px;
}

a.info
{
	text-decoration: none;
	font-size: 15pt;
	color: white;
	outline: none;
  vertical-align: center;
}

a.info:hover
{
	text-decoration: underline;
	color: white;
	outline: none;
}


/* required for IE bugfix...amazing that setting text italic fucks things up! */
.caption2
{
	font-size: .85em;
	text-align: center;
	padding-top: 5px;
}

.ss
{
	border: 1px solid #3F272B;
	margin: 3px;
}

.ss_no_ol
{
	margin: 3px;
}


/*
font problems with justification on safari mobile - justification temporarily disabled
p { text-align: justify; }
*/


.bold { font-weight: 700; }
.red { color: #db0000; }

.center
{
	text-align: center;
	padding: 10px;
}



.float_left { 
    clear: both;
    border: 1px solid white;
}

.float_right { float: right; }


.floatR_capt
{
	border: 2px solid #DFE2E4;
	margin-left: 10px;
	margin-top: 10px;
}

.content_head_red
{ 
padding-top: 10px;
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
border-bottom: 1px solid #db0000;
height: 45px;}

.content_head_green
{ 
padding-top: 10px;
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
border-bottom: 1px solid #beeb0b;
height: 39px;}

.content_head_red p
{
	float: right;
}


.content_head_blue 
{ 
padding-top: 10px;
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
border-bottom: 1px solid #8B9DB5;
height: 39px;}

.content_head_grey
{ 
padding-top: 10px;
margin: 0px 0px 0px 0px;
padding-bottom: 0px;
border-bottom: 1px solid #a4a4a4;
height: 39px;
}

.faq
{
	padding-left: 15px;
	padding-right: 15px;
}

.faq_hr
{
	color: #E8E5D1;
	background-color: #E8E5D1;
	height: 2px;
	border: 0;
}

.brown { color: #777777; }

.grey {color: #4A4A4A;}

.bug
{
	margin-right: 15px;
	float: left;
}

.buglist
{
	font-weight: normal;
	font-size: 11pt;
	margin: 15px 0px 10px -15px;
	list-style-type: none;
}

.bug_icon
{
	position: relative;
	margin-left: -20px;
	padding-right: 6px;
	/*border: 1px solid red;*/
}

.bugRelease
{
	background-color: #4A7189;
	color: white;
	font-style: italic;
	font-size: 1.15em;
	padding: 3px 0px 3px 5px;
}
/*article styles */
.article_tag
{
width: 850px;
height: 35px;
position: absolute;
top: 140px;
z-index: 1;
background-image:  url(../images/about/tag.png);
margin: 0px;
}

.graph
{
-webkit-box-shadow: 1px 3px 3px #627577;
-moz-box-shadow: 1px 3px 3px #627577;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#1D3135, offX=2, offY=2, positive=true);
}

/*about styles*/

.about_box
{
	margin: auto;
	width: 850px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.about_links { 
height: 54px;
position: relative;
z-index: 2;
}

.about_tag
{
width: 850px;
height: 35px;
position: absolute;
top: 155px;
z-index: 1;
background-image:  url(../images/about/tag.png);
margin: 0px;
/*border: 1px solid purple;*/
}

.tag_text 
{
font-size: 18pt;
/*text-shadow: white 1px 1px 0px;*/
text-align: right;
padding-right: 60px;
padding-top: 3px;
margin: 0px;
color: #fff;
}

.about_left 
{
width: 430px;
background-color: #F9F9F9;
position: relative;
top: -15px;
z-index: 0;
box-shadow: 3px 3px 6px #627577;
-webkit-box-shadow: 3px 3px 5px #627577;
-moz-box-shadow: 3px 3px 5px #627577;
padding: 45px 15px 10px 15px;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#1D3135, offX=2, offY=2, positive=true);
/*filter needed for drop shadow to show up on ie -> won't have blur*/
}

.about_right 
{
width: 350px;
/*border: 1px solid red;*/
float: right;
padding: 0px 20px 0px 15px;
clear: both;
}

.about_center 
{
width: 760px;
min-height: 500px;
background-color: #F7F7F7;
position: relative;
top: -15px;
z-index: 0;
box-shadow: 3px 3px 6px #898383;
-webkit-box-shadow: 3px 3px 5px #898383;
-moz-box-shadow: 3px 3px 5px #898383;
padding: 45px 15px 10px 15px;
line-height: 1.4em;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#1D3135, offX=2, offY=2, positive=true);
/*filter needed for drop shadow to show up on ie -> won't have blur*/
}

.caseStudies_center
{
width: 760px;
background-color: #F9F9F9;
position: relative;
top: -15px;
z-index: 0;
box-shadow: 3px 3px 6px #627577;
-webkit-box-shadow: 3px 3px 5px #627577;
-moz-box-shadow: 3px 3px 5px #627577;
padding: 45px 15px 10px 15px;
line-height: 1.4em;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#1D3135, offX=2, offY=2, positive=true);
/*filter needed for drop shadow to show up on ie -> won't have blur*/

}

.about_p 
{
  font-size: 1.25em;
  line-height: 1.25em;
  padding: 10px 0px 10px 0px;
}

.contact_text
{
font-size: 1.3em;
line-height: 1.3em;
padding: 30px 20px 0px 20px;
}

.team_p
{
  font-size: 1.1em;
  line-height: 1.25em;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

.teamMember_box
{
/*border: 1px solid red;*/
margin: 15px 10px 35px 10px;
z-index: 1;
min-height: 175px;
clear: both;
}

.teamMember_pic
{
padding: 0px 15px 10px 10px;
background-color: #F7F7F7;
float: left;
z-index: -2;
/*border: 1px solid yellow;*/
}

.teamMember_name
{
border-bottom: 1px solid #bFBDB2;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
font-size: 1.4em;
color: #4A4A4A;
}

.teamMember_bio  
{
color: #777777;
line-height: 1.2em;
margin: 0px;
/*border: 1px solid green;*/
}

.team_head
{
position: absolute;
top: 500px;
right: 150px;
width: 310px;
padding: 5px;
text-shadow: 0 1px black;
font-size: 1.3em;
color: white;
border: 1px solid rgba(0,0,0,0.5);
border-radius: 6px 6px 6px 6px;
background: rgba(74,113,137,0.6);
}

.team_item
{
font-size: 1.3em;
color: #CB5528;
}

.team_pic {
  float: left;
  margin: 20px 25px 20px 0px;
  border: solid 1px #382225;
}

.orange {color: #CB5528;}

.blue {color: #18607C;}

.lt_grey  {color: #777777;}

.lt_grey2 {color: #9A9A9B;}

.lt_grey3 {color: #7A7A7A;}

.caseStudies_head
{
font-size: 1.3em;
color: #4A4A4A;
}

.case_pic
{
padding: 0px 15px 15px 10px;
background-color: #F7F6F2;
float: left;
z-index: -2;
}

.case_title
{
border-bottom: 1px solid #bFBDB2;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
color: #4A4A4A;
}

.case_desc
{
color: #777777;
font-size: .95em;
line-height: 1.2em;
}

.case_box
{
width: 750px;
}

.case_quote
{
font-size: 1.2em;
color: #4D7682;
background-image: url(../images/global/quote.gif);
background-repeat: no-repeat;
background-position: left top; 
/*border: 1px solid green;*/
padding: 10px 20px 0px 25px;
margin: 30px 0px 10px 10px;
width: 510px;
}

.case_photo
{
float: right;
height: 260px;
width: 150px;
border: 1px solid #CECECE;
margin: 15px 0px 30px 0px;
padding: 15px;
background-color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.case_fact
{
width: 730px;
border:  solid 1px #BACBD1;
padding: 10px;
margin: auto;
margin-bottom: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #EFF3F4;
-webkit-box-shadow: 1px 3px 3px #627577;
-moz-box-shadow: 1px 3px 3px #627577;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#1D3135, offX=2, offY=2, positive=true);
/*filter needed for drop shadow to show up on ie -> won't have blur*/
}

.case_photo_credit
{
font-size: .68em;
font-style: italic;
color: #9A9A9B;
margin: 4px 0px 0px 0px;
line-height: .98em;
text-align: left;
}

.fact_source
{
padding: 10px 0px 0px 0px;
margin: 0px;
font-style: italic;
color: #4A4A4A;
text-align: center;
}

.fact
{
color: #046272;
font-size: 1.7em;
text-align: center;
margin: 0px;
}

.quote_source
{
padding: 0px 20px 0px 75px;
margin: 0px;
font-style: italic;
color: #4A4A4A;
}

a.review
{
	text-decoration: none;
	font-size: 1.5em;
	color: #4A4A4A;
	outline: none;
}

a.review:hover
{
	text-decoration: underline;
	color: #4A7189;
	outline: none;
}


/*support page*/
.default { height: 310px; }

.support_head
{
	margin: 10px 0px 0px 10px;
	/*border: 1px solid pink;*/
}

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

.support_div  
{
 padding: 15px 0;
 border: dashed 1px #AFAFAF;
 margin: 120px 0 0px 75px;
 width: 600px;
 font-size: 1.75em;
 }

.support_div img
{
	padding: 10px 0px 100px 0px;		
}

.support_div-inner
{
	padding: 15px;
}

.support_link
{
font-size: 1.25em;
font-weight: 700;
}

/* css for old support page */
.support_text
{
	padding: 13px 10px 0px 0px;
	/*border: 1px solid blue;*/
}

.support_icon_box
{
	text-align: center;
	margin: auto;
	padding-bottom: 16px;
	width: 800px;
	border-bottom: 2px dashed #E8E5D1;
	clear: both;
}

.before { padding: 15px 0px 4px 5px; }

.support_icon
{
	padding: 2px 25px 5px 25px;
	/*border: 1px solid blue;*/
}

.selected_app
{
	float: left;
	margin: 20px 10px 30px 20px;
}

.support_email
{
	clear: both;
	width: 780px;
	margin: auto;
	padding: 15px;
	border: 1px dashed #afaca0;
}

.support_links { padding: 3px 0px 0px 0px; }
.team_table { padding: 10px 5px 0px 5px; }

/*partners*/
.brown_hr { color: #B97000; }

.content_top_head_grey
{ 
padding-top: 10px;
margin: 0px; 
padding-bottom: 0px;
height: 39px;
border-bottom: 1px solid #BFBDB2;
width: 850px;
}


/*What is Branchfire? */
.branchText{
    width: 18.5em;
    margin: 0 auto 10px auto;
    font-size: 1.1em;
    text-align: justify;
    color: #4A4A4A;
}

span.branchBold{
    color: #cb5528;
    font-weight: bold;
}

h1#branchHeader{
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    margin-top: 40px;
}

.branchFooter{
    width: 350px;
    margin: 0 auto 60px auto;
    
}

img#bf_head_img{
    margin: 30px auto 10px auto;
}

img#bf_foot_img{
    margin: 15px auto 0px auto;
}

/* Jorbs */
p.job_title{
    font-size: 1.6em;
    margin: 5px 0 15px 0;
    font-weight: bold;
}

p.job_desc{
    font-size: 1.2em;
}

.job_box
{
 width: 600px;
   padding: 10px;
margin: 0 auto 70px auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #F7F7F7;
-webkit-box-shadow: 0px 3px 5px #929FA0;
-moz-box-shadow: 0px 3px 5px #929FA0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#1D3135, offX=2, offY=2, positive=true);
}