*
{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
}

html,
body
{
	font-family: "Myriad Pro", Arial, Verdana;
	font-size: 0px;
    color: #666666;
    background-color: #F6F6F6;
    overflow-y: scroll;
}

/*#head
{
	position: absolute;
	
	top:		0px;
	left:		0px;
	right:		0px;
	height:		92px;
	
	background-color: #000000;
	
	z-index: 2;
	
	-moz-box-shadow:		0 4px 4px rgba(102,102,102,0.3);
	-webkit-box-shadow:		0 4px 4px rgba(102,102,102,0.3);
	box-shadow:				0 4px 4px rgba(102,102,102,0.3);
}*/

#head
{
	position: fixed;
	
	top:		0px;
	left:		0px;
	right:		0px;
	height:		48px;
	
	background-color: #F8F8F8;
	
	z-index: 2;
	
	-moz-box-shadow:		0 4px 4px rgba(102,102,102,0.3);
	-webkit-box-shadow:		0 4px 4px rgba(102,102,102,0.3);
	box-shadow:				0 4px 4px rgba(102,102,102,0.3);
}

#head-inner
{
    position: relative;
	width: 90%;
    min-width: 700px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}


#head-logo
{
    position: absolute;
    top: 8px;
    left: 8px;
    height: 32px;
    width: 192px;
}

#head-tabs
{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    list-style-type: none;
    padding:0px;
    margin: 0px;
}

#head-tabs > li
{
    display: inline-block;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
}

#head-tabs > li > a
{
    display: inline-block;
    line-height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    text-decoration: none;
    color: #666666;
    font-size: 14px;
}

#head-tabs > li.active,
#head-tabs > li:hover
{
    background-color: #E7E7E7;
    color: #000000;
}

/*#head-tabs
{
	position:			absolute;
	
	top:				92px;
	
	width:				100%;
    min-width: 700px;
	
	font-size:			0px;
	text-align:			center;
}

#head-tabs > div
{
	display:			inline-block;
	width:				192px;
	height:				28px;
	
	background-color:	rgba(0,0,0,0.75);
	
	color:				#999999;
	font-size:			18px;
	text-align:			center;
	
	margin-left:		4px;
	
	cursor:				pointer;
	
	-webkit-border-bottom-right-radius:		16px;
	-webkit-border-bottom-left-radius:		16px;
	-moz-border-radius-bottomright:			16px;
	-moz-border-radius-bottomleft:			16px;
	border-bottom-right-radius:				16px;
	border-bottom-left-radius:				16px;
	
	-moz-box-shadow:		4px 4px 16px rgba(102,102,102,0.5);
	-webkit-box-shadow:		4px 4px 16px rgba(102,102,102,0.5);
	box-shadow:				4px 4px 16px rgba(102,102,102,0.5);
}

#head-tabs > div.active
{
	background-color:		#000000;
	color:					#FFFFFF;
}*/

/* scroll container */
#main
{
	position: absolute;
	top: 48px; /*92px;*/
	left: 0px;
	right: 0px;
	bottom: 0px;
	
	/*overflow-x: auto;
    overflow-y: scroll;*/
	
	z-index: 1;
}

/* paper */
#main-inner
{
	/* center on page */
	width: 90%;
    min-width: 700px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	
	/* margins inside paper */
	padding-top:			64px;
	padding-left:			64px;
	padding-right:			64px;
	padding-bottom:			64px;
	
	/* spacing above and under paper */
	margin-top:				24px;
	margin-bottom:			32px;
	
    background-color: #FFFFFF;

	/* shadows & border */
	-moz-box-shadow:		4px 4px 16px rgba(102,102,102,0.5);
	-webkit-box-shadow:		4px 4px 16px rgba(102,102,102,0.5);
	box-shadow:				4px 4px 16px rgba(102,102,102,0.5);
}

@media (max-width: 1024px)
{
    #main-inner
    {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.header
{
	font-size:			36px;
	font-weight:		normal;
	color:				rgb(247,150,70);
    padding: 8px;
}

.subheader
{
	margin-top:			32px;
	font-size:			30px;
	font-weight:		normal;
	color:				rgb(247,150,70);	/*rgb(80,80,80);*/
    padding: 8px;
}

.subsubheader
{
	margin-top:			32px;
	font-size:			24px;
	font-weight:		normal;
	color:				rgb(247,150,70);	/*rgb(80,80,80);*/
	/*padding-left:		8px;*/
    padding: 8px;
}

.text
{
    font-size: 18px;
    display: inline-block;
    width: 100%;
	/*margin-top:			16px;*/
	/*padding-left:		8px;*/
    padding: 8px;
    vertical-align: top;
}

@media (max-width: 1024px)
{
    .header
    {
        font-size: 32px;
    }

    .subheader
    {
        font-size: 28px;
    }

    .text
    {
        font-size: 14px;
    }
}

.text.half
{
    width: 50%;
}

@media (max-width: 1024px)
{
    .text.half
    {
        width: 100%;
    }
}


.image
{
    display: inline-block;
    width: 100%;
    padding: 8px;
    vertical-align: top;
}

.image.half
{
    width: 50%;
}

@media (max-width: 1024px)
{
    .image.half
    {
        width: 100%;
    }
}



.note
{
	margin-top:			8px;
	/*color:				#666666;*/
	font-style:			italic;
    font-size: 14px;
	/*padding-left:		8px;*/
    padding: 8px;
}

pre
{
	/*margin:				8px 0px 0px 8px;*/
    margin: 8px;
	padding:			8px 8px 8px 16px;
	font-family:		Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;
	font-size:			14px;
	/*background-color:	#FFF8DC;*/ /*rgb(238, 238, 238);*/
    background-color:   #F6F6F6;
	border:				1px solid rgb(204, 204, 204);
	
	tab-size:			2;
	-moz-tab-size:		2;	/* Code for Firefox */
	-o-tab-size:		2;	/* Code for Opera */
    overflow-x:         auto;
}

@media (max-width: 1024px)
{
    pre
    {
        font-size: 12px;
    }
}