* {margin: 0; padding: 0;} ul, li {list-style: none;} img {border:none;} a {text-decoration:none; outline: none;} html, body {height:100%; width:100%;}
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}
a {color: #000;}
.typekit-badge {display: none !important; }
body {background: #fff; font:62.5% normal;	color:#a0a0a0; font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;}

h1, h2, ul#nav { font-family: "share-regular-1","share-regular-2", "Gill Sans", Helvetica, Arial, sans-serif;} 

.fade0, .fade1 {display: none;}

/* Right */
div#right_col {height:100%; position: fixed; right:0; top:0; width:310px; border-left:1px solid #a0a0a0; padding: 0 20px; background: #fff}

  div#right_col h1 {font-size: 2.8em; position: absolute; bottom:300px; right:154px; font-weight: lighter; color:#838383;}

  div#social {position: absolute; right:33px; bottom: 303px;}
	div#social a {margin-left:6px;}

div#welcome {position: fixed; bottom:50px; right: 30px; width:290px;}
  div#welcome p {font-size: 1.3em; line-height: 150%; margin-bottom: 20px; }
	div#welcome a {color:#a0a0a0; text-decoration: underline;}
	div#welcome a:hover {text-decoration: none;}

div#welcome_text {height:227px; }

div#blue_swatch {display: block; width:4px; height:21px; background:#15b2d5; position: absolute; bottom: 306px; right: 346px}


/* Nav */
div#nav_col {height:100%; width:150px; position: fixed; right:351px; bottom:0; background: #fff;}

div#nav_wrp {width:130px; text-align: right; position: fixed; bottom:175px; right: 378px; }
  ul#nav {font-size:1.6em;}
    ul#nav li {margin-bottom: 3px; display: block;}
  	  ul#nav li a {color:#a0a0a0; display: block; padding:1px 4px 1px 0; }
	  ul#nav li a:hover, ul#nav li a.current {text-decoration: none; color:#15b2d5;}




/* Left */
div#left_col {width:450px; margin: 20px 0 20px 40px; }

	div#titleWrp {width:600px; margin-top: 100px; position: absolute; z-index: 1000;}
		div#titleWrp h1 {font-size:5em; font-weight:lighter; color:#a0a0a0;}
		div#titleWrp h1 span {letter-spacing: 0.02em;}
/* Projects */
div.project_wrp {width:450px; padding-bottom:40px; margin-bottom: 40px; border-bottom:1px solid #c3c3c3; overflow: hidden;}
  div.project_wrp h1 {font-size:1.8em; margin-bottom: 5px; font-weight: normal; color:#838383; letter-spacing:0.02em;}
  div.project_wrp img {border:1px solid #a0a0a0; width:448px;}

	img.i_pic {display: none;}

div.proj_left {width:240px; float:left;}
div.proj_right {width:160px; float:right;}
	div.proj_col h2 {font-size:1.2em; text-transform:uppercase; margin:20px 0 0 0; font-weight: normal; color:#838383;}
	div.proj_col p {font-size:1.1em; margin: 0 0 4px 0 !important;}
	div.proj_col a {color:#a0a0a0; text-decoration: underline;}
	div.proj_col a:hover {color:#15B2D5; }	
	
	
div.exp_left {width:100%;}
	

/* Contact */
div#contact {margin-top: -10px;}
input.txt_box {width: 175px; padding: 0.2em; font-size:1em; color:#666; border:1px solid #a0a0a0; margin-bottom: 9px;}
textarea#message {font-family: Helvetica, Arial, sans-serif; font-size:1.1em; padding: 0.2em; width: 175px; height: 60px; color:#666; border:1px solid #a0a0a0;}
input#submit {margin-top: 9px;}