/* CSS Copyright Ian Egner, all rights reserved */

/* TOUCAN CSS RESET | 2.0 */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
summary{margin:0 0 .75em;}
html{font-size:100%;}
body{font-family:"georgia",serif;line-height:1.5;margin:0;}
h1{font-size:1.9em;line-height:1.1;margin:0 0 .25em; font-weight: 500;}
h2{font-size:1.5em;line-height:1.15;margin:0 0 .375em; font-weight: normal;}
h3{font-size:1.5em;line-height:1.2;margin:0 0 .5em; font-weight: normal;}
h4,h5,h6{font-size:1em;margin:0 0 .75em; font-weight: normal;}
blockquote,q,cite{font-style:italic;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;content:"";}
pre{white-space:pre-wrap;word-wrap:break-word;}
code,kbd,pre,samp,tt,var{font-family:"menlo","monaco","consolas","courier new",monospace;font-style:normal;line-height:normal;}
abbr,acronym,dfn{border-bottom:1px dotted;cursor:help;font-style:normal;font-variant:normal;}
a:focus{outline:1px dotted;}
img{border:0;}
ul,ol{padding:0;}
li{margin:0;}
li ul,li ol{margin:0;}
hr{border:0;border-bottom:1px solid;}
big{font-size:1.25em;}
small,sub,sup{font-size:.875em;}
sub,sup{line-height:1;}
sub{vertical-align:bottom;}
sup{vertical-align:top;}
del,s,strike{text-decoration:line-through;}
ins{border-bottom:1px dotted;text-decoration:none;}
mark{background:#ff0;color:#000;}
u{text-decoration:underline;}
fieldset{border:1px solid;padding:1em;}
legend{font-weight:bold;padding:0 .25em;}
input,textarea,select,button{font-family:inherit;font-size:1em;line-height:normal;}
input[type=button],input[type=image],input[type=reset],input[type=submit],button[type=button],button[type=reset],button[type=submit]{cursor:pointer;}
table{border:0;border-collapse:collapse;border-spacing:0;}
th,td{border:1px solid;padding:.25em .5em;}
caption{padding:0 0 1em;}
audio,canvas,details,figure,video,address,blockquote,dd,dl,fieldset,form,hr,menu,ol,p,pre,q,table,ul{margin:0 0 1.25em;}
b,strong,dt,th{font-weight:bold;}
textarea,caption,th,td{text-align:left;vertical-align:top;}


html{

}

body{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
   text-align: center;
}

#wrapper{
text-align: left;
width: 100%;
margin-top: 8%;
}

header{
float: left;
margin-left: 5%;
width: 15.5%;
border-right: solid #fff 1px;
padding-right: 1em;
}

h1{
margin-left: 8%;
margin-bottom: 30px;
}

nav{
height: 560px;
}

nav ul{
list-style: none;
margin: 1em 0 0 1em;
}

nav ul li{
font-size: 1.2em;
margin-bottom: 0em;
}

h4{
	font-size: 1.4em;
	margin: 1.8em 0 0.8em;
	font-weight: 600;
}

nav ul li a, a#h{
color: #000000;
text-decoration: none;
}

nav ul li a:hover, a#h:hover{
text-shadow: 0px 0px 1px #b3b3b3;
filter: dropshadow(color=#b3b3b3, offx=0, offy=0);
}

a.active{
font-weight: 600;
}

section{
float: left;
margin: 3em 0 0 3.5%;
height: 525px;
overflow-x: auto;
width: 74%;
}

article{
display: none;
width: 4900px;
height: 500px;
}

article#home{
	display: block;
	width: 900px;
}

#a{width:540px;}
#b{width:3415px;}
#c{width:3517px;}
#d{width:3940px;}
#e{width:8000px;}
#f{width:540px;}

.intro{
width: 240px;
text-align: justify;
float: left;
margin-right: 25px;
}

.introwide{
width: 340px;
text-align: left;
float: left;
margin-right: 25px;
}

.intro h2{

}

.intro p, .introwide p{
font-size: 0.9em;
}

article img{
height: 500px;
margin-right: 25px;
float: left;
background: #f5f5f5 50% 50% url('images/loader.gif') no-repeat;
}

footer{

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}