/* Less Framework 4
http://lessframework.com
License: http://creativecommons.org/licenses/MIT/ */


/* Resets
------ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}

a img {
border: 0;
}
 br {
	line-height:24px;
}

/* Typography presets
------------------ */
h1 {
font-size: 48px;
line-height: 72px;
margin-bottom: 36px;
color: #343A4A;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
h2 {
font-size: 32px;
line-height: 48px;
color: #343A4A;
margin-bottom: 24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
h3 {
font-size: 24px;
line-height:24px;
color: #EA4839;
font-weight: bold;
margin-bottom: 24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
h4 {
font-size: 20px;
line-height:12px;
color: #343A4A;
font-weight: bold;
margin-bottom: 36px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
text-shadow:#FFFFFF 0 1px 1px;
}
#equal
{
	background: url('/images/equal.png') no-repeat;
 	background-position: 0px 0px;
	width:224px;
	height:37px;
	cursor: pointer;
	margin-top: 24px;
	margin-left: 314px;
}
.twitter {
	margin-top:-32px;
	margin-bottom: 12px;
}
.img_a, #credits a { border: 0;}
#credits { float: right; margin-top: -40px;}
div #preload { display: none; }
#instructions
{
	font-size: 16px;
	line-height: 48px;
	background: url('/images/instructions_bg.png') no-repeat;
 	background-position: 0px 8px;
	width: 395px;
	padding-left: 10px;
	color:#20242F; 
	position: absolute; 
	margin-top:-93px; 
	right: 0;
	text-align: right;
	padding-top:19px;
	font-weight: bold;
	font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-shadow:#FFFFFF 0 1px 1px;
}
.st
{
	position: absolute;
	margin-left: 0px;
}
#results {
	font-size: 16px;
	line-height: 48px;
	color:#20242F; 
	text-align: right;
	padding-right: 12px;
	margin-top:-30px;
	font-weight: bold;
	font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	text-shadow:#FFFFFF 0 1px 1px;
}
#instructions h4 {
	font-size: 16px;
	padding-right: 144px;
	margin: 0;
}
#instructions a
{
	border-bottom:0px dotted #FFFFFF;
	cursor: pointer;
	margin-top:-1px;
}
.normal, body {
font: 16px/24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
}
.small {
font-size: 12px;
line-height: 24px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
color: #525252;
}

a {
color: #20242F;
text-decoration: none;
border-bottom:1px dotted #20242F;
}
a:hover {
color:#EA4839;
}
a:active {
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #20242F;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
label, input[type=button], input[type=submit], button {
cursor: pointer;
}
strong, th {
font-weight: bold;
}
.red{ color: #EA4839; }
td, td img {
vertical-align: middle;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
textarea {
overflow: auto;
}
.ie6 legend, .ie7 legend {
margin-left: -7px;
}
.hidden {
display: none;
visibility: hidden;
}
.clear {
clear: both;
}
/* Selection colours (easy to forget) */

::selection {
background: transparent;
}
::-moz-selection {
background: transparent;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body {
-webkit-tap-highlight-color: transparent;
}
a:link {
-webkit-tap-highlight-color: transparent;
}

/* Navigation */
header {
position: relative;
width: 896px;
}
nav {
width: 620px;
height: 48px;
float: right;
}
nav ul {
list-style: none;
float: right;
}
nav ul li {
display: inline;
margin-left: 24px;
font-weight: bold;
line-height: 28px;
font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
#content_bottom li {
	line-height: 24px;
}
/* Default Layout: 992px.
Gutters: 24px.
Outer margins: 48px.
Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols 1 2 3 4 5 6 7 8 9 10
px 68 160 252 344 436 528 620 712 804 896 */

body {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	color: rgb(80,80,80);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	height:100%;
	overflow: hidden;
	}
}
#container {
	position: absolute;
}
#content_top {
	position: relative;
	width: 853px;
	padding: 0px;
}
#content_bottom {
	position: relative;
	width: 896px;
	padding: 0px 48px 96px;
	color: rgb(80,80,80);
	margin: 0 auto;
}
/* Article */
article p, article pre {
margin-bottom: 24px;
line-height: 24px;
}
article code {
overflow: auto;
display: block;
}
article {
position: relative;
padding-bottom: 96px;
}
/* Section */
section h3 {
line-height: 48px;
}

#leftColumnHalf, .leftColumnHalf {
width: 406px;
float: left;
}
#skip
{
	margin-bottom:24px;
}
#rightColumnHalf, .rightColumnHalf {
width: 406px;
float: right;
}

#leftLink, #rightLink {
	display: block;
	width: 406px;
	height: 298px;
	float: left;
	position: absolute;
	z-index:100;
	text-decoration:none;
	border: #888888 solid 1px;
}

#rightLink:hover, #leftLink:hover {
	cursor: pointer;
	width: 406px;
	height: 298px;
	border: #EA4839 solid 1px;	
}

#pano_left, #pano_right {
	margin-top:2px;
	margin-left:2px;
	width: 406px;
	height: 298px;
	float: left;
}


