/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset CSS */

body
{
	font-size: 62.5%; 
	font-family: helvetica, arial, serif; 
	color: #a2c6ef;
	background-position: center;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin: 0;
}

p
{
font-size: 1.3em;
line-height: 1.4em;
color: #666666;
}

h1
{
}

h2
{	
/* font-family: 'Droid Serif', arial, sans-serif; */
}

h3
{
}

h4
{
}

a:link 
{
color: #a2c6ef;
font-weight: bold;
text-decoration: none;
}

a:visited 
{
color: #a2c6ef;
font-weight: bold;
text-decoration: none;
}

a:hover 
{
color: #B8D9FF;
font-weight: bold;
text-decoration: underline;
}

a:active 
{
font-weight: bold;
text-decoration: none;
}

#container
{
width: 80em;
margin: 2em auto 0 auto;
}

#logo
{
}

.header
{
margin: 2em auto 0 auto;
width: 80em;
}

.big_idea
{
font-size: 8.4em;
font-weight: bold;
line-height: 110%;
}

.contact_menu
{
font-size: 4.8em;
font-weight: bold;
padding-top: .5em;
}

.contacts
{
padding-top: .5em;
}

.contacts li
{
font-size: 1.8em;
font-weight: bold;
padding-right: 1.4em;
display: inline;
}

.projects
{
float:left;
margin-top: 2em;
margin-bottom: 1em;
}

.projects img
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a2c6ef;
  }
  
.description
{
padding: 1em 0;
}

/* START VERTICAL SCROLL STYLES */
/* root element for scrollable */
.vertical {  
	
/* required settings */
position:relative;
overflow:hidden;	

/* vertical scrollers have typically larger height than width */	
height: 55em;	 
width: 80em;
/* 	border-top:1px solid #a2c6ef;	 */
}

/* root element for scrollable items */
.items {	
position:absolute;

/* this time we have very large space for height */	
height:20000em;	
margin: 0px;
}

.items img
{
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a2c6ef;
}

/* single scrollable item image + text */
.item {
/* 	border-bottom:1px solid #a2c6ef; */
margin:1em 0;
padding: 1.5em 1em 1em 0;
font-size:1.2em;
height:55em;
width:65em;
}

/* elements inside single item */
.item img 
{
float:left;
margin-right:2em;
height:450px;
width:302px;
}

/* single scrollable item image only */
.full-spread {
/* 	border-bottom:1px solid #a2c6ef; */
margin:1em 0;
padding: 1.5em 1em 1em 0;
font-size:1.2em;
height:55em;
}

/* Full image inside single item */
.full-spread img {
float:left;
margin-right:2em;
height:450px;
width:800px;
}

.item h3 {
margin:0 0 5px 0;
font-size: 1.6em;
color: #a2c6ef;
}

/* the action buttons above the scrollable */
.actions {
width:80em;
}

.actions a 
{
color: #e9c641;
font-size:1.2em;		
cursor:pointer;
}

.actions a:hover 
{
text-decoration:underline;
font-weight: normal;
}

.disabled 
{
visibility:hidden;		
}

.next {
color: #e9c641;
float:right;
}	
/* END VERTICAL SCROLL STYLES */

#draggable 
{ 
width: 150px; height: 150px; padding: 0.5em; }

.footer
{
margin: 2em auto 0 auto;
width: 80em;
height: 1.8em;
}

.copyright
{
font-size: 1.2em;
color: #a2c6ef;
padding:.3em;
}


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

img
{
}
*/

/* End CSS Document */