/*---[ Details ]---------------------------------------*/

/*-----------------------------------------------------
[01] Normalization
[02] HTML / Body
[03] Architecture
[04] Anchors
[05] Anchors
[06] Images
[07] Lists
[08] Tables
[09] HTML5
[10] Fonts
[11] Headings
[12] Classes
[13] Document Tags
[14] Content Tags
[15] Forms
[16] Mobile Media
[17] Print
-------------------------------------------------------*/

	
/* [01] Normalization
-------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, 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 {
 	background:								transparent;
	border: 								0;
	font-family: 							inherit;
	font-size: 								100%;
	font-style: 							inherit;
	font-weight: 							inherit;
	margin: 								0;
	outline: 								0;
	padding: 								0;
	vertical-align: 						baseline;
}  

body {
	line-height: 							1;
}

ol, ul {
	list-style: 							none;
}

table {
	border-collapse: 						collapse;
	border-spacing: 						0;
}

caption, th, td {
	font-weight: 							400;
	text-align: 							left;
}

input, select { 
	vertical-align: 						middle; 
}
	

/* [02] HTML / Body
-------------------------------------------------------*/
html{
	height:									100%; 
	margin:									0; 
	overflow:								hidden;
	padding:								0; 
	width:									100%; 
}

body {
	color:									#ffffff;
	cursor:									default;
	font: 									normal 62.5% "callunasans", "arial", "sans-serif", "fontin", "OldSansBlack"; /* 10px */
	height:									100%; 
    margin: 								0 auto;
	padding: 								;
    text-align: 							left; 
    width: 									*;
	-webkit-font-smoothing: 				subpixel-antialiased;	
}


/* [03] Architecture
-------------------------------------------------------*/
#foundation {
	background:								url(/images/space.gif);
	height:									100%;
	left:									0;
    margin: 								0;
	overflow:								auto;
	padding: 								0;
	position:								absolute;
	top:									0;
	width:									100%;
	z-index:								1;
}

#architect {
 	min-height:								20em;
	height:									auto !important;
  	height:									20em;
    padding: 								1em;
	width:									68em;
    margin: 								0 7em 0 0;
}


#grid {
	height:									100%;
    margin: 								0;
    padding: 								0;
	width:									100%;
	z-index:								2;
}

.background{
	left:									0;
    margin: 								0;
    padding: 								0;
	position:								fixed;
	position:								absolute !IE;
	top:									0;
	z-index:								-1;
}



/* [04] Omniverse
-------------------------------------------------------*/
#omniverse{
	height: 								100%;
	left: 									0;
	position: 								absolute;
	top:									0;
	width: 									100%;
	z-index:								1000;
}

#omnispace {
	background:								url(/images/space.gif);
	height: 								100%;
	left: 									0;	
	overflow:								auto;
	position: 								relative;
	top: 									0;
	width: 									100%;
	z-index:								1250;
}

#omnicontent {
	border: 								1px solid #333333;
   	min-height:								40em;
	height:									auto !important;
  	height:									40em;
	margin: 								0 auto;
	padding: 								0;
	width: 									70%;
}

.omniclose a {
	display: 								none;
	position: 								absolute;
	right: 									30px;	
	top: 									10px;
	z-index:								1500;
}


/* [05] Anchors
-------------------------------------------------------*/
a, a:link, a:visited, a:active {
	color:									#ff0000;
	background:								transparent;
	font-size:								100%; 
	margin:									0; 
	outline: 								none; 
	padding:								0; 
	text-decoration: 						none;
	vertical-align:							baseline; 
    -webkit-transition-duration:			.5s;
    -webkit-transition-property:			color;
    -webkit-transition-timing-function:		ease-in;
}

a:link { 
	-webkit-tap-highlight-color: 			#579cfa; 
} 

a:hover {
	background:								transparent;
	border-bottom:      					#ffffff 0.1em dotted; 	
    color: 									#5a7bab;
	font-size:								100%; 
	margin:									0; 
	outline: 								none; 
	padding:								0; 
    text-decoration: 						none;
    -webkit-transition-timing-function:		ease-out;
}


/* [06] Images
-------------------------------------------------------*/
img { 
	border:									none;
	display:								block;
	margin:									0;
	padding:								0;
	-ms-interpolation-mode: 				bicubic; 
}


/* [07] Lists 
-------------------------------------------------------*/
dl, ol, ul {
	margin:									0 0 0.5em 0;
	padding: 								0;
}

ol, ul {
	list-style-position: 					outside;
	padding: 								0 0 0 1em;
}

ol {
	list-style: 							decimal;
}

ul{ 
	list-style: 							square;
	zoom: 									1; 
}

ul:before, ul:after {
  content: 									"\0020"; 
  display: 									block; 
  height: 									0; 
  visibility: 								hidden;	
} 

ul:after { 
	clear: 									both; 
}

li {
	border:									1px transparent;
	margin: 								0 0 0.2em 0;
}

dt {
	font-weight: 							700;
}

dd {
	margin: 								0 0 0.5em 0;
}


	
/* [08] Tables
-------------------------------------------------------*/	
table { 
	border-collapse:						collapse; 
	border-spacing:							0; 
	height:									100%;
	width:									100%;
}

th { 
	font-weight: 							700; 
}

td{
	height:									100%;
	width:									100%;
	vertical-align: 						middle;
}

.fc-tbx td{
	width:									auto;
	height:									auto;
}

td img { 
	vertical-align: 						top; 
} 


/* [09] HTML 5
-------------------------------------------------------*/
article, aside, canvas, details, figcaption, figure,
header, hgroup, menu, nav, section, time, mark, audio, video { 
    display:								block;
	font-weight: 							400;
	line-height:							1.35;
    margin: 								0;
    padding: 								0;
	text-align:								justify;
}


/* [10] Fonts
-------------------------------------------------------*/







/* [11] Headings
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 							400;
	line-height: 							1;
    padding: 								0;
	word-wrap: 								break-word;
	letter-spacing:							0.125em;
}
h1 {
	font-size:	 							500%;
	margin: 								0 0 0.5em 0;
}
h2 {
	font-size: 								400%;
	margin: 								0 0 0.5em 0;
}
h3 {
	font-size: 								300%;
	margin: 								0 0 0.5em 0;
}
h4 {
	font-size: 								200%;
	margin: 								0 0 0.5em 0;
}
h5 {
	font-size: 								150%;
	margin: 								0 0 0.5em 0;
}
h6{
	font-size:								125%;
	margin: 								0 0 0.5em 0;
}


/* [12] Classes
-------------------------------------------------------*/
.left{
	float:									left;
}

.right{
	float:									right;
}

.center {
    margin-left:							auto;
    margin-right:							auto;
}

.leftmargin {
    float:									left;
    margin: 								0 0.5em 0 0;
}

.rightmargin {
    float:									right;
    margin: 								0 0 0 0.5em;
}

.clearfix { 
	zoom: 									1; 
}

.clearfix:before, .clearfix:after {
	content: 								"\0020"; 
	display: 								block; 
	height: 								0; 
	visibility: 							hidden;	
} 

.clearfix:after { 
	clear: 									both; 
}

.capitalize	{
	text-transform:							capitalize;
}

.lowercase	{
	text-transform:							lowercase;
}

.uppercase	{
	text-transform:							uppercase;
}

.black{
	background-color: 		transparent;
	background: 			rgb(0, 0, 0);
	background: 			rgba(0, 0, 0, 0.8);
    filter: 				progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000);   /* IE6 & 7 */
	-ms-filter: 			"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000,endColorstr=#E5000000)"; /* IE8 */
    zoom: 					1;
}

.white{
	background-color: 		transparent;
	background: 			rgb(255, 255, 255);
	background: 			rgba(255, 255, 255, 0.9);
    filter: 				progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);   /* IE6 & 7 */
	-ms-filter: 			"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF)"; /* IE8 */
    zoom: 					1;
}

.glass{
	background-color: 		transparent;
	background: 			rgb(184, 184, 184);
	background: 			rgba(184, 184, 184, 0.4);
    filter: 				progid:DXImageTransform.Microsoft.gradient(startColorstr=#66B8B8B8,endColorstr=#66B8B8B8);   /* IE6 & 7 */
	-ms-filter: 			"progid:DXImageTransform.Microsoft.gradient(startColorstr=#66B8B8B8,endColorstr=#66B8B8B8)"; /* IE8 */
    zoom: 					1;
}

.omnibackground{
	background: 			#000000;
}

/* [13] Document Tags
-------------------------------------------------------*/
hr { 
	border:									0; 
	border-top:								0.063em solid #ccc; 
	display:								block; 
	height:									0.0625em; 
	margin:									0.5em 0 0 0; 
	padding:								0; 
}


/* [14] Content Tags
-------------------------------------------------------*/
p {
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								100%;
	line-height:							1.5em;
	margin: 								1.5em;
	text-align:								justify;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}

.showcase p {
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
	font-size:								150%;
	line-height:							1.5;
	margin: 								0;
	text-align:								justify;
	-webkit-text-stroke: 					1em transparent;
	-webkit-font-smoothing: 				antialiased;
}


.kids .showcase img {
	width:									73.9em;
}

blockquote{
    border-left: 							0.063em solid #dddddd;
    display: 								block;
    font-size: 								100%;
    line-height: 							1.5;
    margin: 								0em 0em 2.5em 0em;
    padding: 								0em 0em 2.5em 0em;
}

blockquote p{
    padding: 								0 !important;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: 								"";
}

blockquote, q {
	quotes: 								"" "";
}

blockquote:before, blockquote:after{
    content: 								"";
    content: 								none;
}

cite{
	color: 									#ffffff;
	font-size:								100%; 
	font-weight: 							400;
	line-height: 							1.2;
	margin:									0;
	padding:								0 0.5em 0 0;
}

sub, sup{
    line-height: 							0;
    position: 								relative;
	font-size:								75%; 
}
sup{
    top: 									-0.5em;
}

sub{
    bottom: 								-0.25em;
}

legend{
	color:									#000000
}

.ie6 legend, .ie7 legend{
    margin-left: 							-0.5em;
}

address {
	font-size:								65%;
	font-style: 							normal;
	margin: 								0 0 0.5em 0;
}

pre { 
    border: 								0.063em dotted #B6B9B7;
    margin:									0em 1.25em 0em;
    overflow:								hidden;
  	padding: 								1em; 
 	white-space: 							pre; /* CSS2 */
 	white-space: 							pre-wrap; /* CSS 2.1 */
  	white-space: 							pre-line; /* CSS 3 (and 2.1 as well, actually) */
 	word-wrap: 								break-word; /* IE */
}

pre, code, kbd, samp { 
	font-family: 							Monaco, monospace, sans-serif; 
    font-size: 								0.75em !important;
    text-align: 							left;
}
ins{
    background:								#ff9;
    color:									#000000;
    text-decoration:						none;
}
mark{
    background:								#ff9;
    color:									#000000;
    font-style:								italic;
    font-weight:							400;
}
del{
    text-decoration: 						line-through;
}
abbr[title], dfn[title], acronym{
    border-bottom: 							0.063em dotted #555555;
    cursor:									help;
}
small { 
	font-size: 								75%; 
}
strong{ 
	font-weight: 							700;
}
code {
    color: 									#333333;
}

em {
    color: 									#ff0000;
	font-style:								normal;
}




	
/* [15] Forms
-------------------------------------------------------*/
* {
	margin: 								0;
  	padding: 								0;
}

form {
	margin: 								0 0 0.5em 0;
  	padding: 								0;
}

input, select, option, textarea{ 	
	color: 									#444444;
	font-family: 							"Share-Regular", Helvetica, Arial, sans-serif;
  	font-size: 								100%;
  	padding: 								0.4em;
  	-webkit-text-stroke: 					1em transparent;
}

input, select, button { 
	margin: 								0 0 0.25em 0;
	padding: 								0.125em;
	vertical-align: 						middle;
}

button {  
	overflow: 								visible; 
	width: 									auto; 
}

input{
	height:									1.7em;
	text-transform:							lowercase;
	width:									90%;
}

select{
	height:									1.7em;
	width:									50%;
}

textarea {
	display: 								inline;
	height:									6em;
	margin: 								0 0 0.25em 0;
	overflow-x:								hidden;
	overflow-y:								auto;
	padding: 								0.125em;
	vertical-align: 						top;
	width:									90%;
}

option {
	padding: 								0.125em;
}



input[type="image"] {
	outline: 								none; /* Removes dotted outline from Firefox anchors */
}

input[type="radio"], input[type="checkbox"] {
	vertical-align: 						text-top;
}

.ie7 input[type="checkbox"] { 
	vertical-align: 						baseline; 
}

.ie6 input { 
	vertical-align: 						text-bottom; 
}

label, input[type=button], input[type=submit], button{
	cursor: 								pointer;
}

input.chosen, input.forgotten{
  	height: 								1.7em;
}

select.chosen, select.forgotten{
  	height: 								1.7em;
	padding: 								0.125em;
}

textarea.chosen, textarea.forgotten {
 	min-height:								10em;
	height:									auto !important;
  	height:									10em;
	margin: 								0 0 0.25em 0;
	overflow-x:								hidden;
	overflow-y:								auto;
	padding: 								0.125em;
}


/*---backgrounds---*/
input.chosen, textarea.chosen, select.chosen{
	background: 							#ffffff;
}

input.forgotten, textarea.forgotten, select.forgotten{
	background: 							#ffffff;
}


/*---border---*/
input.chosen, textarea.chosen,  select.chosen{	
	border-bottom: 							0;
	border-left: 							0;
	border-right: 							0.3em solid #c3ac78;
	border-top: 							0;
}

input.chosen:focus, textarea.chosen:focus, select.chosen:focus{	
	border-bottom: 							0;
	border-left: 							0;
	border-right: 							0.3em solid #555555;
	border-top: 							0;
}

input.forgotten, input.forgotten:focus{	
	border-bottom: 							0;
	border-left: 							0;
	border-right: 							0.3em transparent;
	border-top: 							0;
}


/*---focus---*/
input.chosen:focus, input.forgotten:focus, textarea.chosen:focus, textarea.forgotten:focus, select.chosen:focus, select.forgotten:focus{
	background: 							#999999;
}


/*---errors---*/
input.error, input.chosen.fc-field-error, input.forgotten.fc-field-error, textarea.error,  select.error, input.fc-field-error, input:focus.fc-field-error{
	background: 							#ffffff;
	border-bottom: 							0;
	border-left: 							0;
	border-right: 							0.3em solid #d31117;
	border-top: 							0;
}


textarea.fc-field-error, textarea:focus.fc-field-error{
	background: 							#ffffff;
	border-bottom: 							0;
	border-left: 							0;
	border-right: 							0.3em solid #d31117;
	border-top: 							0;
	overflow-x:								hidden;
	overflow-y:								auto;
}


/* [16] Mobile Media
-------------------------------------------------------*/
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* no mobiletext-optimize 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/* [17] Print
-------------------------------------------------------*/
@media print {
* {
	background: 							transparent !important; 
	color: 									#444 !important; 
	text-shadow: 							none !important;
}
a, a:visited { 
	color: 									#444 !important; 
	text-decoration: 						underline; 
}
a:after { 
	content: 								" (" attr(href) ")"; 
} 
abbr:after { 
	content: 								" (" attr(title) ")"; 
}
pre, blockquote { 
 	border: 								0.063em solid #999; 
	page-break-inside: 						avoid; 
}
thead { 
	display: 								table-header-group; 
}
 
tr, img { 
	page-break-inside: 						avoid; 
}
@page { 
	margin: 								0.5em; 
}
p, h2, h3 { 
	orphans: 								3; 
	widows: 								3; 
}
h2, h3{ 
	page-break-after: 						avoid; 
}
}