@charset "UTF-8";

@font-face {
  font-family: "Helvetica Neue Light";
  src: url("HelveticaNeueLight.ttf");
}

@font-face {
  font-family: "Helvetica Neue";
  src: url("HelveticaNeue.ttf");
}


html,body,form,div,ul { padding:0px; margin:0px; }
img { border:none; }
a { outline:none; }
p,h1,h2,h3,h4,h5 { padding:0.5em 0px; margin:0px; }

html, body {
	background-color: #F0F0F0;
}

#container {
	width:960px;
	margin:0px auto;
	background-color:#F0F0F0;
	padding:0px 0px 40px 0px;
}

#page-hello {
	padding:30px 0px 20px 0px;
}

#page-hello div.links {
	clear:both;
	width:810px; 
	margin:30px auto 0px auto;
	background-color:#fff;
	height:55px;
}

#page-hello div.links ul {
 	list-style:none;
	padding-left:40px;
}

#page-hello div.links ul li {
 	float:left;
	padding:16px 33px 0px 33px;
}

#work-arrow {
	position:absolute;
	margin:20px 0px 0px -186px;
}

#page-hello .top, #page-hello .contact {
	width:700px;
	margin:0px auto;
}

#page-hello .hello {
	float:left;
	padding:50px 0px 10px 0px;
}

#page-hello .contact {
	clear:both;
	padding:0px;
}

#page-hello .pics  {
	font-size:0px;
	width:40%;
	float:right;
	text-align:right;
}

#page-hello .pics img {
	margin:10px;
}

#page-portfolio {
	background:url(../images/portfolio-back.png) no-repeat;
	width:699px;
	height:165px;
	margin:0px auto 50px auto;
	padding:50px 50px 0px 60px;
}

#page-portfolio div.controls {
	float:right;
	padding-top:10px;
	width:50px;
	margin-left:20px;
}

#page-portfolio div.controls p {
	padding:0.3em 0;
}

#page-portfolio div.item {
	margin-top:5px;
	color:#aaa;
	font-family:"Helvetica Neue Light",Helvetica, Arial, sans-serif;
	font-size:13px;
}

#page-portfolio div.item>a>img {
	float:left;
	border:5px solid #fff;
	margin-right:30px;
	width:150px;
	height:100px;
}

#page-portfolio div.item div.info {
	width:220px;
	float:left;
	min-height:150px;
	max-height:150px;
	overflow:hidden;
	margin-right:40px;
}

#page-portfolio div.item div.info h1 {
	font-size:14px;
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#fff;
	font-weight:normal;
}

#page-portfolio div.item div.tech {
}

#page-portfolio div.item div.tech h1 {
	font-size:13px;
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#000;
	font-weight:normal;
	padding:0.7em 0 0.2em 0;
}

#page-portfolio div.item div.tech p {
	padding-top:0.3em;
}

#page-portfolio div.item div.tech p.link a {
	font-size:13px;
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#fff;
	text-decoration:none;
}

#page-portfolio div.item div.tech p.link a:hover {
	border-bottom:2px solid #E80F0F;
}

#page-about {
	background:url(../images/about-back.png) no-repeat;
	height:433px;
	padding-top:40px;
}

#page-about div.title {
	width:416px;
	height:33px;
	background-color:#fff;
	margin:0px 0px 15px 122px;
	padding:15px 0px 0px 27px;
}

#page-about div.text {
	font-family:"Helvetica Neue Light",Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#333;
	width:650px;
	line-height:125%;
	margin-left:136px;
}

#page-about div.text strong {
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#000;
	font-weight:normal;
}

#page-about img.top {
	float:right;
	margin:5px 230px 0px 0px;
}

#page-skills {
	background:url(../images/skills-back.png) no-repeat;
	height:433px;
	padding-top:50px;
}

#page-skills img.skills {
	position:absolute;
	margin:-110px 0px 0px 620px
}

#page-skills div.title {
	width:416px;
	height:33px;
	background-color:#fff;
	margin:0px 0px 55px 373px;
	padding:15px 0px 0px 27px;
}

#page-skills img.top {
	margin:-40px 0px 20px 180px;
}

#page-skills div.text {
	font-family:"Helvetica Neue Light",Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#333;
	width:650px;
	line-height:125%;
	margin-left:186px;
}

#page-skills div.text strong {
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#000;
}

#page-skills div.text table {
	font-size:12px;
	margin:5px 0px 5px 0px;
}

#page-skills div.text table strong {
	font-size:13px;
	color:#000;
	font-weight:normal;
}

div.text a {
	color:#000;
	border-bottom:2px solid #E80F0F;
	text-decoration:none;
}

div.text a:hover {
	border-bottom-color:#000;
}

div.item div.magnify {
	display:none;
	position:absolute;
	border:5px solid #fff;
	margin:-215px 0px 0px -60px;
	overflow:hidden;
}

div.item div.magnify p.close {
	margin-top:-20px;
	font-size:30px;
}

#footer {
	font-family:"Helvetica Neue Light",Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#333;
	text-align:center;
	padding:10px 0px;
}

#andi-pic {
	text-decoration:none;
}

#ryan-pic {
	text-decoration:none!important;
}