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

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */
	
	/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
	html { font-size:100.01%; }
	body {
		background: url(src/BG-main.jpg) repeat-x top;
		background-color: #10589e;
		font-size: 75%;
		color: #717171;
		font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	
	
	/* Headings
	-------------------------------------------------------------- */
	
	h1,h2,h3,h4,h5,h6 { font-weight: bold; color:#717171; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
	
	h1 { font-size: 16px; margin-bottom: 10px; margin-top: 40px; font-family:Arial, Helvetica, sans-serif; color: #307ebd;}
	h2 { font-size: 1.6em; line-height: 1em; margin-bottom: 0.5em; font-weight:normal; }
	h3 { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
	h6 { font-size: 1em; font-weight: bold; }
	
	h1 img, h2 img, h3 img,
	h4 img, h5 img, h6 img {
	  margin: 0;
	}
	
	
	#home-text h2, #col-wrapper h2 { font-size: 1.6em; margin-bottom: 0.75em;  color:#01797a; font-family:Myriad ,Arial, Helvetica, sans-serif; }
	#arrows-cta h1 { font-size: 2em; line-height: 1em; margin-bottom: 0.5em; font-weight:normal;color:#01797a; }
	
	
	/* Text elements
	-------------------------------------------------------------- */
	
	p           { margin: 0 0 1.5em; }
	p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
	p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
	
	a:focus,
	a:hover     { color: #595a5c;}
	a           { color: #10589e; text-decoration: underline; }
	
	blockquote  { margin: 1.5em; color: #666; font-style: italic; }
	strong      { font-weight: bold; }
	em,dfn      { font-style: italic; }
	dfn         { font-weight: bold; }
	sup, sub    { line-height: 0; }
	
	abbr,
	acronym     { border-bottom: 1px dotted #666; }
	address     { margin: 0 0 1.5em; font-style: italic; }
	del         { color:#666; }
	
	pre         { margin: 1.5em 0; white-space: pre; }
	pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	
	
	/* Lists
	-------------------------------------------------------------- */
	
	li ul,
	li ol       { margin: 0; }
	ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.2em; }
	
	ul          { list-style-type: disc; }
	ol          { list-style-type: decimal; }
	
	dl          { margin: 0 0 1.5em 0; }
	dl dt       { font-weight: bold; }
	dd          { margin-left: 1.5em;}
	
	
	/* Tables
	-------------------------------------------------------------- */
	
	table       { margin-bottom: 1.4em; width:100%; }
	th          { font-weight: bold; }
	thead th    { background: #c3d9ff; }
	th,td,caption { padding: 4px 10px 4px 5px; }
	tr.even td  { background: #e5ecf9; }
	tfoot       { font-style: italic; }
	caption     { background: #eee; }
	
	
	/* Misc classes
	-------------------------------------------------------------- */
	
	.small      { font-size: 1em; margin-bottom: 1.875em; line-height: 1.875em; }
	.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
	.hide       { display: none; }
	
	.quiet      { color: #666; }
	.blue       { color: #000; }
	.highlight  { background:#ff0; }
	.added      { background:#060; color: #fff; }
	.removed    { background:#900; color: #fff; }
	
	.first      { margin-left:0; padding-left:0; }
	.last       { margin-right:0;  }
	.top        { margin-top:0; padding-top:0; }
	.bottom     { margin-bottom:0; padding-bottom:0; }
	
	
	/* --------------------------------------------------------------
	
	   forms.css
	   * Sets up some default styling for forms
	   * Gives you classes to enhance your forms
	
	   Usage:
	   * For text fields, use class .title or .text
	   * For inline forms, use .inline (even when using columns)
	
	-------------------------------------------------------------- */
	
	label       { font-weight: bold; }
	fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
	legend      { font-weight: bold; font-size:1.2em; }
	
	
	/* Form fields
	-------------------------------------------------------------- */
	
	input[type=text], input[type=password],
	input.text, input.title,
	textarea, select {
	  background-color:#fff;
	  border:2px solid #dddddd;
	}
	input[type=text]:focus, input[type=password]:focus,
	input.text:focus, input.title:focus,
	textarea:focus, select:focus {
	  border-color:#01797A;
	}
	
	input[type=text], input[type=password],
	input.text, input.title,
	textarea, select {
	  margin:0.5em 0;
	}
	
	input.text,
	input.title   { width: 300px; padding:5px; }
	input.title   { font-size:1.5em; }
	textarea      { width: 390px; height: 200px; padding:5px; }
	
	input[type=checkbox], input[type=radio],
	input.checkbox, input.radio {
	  position:relative; top:.25em;
	}
	
	form.inline { line-height:3; }
	form.inline p { margin-bottom:0; }
	
	
	/* Success, notice and error boxes
	-------------------------------------------------------------- */
	
	.error,
	.notice,
	.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
	.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    { color: #8a1f11; }
	.notice a   { color: #514721; }
	.success a  { color: #264409; }