/* DEFAULT STYLES */
  	html, 
	body {
		width:auto;
		height:auto;
		margin:0;
		padding:0;
	}
	body {
		font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
		color:#333;
		/*background-image:url(../images/bg_gold_fade.png);*/
		background-color:#f9f8f1; /*fff;*/
		background-repeat:no-repeat;
		background-position:top left;
		-webkit-tap-highlight-color:#466a7f; /*#959eef;*/
	}
	
	/*.container_12,
	.container_16 { width:1024px; margin:0 auto; }*/
	
	.ui_handheld { display:none; }
	
	p, table, td, div, label { font-size: 14px/100%; margin-top:0; padding-top:0; }
	
	img {
		border:0;
		border-width:0;
	}
	.minimal {
		border:0;
		margin:0;
		padding:0;
	}
	.nopadding { padding:0 !important; }
	.nomargin { margin:0 !important; }
	.display_inline,
	.block { display:inline-block !important; }
	.display_hidden,
	.hidden { display:none !important; }
	.display_hide { display:none; }
	.display_block { display:block !important; }
	.align_left { text-align:left !important; }
	.align_center { text-align:center !important; }
	.align_right { text-align:right !important; }
	.text_transform_lowercase { text-transform:lowercase; }
	.line_height_normal { line-height:normal !important; }
	.vertical_align_top {vertical-align:top !important; }
	.vertical_align_middle {vertical-align:middle !important; }
	.vertical_align_bottom {vertical-align:bottom !important; }
	.float_left { float:left !important; }
	.float_right { float:right !important; }
	.clear_right {clear:right !important; }
	.clear_left {clear:left !important; }
	.clear_both {clear:both !important; }
	.clear_none {clear:none !important; }
	.cursor_default { cursor:default; }
	.cursor_pointer { cursor:pointer; }
	ul.nobullet, ul.nobullets { list-style:none; }
	
	a,
	a:visited,
	a:link, 
	a.ajaxLink {
		text-decoration:underline;
		font-weight:bold;
		color:#466a7f; /*547fd4;*/
	}
	a:hover, a:focus {
		text-decoration:none;
		font-weight:bold;
		color:#000; /*#1d5ca1;*/
	}
	a.ajaxLink { cursor:pointer; }
	a.white:visited, a.white:link,
	a.white.ajaxLink {
		text-decoration:underline;
		font-weight:bold;
		color:#fff; /*#1d5ca1;*/
	}
	a.white:hover, a.white:focus {
		text-decoration:none;
		font-weight:bold;
		color:#000; /*#1d5ca1;*/
	}
	h2 a:link,
	h2 a:visited,
	h3 a:link,
	h3 a:visited,
	h4 a:link,
	h4 a:visited { color: inherit; font-weight:inherit; }
	
	.nobackground,
	.no_background,
	.background_none {
		background:none !important;
		background-image:none !important;
	}
	.background_fff,
	.background_ffffff,
	.background_white { background-color:#fff !important; }
	.background_fff_50 { 
		background-color:#fff;
		background:rgba(255,255,255,0.5);
	}
	.background_black { background-color:#000; }
	.background_gray {
		background-color: #12110F;
		/*background-color:#333;*/
		background-color:rgba(0,0,0,0.9);
	}
	.background_eee,
	.background_gray_lght { background-color: #eee; }
	.background_333,
	.background_gray_dark { background-color: #333; }
	/* http://colorschemedesigner.com/#0X11Tnnktw0w0 */
	.background_gold { background-color:#a37b2c; }
	.background_6A4B0E,
	.background_gold_darker { background-color:#6A4B0E; }
	.background_D1AB5F,
	.background_gold_light { background-color:#D1AB5F; }
	.background_D1B57D,
	.background_gold_lighter { background-color:#D1B57D; }
	.background_column_paper {
		background-repeat:no-repeat;
		background-image:url("../images/bg_column_paper.png");
	}
	.background_paper_grid {
		background-image:url("../2014/images/bg_paper_grid.png");
		background-repeat:repeat;
	}
	
	/* MARGINS */
	.margin_auto { margin:0 auto !important; }
	.margin_0 { margin:0 !important; }
	.margin_5 { margin:5px !important; }
	.margin_10 { margin:10px !important; }
	.margin_top_0 { margin-top:0 !important; }
	.margin_top_5 { margin-top:5px !important; }
	.margin_top_10 { margin-top:10px !important; }
	.margin_top_15 { margin-top:15px !important; }
	.margin_top_20 { margin-top:20px !important; }
	.margin_top_25 { margin-top:25px !important; }
	.margin_top_30 { margin-top:30px !important; }
	.margin_top_35 { margin-top:35px !important; }
	.margin_top_40 { margin-top:40px !important; }
	.margin_top_45 { margin-top:45px !important; }
	.margin_top_60 { margin-top:60px !important; }
	.margin_left_0 { margin-left:0 !important; }
	.margin_left_5 { margin-left:5px !important; }
	.margin_left_10 { margin-left:10px !important; }
	.margin_left_15 { margin-left:15px !important; }
	.margin_left_20 { margin-left:20px !important; }
	.margin_left_25 { margin-left:25px !important;	}
	.margin_bottom_0 { margin-bottom:0 !important; }
	.margin_bottom_5 { margin-bottom:5px !important; }
	.margin_bottom_10 { margin-bottom:10px !important; }
	.margin_bottom_15 { margin-bottom:15px !important; }
	.margin_bottom_20 { margin-bottom:20px !important; }
	.margin_bottom_25 { margin-bottom:25px !important; }
	
	/* PADDING */
	.padding_0 {padding:0 !important; }
	.padding_5 { padding:5px !important; }
	.padding_10 { padding:10px !important; }
	.padding_top_0 {padding-top:0 !important; }
	.padding_top_5 {padding-top:5px !important; }
	.padding_top_10 {padding-top:10px !important; }
	.padding_top_15 {padding-top:15px !important; }
	.padding_top_20 {padding-top:20px !important; }
	.padding_top_25 {padding-top:25px !important; }
	.padding_top_30 {padding-top:30px !important; }
	.padding_top_35 {padding-top:35px !important; }
	.padding_top_40 {padding-top:40px !important; }
	.padding_top_45 {padding-top:45px !important; }
	.padding_left_5 { padding-left:5px !important; }
	.padding_left_10 { padding-left:10px !important; }
	.padding_left_15 { padding-left:15px !important; }
	.padding_left_20 { padding-left:20px !important; }
	.padding_left_25 { padding-left:25px !important; }
	.padding_right_5 { padding-right:5px !important; }
	.padding_right_10 { padding-right:10px !important; }
	.padding_right_15 { padding-right:15px !important; }
	.padding_right_20 { padding-right:20px !important; }
	.padding_bottom_5 { padding-bottom:5px !important; }
	.padding_bottom_10 { padding-bottom:10px !important; }
	.padding_bottom_15 { padding-bottom:15px !important; }
	.padding_bottom_20 { padding-bottom:20px !important; }
	.padding_bottom_25 { padding-bottom:25px !important; }
	.padding_bottom_30 { padding-bottom:30px !important; }
	.padding_bottom_35 { padding-bottom:35px !important; }
	.padding_bottom_40 { padding-bottom:40px !important; }
	
	/* COLUMNS */
	.columns {
		width:100%;
		clear:both;
		display:block;
	}
		.columns.width_centered {
			width:85%;
			margin-left:5%;
			margin-right:5%;
		}
		.columns .column {
			margin-left:1%;
			margin-right:1%;
			display:inline-block;
			vertical-align:top;
			text-align:left;
		}
		.columns .column.first { 
			margin-left:0;
			clear:left;
		}
		.columns .column.last { 
			margin-right:0;
			clear:right;
		}
		
		.columns .column.width_20 { width:18% /*Subtract 2 for margin */}
		.columns .column.width_25 { width:23% /*Subtract 2 for margin */}
		.columns .column.width_30 { width:28% /*Subtract 2 for margin */}
		.columns .column.width_40 { width:38% /*Subtract 2 for margin */}
		.columns .column.width_50 { width:48% /*Subtract 2 for margin */}
		.columns .column.width_60 { width:58% /*Subtract 2 for margin */}
		.columns .column.width_70 { width:68% /*Subtract 2 for margin */}
		.columns .column.width_75 { width:73% /*Subtract 2 for margin */}
		.columns .column.width_80 { width:78% /*Subtract 2 for margin */}
		.columns .column.width_100 { width:98% /*Subtract 2 for margin */}
	
	/* FONT SIZE */
	.font_size_70 { font-size:70%; }
	.font_size_80 { font-size:80%; }
	.font_size_90 { font-size:90%; }
	.font_size_100 { font-size:100%; }
	.font_size_110 { font-size:110%; }
	.font_size_120 { font-size:120%; }
	.font_size_130 { font-size:130%; }
	.font_size_140 { font-size:140%; }
	.font_size_150 { font-size:150%; }
	.font_size_160 { font-size:160%; }
	.font_size_170 { font-size:170%; }
	.font_size_180 { font-size:180%; }
	.font_size_190 { font-size:190%; }
	.font_size_200 { font-size:200%; }
	.font_size_220 { font-size:220%; }
	.font_size_250 { font-size:250%; }
	.font_size_300 { font-size:300%; }

	/* FONT COLOR */
	.font_color_333,
	.font_color_333333 { color:#333; }
	.font_color_666,
	.font_color_666666 { color:#666; }
	.font_color_999,
	.font_color_999999 { color:#999; }
	.font_color_eee,
	.font_color_eeeeee { color:#eee; }
	.font_color_fff,
	.font_color_ffffff { color:#fff; }
	.font_color_A37B2C { color:#A37B2C !important; }
	.font_color_yellow { color:#FF0 !important; }
		
	/* BOX OUTLINE */
	.box_outline,
	.box_outline_5,
	.box_outline_10 {
		width:100%;
		border:1px #999 solid;
		float:left;
		display:inline-block;
	}
	.box_nooutline { border-width:0 !important; border-color:transparent; }
		.box_nooutline.box_outline_fill,
		.box_outline.box_outline_fill,
		.box_outline_5.box_outline_fill,
		.box_outline_10.box_outline_fill {
			background:#fff;
			/*opacity: 0.7 !important;*/
		}
		.box_outline_5, .box_outline {
			width:98%;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
		.box_outline_10 {
			width:95%;
			border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		}
	/* TEXT SHADOW */
	.text_shadow1 { text-shadow: 0px 0px 2px rgba(0, 0, 0, 1); }
	.text_shadow1 { text-shadow: 0px 0px 2px rgba(45, 45, 45, 0.2); }
	
	/* BORDER */
	.border_0,
	.noborder { border:none !important; }
	.border_top,
	.border_top_default { border-top:1px #000 solid; }
	.border_bottom_1,
	.border_bottom_default { border-bottom:1px #999 solid; }
	.border_1_gray { border:1px #999 solid; }
	.border_bottom_gold { border-bottom: solid 3px #a37b2c; }
	.border_bottom_black { border-bottom: solid 3px #000; }
		
	/* WIDTH - FULL */
	.width_full {width:100% !important; }
	.width_85 {width:85% !important; }
	.width_90 {width:90% !important; }
	.width_95 {width:95% !important; }
	.width_98 {width:98% !important; }
	.width_99 {width:99% !important; }
		
	/* TITLES */
	h1, h2, h3, h4, h5 {
		margin:0;
		padding:0;
	}
	h1 {
		font-size: 2.4em;
		line-height: 1.3em;
	}
	h2 {
		font-size: 1.7em;
		line-height: 1.25em;
	}
	h3 {
		font-size: 1.125em;
		line-height: 1.33333em;
	}
	
	/* TAGLINE */
	.tagline {
		text-transform:uppercase;
		font-size:90%;
	}
	
	/* SLOGAN */
	.slogan {
		padding:4px 0;
		background-color:#CCC;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
		.slogan h2 {
			margin:0 0 2px 0;
			padding:10px 0 0 0;
			font-size:22px;
			font-weight:bold;
			cursor:default;
			color:#333;
			text-align:center;
		}
		
	p {
		margin:5px 0 10px 0;
	}
	.smalltext,
	.text_small {
		font-size:9px;
		line-height:10px;
	}
	.text_medium { font-size:85%; }
	.asterisk { font-size:12px; color:#F00; }
	
	/*
	ul.arrow {
		margin-top:0px;
		padding-top:0px;
		list-style-image:url("http://www.cyberviewsites.com/v6/images/li-bullet.gif");
	}
	*/
	.textarea_content ul,
	.textarea_content ol,
	ol.bullet,
	ul.bullet {
		margin-top:0px;
		list-style-image:none;
		padding-top:0px;
		padding-left:25px;
		padding-bottom:10px;
		line-height:18px;
	}
	.textarea_content ol,
	ol.bullet { list-style:decimal; }
	.textarea_content ul,
	ul.bullet { list-style:disc; }
	.textarea_content ul,
	.textarea_content ol,
	ul.arrow li,
	ul.bullet li {
		padding-bottom:5px;
		float:none;
		clear:both;
		line-height:18px;
	}
	.textarea_content ul ul,
	ol.bullet li ul,
	ul.bullet li ul {
		margin-top:0px;
		list-style:circle;
		list-style-image:none;
		padding-top:0px;
		padding-left:25px;
		padding-bottom:10px;
	}
		ul.bullet ul,
		ul.bullet li ul li {
			list-style:circle;
		}
		
	/* MESSAGING */
	.success { color:#060; }
	.error { color:#F00; }
	
	/* ALERT */
	#alert_red,
	#alert_green,
	#alert_yellow,
	#alert_blue,
	.alert_msg {
		width:100%;
		min-height:22px;
		padding:8px 5px 8px 15px;
		margin:10px 0 5px 0;
		border:none;
		background-repeat:no-repeat;
		font-weight:bold;
		display:block;
		float:left;
		clear:both;
	}

	/*.alert_msg { display:none; } */
	#alert_red,
	.alert_msg_red {
		width:96%;
		border:1px #dc4141 solid;
		background-color:#dc4141;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		/*background-image:url("https://www.cyberstudiocms.com/studio/images/alert_red.gif");*/
	}
	#alert_green,
	.alert_msg_green {
		width:96%;
		border:1px #9adf61 solid;
		background-color:#9adf61;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		/*background-image:url("https://www.cyberstudiocms.com/studio/images/alert_green.gif");*/
	}
	#alert_yellow,
	.alert_msg_yellow {
		width:96%;
		border:1px #f9f26a solid;
		background-color:#f9f26a;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		/*background-image:url("https://www.cyberstudiocms.com/studio/images/alert_yellow.gif");*/
	}
	#alert_blue,
	.alert_msg_blue {
		width:96%;
		display:none;
		border:1px #c6d6e7 solid;
		background-color:#c6d6e7;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	#alert_red a:visited,
	.alert_msg_red a:visited,
	#alert_yellow a:visited,
	.alert_msg_yellow a:visited,
	#alert_red a:link,
	.alert_msg_red a:link,
	#alert_yellow a:link,
	.alert_msg_yellow a:link, {
		text-decoration:underline;
		font-weight:bold;
		color:#fff;
	}
	#alert_red a:hover,
	.alert_msg_red a:hover,
	#alert_yellow a:hover,
	.alert_msg_yellow a:hover {
		text-decoration:underline;
		font-weight:bold;
		color:#000;
	}
	
	
	/* FORMS */
	form {
		margin:0;
		padding:0;
	}
	fieldset {
		border:none !important;
		outline:none !important;
	}
	.form_format .form_field_block {
		width:100%;
		margin:0;
		padding:5px 0;
		float:left;
		vertical-align:top;
		display:inline-block;
		clear:both;
	}
		.form_format .form_field_block label,
		.form_format .form_field_block label.default {
			width:215px;
			padding-right:15px;
			text-align:right;
			float:left;
			display:inline-block;
			clear:left;
		}
			.form_format .form_field_block label.form_field_full { 
				width:100%;
				text-align:left;
				clear:both;
			}
			.form_format .form_field_block label.form_field_narrow { width:125px; }
		.form_format .form_field_block .ui-datepicker-trigger {
			margin:5px 10px 0 10px;
			cursor:pointer;
		}
		.form_format .form_field_block .form_field_entry.formField {
			outline:none;
			border:none;
			background:none;
			vertical-align:top;
		}
		.form_format .form_field_block .form_field_entry,
		.form_format .form_field_block .form_field_entry.default {
			min-width:330px;
			max-width:360px;
			vertical-align:top;
			word-wrap:normal;
			word-break:normal;
			display:inline-block;
			float:left;
		}
			.form_format .form_field_block .form_field_entry.form_field_narrow {
				min-width:170px;
				max-width:375px;
			}
			.form_format .form_field_block .form_field_entry.form_field_medium {
				min-width:295px;
				max-width:375px;
			}
			.form_format .form_field_block .form_field_entry label {
				margin:0 !important;
				padding:0 !important;
				text-align:left;
				width:auto;
				float:none;
				display:inline-block;
				clear:none;
			}
		.form_format .form_field_block .form_field_msg {
			/*float:left;
			clear:right;*/
			width:99%;
			display:block;
			clear:both;
		}
			.form_format .form_field_block .form_field_msg .alert { font-weight:bold; }

		form .astr,
		.form_format .form_field_block .astr {
			font-weight:bold;
			color:#F00;
		}
		.form_format .form_field_block.formElement.error { background-color:#FFCECE; }
		
		.form_format .form_field_block.formElement.attention { background-color:#FFFBCC; }	
		.form_format .form_field_block .btn_submit {
			min-width:300px;
			max-width:475px;
			margin-left:220px;
			padding-left:20px;
			float:left;
			clear:right;
		}
			.form_format .form_field_block.form_field_narrow .btn_submit { margin-left:125px; }
		
		.formButtonLoading {
			padding-left:20px;
			background-image:url("https://www.reslifeportal.com/s/core/images/icon_loading.gif");
			/*background-image:url("https://www.reslifeportal.com/images/loading.gif");*/
			background-repeat:no-repeat;
			background-position:center left;
			font-weight:bold;
			display:none;	
			float:left;
			clear:right;	
		}
		.btn_submit.formButtonLoading {
			width:150px;
			margin-left:215px;
		}
	.formfield1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#000;
		background-color:#fff; /*#EBEFFA;*/
		margin:0;
		padding:4px;
		vertical-align:top;
		border:1px solid #6A4B0E; /*#1d5ca1;*/
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.formfield,
	select.formfield {
		font-family:Arial, Helvetica, sans-serif;
		color: #222;
		/*
		height: 36px;
		width: 96%;*/
		margin:0;
		padding:6px 8px;
		background: #fff;
		font-size: 1em;
		border: 1px solid #000;
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.5);
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.5);
		
		-webkit-box-shadow: inset 0 1px  3px rgba(44, 44, 44, 0.3);
		-moz-box-shadow: inset 0 1px 3px rgba(44, 44, 44, 0.3);
		box-shadow: inset 0 1px 3px rgba(44, 44, 44, 0.3);
		-webkit-transition: border,box-shadow 333ms;
		-moz-transition: border,box-shadow 333ms;
		-ms-transition: border,box-shadow 333ms;
		-o-transition: border,box-shadow 333ms;
		transition: border,box-shadow 333ms;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.formfield_small {
		font-family:Arial, Helvetica, sans-serif;
		font-size:75%;
		letter-spacing:normal;
		color:#000;
		background-color:#EBEFFA;
		background-position:top;
		margin-top:0;
		padding:1px;
		vertical-align:top;
		border:1px solid #1d5ca1;
	}
	.label {
		padding:0 0 5px 0;
		text-align:right;
		vertical-align:top;
	}
	.astr {
		margin:0 0 0 2px;
		color:#F00;
	}
	#btn_submit {
		width:99%;
		margin:5px 0 10px 0;
		padding:0;
		text-align:center;
		float:left;
		display:block;
	}
	
	/* Buttons - START */
	.btn.btn_small {
		padding: 1px 3px 2px 3px !important;
		font-size: 11px;
	}
	
	h3.quote1, h3.quote2 {
		width: 90%;
		margin: 20px auto;
		vertical-align: bottom;
		font-family: 'Garamond', Verdana, Geneva, sans-serif;
		font-size: 30px;
		line-height: 32px;
		color: #999;
		clear:both;
		display:block;
	}
	
	
/* ============================================================================= */
/* http://colorschemedesigner.com/#3u41Tfdp0w0w0 */

.font_color_blue,
.font_color_466a7f { color: #466a7f; }
.font_color_blue_dark,
.font_color_3F535F { color: #3F535F; }
.font_color_blue_darker,
.font_color_173C53 { color: #173C53; }
.font_color_tope,
.font_color_C7AE69 { color: #C79D69; }
.font_color_tope_darker,
.font_color_825722 { color: #825722; }
.font_color_green,
.font_color_498C6A { color: #498C6A; }
.font_color_green_dark,
.font_color_436956 { color: #436956; }
.font_color_green_darker,
.font_color_185B39 { color: #185B39; }

.background_color_989CC5 { background-color:#989CC5; }
.background_color_90ADBF { background-color:#90ADBF; }
.background_color_92C5AB { background-color:#92C5AB; }
.background_color_E3C8A8 { background-color:#E3C8A8; }

.font_family_garamond { font-family: 'EB Garamond', serif; }
.font_family_julius { font-family: 'Julius Sans One', Arial, Helvetica, sans-serif; }
.font_family_dellarespira { font-family: 'Della Respira', Arial, Helvetica, sans-serif; }
.font_family_titilliumweb { font-family: 'Titillium Web', Arial, Helvetica, sans-serif; }
.font_family_gochihand { font-family: 'Gochi Hand', cursive, Arial; }
.font_family_arial { font-family:Arial, Helvetica, sans-serif; }
.font_family_philosopher { font-family: 'Philosopher', sans-serif; }

.letter_spacing_gochihand { letter-spacing:0.14em; }

.text_paragraph {
	letter-spacing: 0.06em;
	line-height: 1.3em;
}

ul,
ol,
dl {
  font-family: 'Open Sans', georgia, serif;
  font-weight: normal;
  font-size: 13px;
  text-transform: normal;
  letter-spacing: 0px;
  font-family: "futura-pt";
  font-size: 14px;
  line-height: 22px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight: 400;
  font-style: normal;
  margin: 22px 0;
}
nav ul,
nav ol {
  margin: 0;
  list-style:none;
}

/* Mobile Menu - START */
#container_mobile_nav,	
#header .nav_main .nav_mobile_menu { display:none; }
/* Mobile Menu - END */

#bannerImage {
	position:absolute;
	top:0;
	left:0;
}
#header {
	position:absolute;
	top:0;
	left:0;
	z-index:20000;
}
	#header #nav_top {
	 	position:fixed;
		top:0;
		left:0;
		background-color: rgba(0, 0, 0, 0.2);
		background-color:#333;
		min-height:45px;
		z-index:20000;
	}

#container_mobile_nav {
	width:100%;
}
#container_mobile_nav.show_mobile_menu {
	position:fixed;
	top:45px;
	left:0;
	display:block !important;
	width:100%;
	clear:both;
	height:250px;
	z-index:3500;
}
/*
#wrapper.show_mobile_menu {
	top:200px;
	display:block !important;
	width:100%;
	clear:both;
}
#wrapper.show_mobile_menu #bannerImage { top: 0px !important; }*/
#container_mobile_nav .wrapper {
	top:45px;
	left:0;
	width:100%;
	background-color:#90ADBF;
	display:block;
	clear:both;
	min-height: 265px;
}
	#container_mobile_nav .nav_main.nav_mobile ul {
		height:auto;
		width:100%;
	}
		#container_mobile_nav .nav_main.nav_mobile ul li {
			width:100%;
			display:block;
			padding:0;
			margin:0;
			text-align:center;
		}
			#container_mobile_nav .nav_main.nav_mobile ul li a,
			#container_mobile_nav .nav_main.nav_mobile ul li.active a {
				border-bottom:none;
				width:100%;
				padding: 12px 0 10px 0; /*12px 10px 10px 10px;*/
				margin:0;
				display:block;
				clear:both;
			}
	
	.nav_main {
		margin:auto;
	}
		.nav_main ul {
			width: 680px;
			height: 45px;
		}
		.nav_main ul li {
			float:left;
			display:inline-block;
			clear:none;
			padding: 0 6px;
		}
			.nav_main ul li a {
				display: inline-block;
				padding: 12px 10px 10px 10px;
				font-size:0.75em;
				font-family: 'Julius Sans One', Arial, Helvetica, sans-serif;
				font-weight:normal;
				letter-spacing:0.5em;
				color:#eee;
				text-decoration:none;
				outline:none;
			}
			.nav_main ul li.active a {
				padding: 12px 10px 7px 10px;
				border-bottom:3px solid #fff; /*3F535F; /*#666;*/
			}
			.nav_main ul li a:hover,
			.nav_main ul li a:focus {
				color:#fff;
				background-color:#466a7f;
			}
	.nav_main .nav_mobile_menu {
		margin:0 auto;
	}
	.nav_main .nav_mobile_menu a { padding-left:50px; padding-right:50px; }

nav#main.nav_main_right span {
	display: block;
	background: #466a7f;
	color: #fff;
	padding: 4px 8px;
	white-space: nowrap;
}
nav#main.nav_main_right li {
	font-size: 0.5em;
	font-family: 'Julius Sans One', Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.5em;
}

.story_definition h6 {
	position: relative;
	top: 0px;
	left: 50%;
	width: 180px;
	margin-left: 70px;
}

#bannerImage.default-background { height: 525px; }

#bannerImage {
	position:relative;
	top:45px;
	left:0;
}
.banner {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	overflow-x: hidden;
	/*background-image: url("http://www.frankgarofalo.com/images/body_back2011_3.jpg");*/
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#bannerImage1.banner { 
	z-index:5;
	background-image: url("http://www.frankgarofalo.com/2014/images/mast_image_bigbear2.jpg");
}
#bannerImage2.banner { 
	z-index:10;
	opacity:0;
	background-image: url("http://www.frankgarofalo.com/2014/images/mast_image_bigbear.jpg");
}

#logo {
	position:relative;
	top:120px;
	left:50%;
	width:550px;
	height:180px;
	margin-left:-275px;
	text-align:center;
	z-index:10;
	cursor:default;
}
	#logo h1 {
		font-family: 'EB Garamond', serif;
		font-size:5em;
		font-weight:normal;
		line-height:1.5em;
		text-transform:lowercase;
		/*color: rgba(70, 106, 127, 0.75);
		color: rgba(255, 255, 255, 0.8);*/
		color:#fff;
	}
		#logo h1 a {
			/*color: #466a7f;*/
			color: rgba(70, 106, 127, 0.75);
			text-decoration:none;
			text-transform:lowercase;
			outline:none;
		}
		/*#logo h1 a:hover,
		#logo h1 a:focus { color: #466a7f; }*/
	#logo .logo-subtitle {
		width: 428px;
		margin: auto;
		font-family: 'Julius Sans One', Arial, Helvetica, sans-serif;
		letter-spacing: 0.15em;
		color:#333;
		color: rgba(51, 51, 51, 0.7);
		font-size:1.5em;
		padding:4px 0;
		text-transform:lowercase;
		border-top:1px solid #666;
		border-bottom:1px solid #666;
	}
	
	h3.title { letter-spacing: 0.04em; }

.canvas_wrapper {
	width: 100%;
	margin: 0;
	position: relative;
	z-index: 5;
}

.canvas_home {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	overflow:hidden;
}
.story_wrapper {
	position: relative;
	padding: 26px 0;
	/*22px 23px*/
	background-color: #f9f8f1;
}
#wrapper {
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.skill_box {
	position:relative;
	min-height:90px;
}
	.skill_box .skill_default,
	.skill_box .skill_details {
		position:absolute;
		top:0;
		left:0;
		cursor:default;
		margin:0;
		padding:0;
		min-height:90px;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
		.skill_box .skill_details { line-height:1.5em; }
			.skill_box .skill_details div span.first,
			.skill_box .skill_details div span.second { display:inline-block; clear:both; }
		.skill_box.skill_researcher .skill_details div { padding-top: 8px; }
		.skill_box.skill_designer .skill_details div,
		.skill_box.skill_developer .skill_details div { padding-top: 10px; }

	.skill_box .skill_details,
	.skill_box .skill_details  {
		visibility:hidden; -webkit-transition:-webkit-transform 300ms,visibility 0ms 300ms,opacity 300ms;-moz-transition:-moz-transform 300ms, visibility 0ms 300ms, opacity 300ms;-ms-transition:-ms-transform 300ms, visibility 0ms 300ms, opacity 300ms;-o-transition:-o-transform 300ms, visibility 0ms 300ms, opacity 300ms;transition:transform 300ms, visibility 0ms 300ms, opacity 300ms; -webkit-transform:translate3d(-33px, 0, 0) rotateX(0);-moz-transform:translate3d(-33px, 0, 0) rotateX(0);-ms-transform:translate3d(-33px, 0, 0) rotateX(0);-o-transform:translate3d(-33px, 0, 0) rotateX(0);transform:translate3d(-33px, 0, 0) rotateX(0);opacity:0;
	}
	.skill_box:hover .skill_default,
	.skill_box:focus .skill_default {
		visibility:hidden;-webkit-transition:-webkit-transform 250ms,visibility 0ms 250ms,opacity 250ms;-moz-transition:-moz-transform 250ms, visibility 0ms 250ms, opacity 250ms;-ms-transition:-ms-transform 250ms, visibility 0ms 250ms, opacity 250ms;-o-transition:-o-transform 250ms, visibility 0ms 250ms, opacity 250ms;transition:transform 250ms, visibility 0ms 250ms, opacity 250ms;-webkit-transform:translate3d(0, -33px, 0) rotateX(90deg);-moz-transform:translate3d(0, -33px, 0) rotateX(90deg);-ms-transform:translate3d(0, -33px, 0) rotateX(90deg);-o-transform:translate3d(0, -33px, 0) rotateX(90deg);transform:translate3d(0, -33px, 0) rotateX(90deg);opacity:0;
	}
	.skill_box:hover .skill_details,
	.skill_box:focus .skill_details {
		visibility:visible;-webkit-transition:-webkit-transform 250ms, visibility 0ms, opacity 250ms;-moz-transition:-moz-transform 250ms, visibility 0ms, opacity 250ms;-ms-transition:-ms-transform 250ms, visibility 0ms, opacity 250ms;-o-transition:-o-transform 250ms, visibility 0ms, opacity 250ms;transition:transform 250ms, visibility 0ms, opacity 250ms;-webkit-transform:translate3d(0, 0, 0) rotateX(0deg);-moz-transform:translate3d(0, 0, 0) rotateX(0deg);-ms-transform:translate3d(0, 0, 0) rotateX(0deg);-o-transform:translate3d(0, 0, 0) rotateX(0deg);transform:translate3d(0, 0, 0) rotateX(0deg);opacity:1
	}
	
	.skill_box.skill_developer:hover,
	.skill_box.skill_developer:focus { background-color:#90ADBF; }
	.skill_box.skill_designer:hover,
	.skill_box.skill_designer:focus { background-color:#E3D3A8; }
	.skill_box.skill_researcher:hover,
	.skill_box.skill_researcher:focus { background-color:#92C5AB; }
	
ul.links_network {
	display:block;
	clear:both;
}
	ul.links_network li {
		display:inline-block;
		clear:none;
		float:left;
		padding-right:15px;
	}


	/* Buttons - START */
	.btn {
		margin:0;
		padding:0;
		border:0;
		cursor:pointer;
		outline:0;
		overflow:hidden;
		zoom: 1;
	}
	.btn.btn_blue {
		display:inline-block;
		vertical-align:middle;
		text-decoration:none;
		font-weight:bold;
		line-height:normal;
		padding:5px 15px 7px 15px;
		white-space:nowrap;
		-moz-user-select: none;
		-webkit-user-select:none;
		user-select:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		font-size:11px;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
		-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
	}	
	.btn.btn_blue {
		color:#fff !important;
		background-color:#466a7f;
		background: -moz-linear-gradient(top, #466a7f 0%, #3F535F 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #466a7f), color-stop(100%, #3F535F));
		background: -webkit-linear-gradient(top, #466a7f 0%, #3F535F 100%);
		background: -o-linear-gradient(top, #466a7f 0%, #3F535F 100%);
		background: -ms-linear-gradient(top, #466a7f 0%, #3F535F 100%);
		background: linear-gradient(top, #466a7f 0%, #3F535F 100%);
	}
		.btn.btn_blue:hover,
		.btn.btn_blue:focus {
			background-color:#173C53;
			background: -moz-linear-gradient(top, #466a7f 0%, #173C53 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #466a7f), color-stop(100%, #173C53));
			background: -webkit-linear-gradient(top, #466a7f 0%, #173C53 100%);
			background: -o-linear-gradient(top, #466a7f 0%, #173C53 100%);
			background: -ms-linear-gradient(top, #466a7f 0%, #173C53 100%);
			background: linear-gradient(top, #466a7f 0%, #173C53 100%);
		}
	.btn:hover, .btn:focus {
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
		box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	}
	.btn:active {
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
	}
	.btn.btn_large {
		font-size:14px;
		padding:5px 15px 7px 15px;
	}
	
	
/* ---------------------------------- */

/* @Proof-Points */

.blog_posts {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 300px;
  display:block;
  clear:both;
}
  
  .blog_posts-mask {
    position: absolute;
    top: 0;
    left: 0; /*50%;
    margin-left: -450px;*/
    width: 100%;
    overflow: hidden;
    height: 205px; /*280px;*/
  	display:block;
  }
  
  .blog_posts-container {
    position: relative;
    width: 100%;
  }
  
  .blog_post {
    width: 90%;
    margin: 25px 20px;
    display: block;
    height: 580px;
    overflow: hidden;
  }
  
  .blog_posts h3 {}
  
  .blog_posts .active {
    visibility: visible !important;
  }
  
.blog_initial p {
  display: block;
  width: 50%;
  margin: 10px auto;
  text-align: center;
}
  
  .proof-description {
    width: 90%;
	height: 130px;
	white-space:normal;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
    
    .proof-description aside {
      float: left;
      width: 80px;
    }
    
	.blog_posts .date {
		position:relative;
		right:10px;
		top:0;
		clear:none;
		float:right;
		background-color:#eee;
		border:1px solid #666;
		padding:4px 5px;
		text-align:center;
	}
	.blog_posts .date .year,
	.blog_posts .date .month {
		display: block;
		clear:both;
		font-size:80%;
	}
	.blog_posts .date .day {
		display: block;
		clear:both;
		font-size:120%;
	}
	
  nav.more {
	  display: block;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	top: 200px;
	z-index: 99999;
	width: 105px;
    /*background: url(../img/icon_more.png) 50% 50% no-repeat;
    height: 118px;*/
   
  }
  
	/*
    nav.more a {
      display: block;
      height: 118px;
      width: 98px;
      background: url('http://www.frankgarofalo.com/images/icon_arrow.gif') 0 0 no-repeat;
      position: absolute;
      left: 0; 
      top: 0;
      -webkit-transition: -webkit-transform .3s ease-in;
      /*-moz-transition: -moz-transform .3s ease-in; /
	  float:left;
    } */
    
    nav.more a._down{
      opacity: .5 !important;
      
    }
  
  nav.more a:hover {
    -webkit-transform:rotate(-100deg);
    /*-webkit-transform:rotate(180deg);*/
    /*-moz-transform:rotate(180deg)*/
  }
  
  .box_role.first { margin-top:75px; }
  .box_role.second { margin-top:30px; }
  
	#explain_msg { 
		display:none;
		position:relative;
		top:10px;
	}
	
/* ----------------------------------------------------- FONTELLO ------------------------------------------------------ */
/* License file: css/fontello-8f6972a8/LICENSE.txt */

.icon-home:before { content: '\e810'; } /* '' */
.icon-mail:before { content: '\e80b'; } /* '' */
.icon-beaker:before { content: '\e80c'; } /* '' */
.icon-slideshare:before { content: '\e804'; } /* '' */
.icon-lightbulb:before { content: '\e802'; } /* '' */
.icon-art-gallery:before { content: '\e800'; } /* '' */
.icon-bicycle:before { content: '\e80d'; } /* '' */
.icon-twitter:before { content: '\e806'; } /* '' */
.icon-sitemap:before { content: '\e80f'; } /* '' */
.icon-mobile:before { content: '\e803'; } /* '' */
.icon-code-1:before { content: '\e801'; } /* '' */
.icon-rss-squared:before { content: '\e80e'; } /* '' */
.icon-github-squared:before { content: '\e807'; } /* '' */
.icon-linkedin-squared:before { content: '\e805'; } /* '' */
.icon-facebook-squared:before { content: '\e80a'; } /* '' */
.icon-dribbble:before { content: '\e808'; } /* '' */
.icon-instagram:before { content: '\e809'; } /* '' */

/* --------------------------------------------------- MEDIA QUERIES --------------------------------------------------- */
	
	@media all and (max-width: 960px) {
		.canvas_home { width: 100%; }
	}
	
	@media all and (min-width: 769px) {
		#container_mobile_nav,
		#container_mobile_nav.show_mobile_menu { display:none !important; }	
		
		.story_statement span { clear:both; display:block; }
	}
	@media all and (max-width: 768px) {
		#header .nav_main .nav_main_list { display:none !important; }		
		#header .nav_main .nav_mobile_menu { 
			display:block;
			width:160px; /*90px;*/
		}
		
		.canvas_home,
		.story_wrapper { 
			width: 100%;
			clear:both;
			display:block;
		}
			.canvas_home .container_24 .grid_8 { 
				width:30%;
			}
		.skill_box { min-height:115px; }
		.skill_box .skill_details div span.first,
		.skill_box .skill_details div span.second { display:initial; clear:none; }
		
		.story_definition h6 {
			position: relative;
			top: 2px;
			left: 10px;
			width: 180px;
			margin-left: 0;
			padding-bottom:20px;
			clear:none;
		}
		.form_format .form_field_block label, 
		.form_format .form_field_block label.default {
			width: 100%;
			padding-left: 15px;
			text-align: left;
			float: left;
			display: block;
			clear: left;
		}
	}
	@media all and (min-width: 321px) and (max-width: 480px) {
		/* Smartphone - Landscape */
		html, body {
			width: 100%;
			overflow-x: hidden;
		}
		
		#logo h1 { font-size:3em; }
		#logo h2.logo-subtitle { 
			font-size: 1.28em;
			width: 285px;
			letter-spacing: 0.04em;
		}
		
		.canvas_home,
		.story_wrapper,
		.canvas_home .container_24 {
			width: 100%;
			clear:both;
			display:block;
			margin:0;
			padding:0;
		}
			.container_24 .grid_12,
			.canvas_home .container_24 .grid_8,
			.canvas_home .container_24 .grid_9,
			.canvas_home .container_24 .grid_11,
			.canvas_home .container_24 .grid_12,
			.canvas_home .container_24 .grid_15,
			.canvas_home .container_24 .grid_16 { 
				width: 94%;
				clear:both;
				display:block;
				margin:0;
				padding:0;
				margin-left:3%;
			}
					
		.story_statement span { clear:none; display:initial; }
		.story_statement.story_definition { padding-left:5px; }
		.skill_box { min-height:115px; }
		.skill_box .skill_details div span.first,
		.skill_box .skill_details div span.second { display:initial; clear:none; }
		.skill_box.skill_researcher { margin-top:20px; }
		
		.story_wrapper .container_24 {
			padding-top: 20px !important;
			display: block;
		}
		.box_role.first { margin-top:15px; }
		.box_role.second { margin-bottom: 15px; }
		
		.story_definition h6 {
			position: relative;
			top: 2px;
			left: 10px;
			width: 150px;
			margin-left: 0;
			padding-bottom:20px;
			clear:none;
		}
		
		.form_format .form_field_block label, 
		.form_format .form_field_block label.default {
			width: 100%;
			padding-left: 15px;
			text-align: left;
			float: left;
			display: block;
			clear: left;
		}
	}
	@media all and (max-width: 320px) {
		/* Smartphone - Portrait */
		html, body {
			width: 100%;
			overflow-x: hidden;
		}
		/*#wrapper { width:100% !important; }*/
		
		#logo h1 { font-size:2.5em; }
		#logo h2.logo-subtitle {
			font-size: 1.0em;
			width: 240px;
			letter-spacing: 0em;
		}
		#main { display:none; }
		
		.canvas_home,
		.story_wrapper, { 
			width: 98%;
			clear:both;
			display:block;
		}
			.container_24 .grid_12,
			.canvas_home .container_24,
			.canvas_home .container_24 .grid_8,
			.canvas_home .container_24 .grid_9,
			.canvas_home .container_24 .grid_11,
			.canvas_home .container_24 .grid_12,
			.canvas_home .container_24 .grid_15,
			.canvas_home .container_24 .grid_16,
			footer .container_24 .grid_12 { 
				width: 94%;
				margin:0;
				padding:0;
				clear:both;
				display:block;
			}
		
		.story_wrapper .container_24 {
			padding-top: 20px !important;
			display: block;
		}
		/*.grid_8.first.align_center.skill_box.skill_researcher { margin-top: 20px !important; }*/
			
		.story_statement span { clear:none; display:initial; }
		.skill_box { min-height:90px; }
		.skill_box .skill_details div span.first,
		.skill_box .skill_details div span.second { display:initial; clear:none; }
		
		.box_role.first { margin-top:15px; }
		.box_role.second { margin-bottom: 15px; }
		
		.story_definition h6 {
			position: relative;
			top: 10px;
			left: 10px;
			width: 150px;
			margin-left: 0;
			clear:none;
		}
		.form_format .form_field_block label, 
		.form_format .form_field_block label.default {
			width: 100%;
			padding-left: 15px;
			text-align: left;
			float: left;
			display: block;
			clear: left;
		}
	}