@charset "utf-8";
/* CSS Document */

#container {
	width:1000px;
	height:100%;
	margin:10px auto 0 auto;
}

#mobile #container {
	width:600px;
	height:100%;
	margin:10px auto 0 auto;
}
.logo {
	padding-top:4px;
	float:left;
	height:46px;
	padding-left:10px;
}

/*menu*/

.left-curve {
	height:50px;
	width:10px;
	float:left;
	background:url(../images/menu-left-curve.gif) no-repeat;
	padding-bottom:15px;
}

.right-curve {
	height:50px;
	width:10px;
	float:left;
	background:url(../images/menu-right-curve.gif) no-repeat;
	padding-bottom:15px;
}

.main-nav {
	height:29px;
	width:872px;
	float:left;
	padding:15px 0 15px 0;
}

#mobile .main-nav {
	height:29px;
	width:472px;
	float:left;
	padding:15px 0 15px 0;
}

.main-nav ul {
	float:right;
}

.main-nav-spacing, .main-nav-spacing-new {
	padding-right:20px;
	float:left;
}

.main-nav-spacing-new {
	padding-right:20px;
	width:80px;
}

/*content*/

.content {
	clear:both;
	padding:0 10px 20px 10px;
}

.top-curve {
	clear:both;
	background:url(../images/content-curve-top.gif) no-repeat top;
	height:10px;
}
#mobile .top-curve {
	clear:both;
	background:url(../images/mobile-top-curve.gif) no-repeat top;
	height:9px;
}

#mobile .bottom-curve {
	background:url(../images/mobile-bottom-curve.gif) no-repeat top;
	height:9px;
	clear:both;
	padding-bottom:10px;
}
.bottom-curve {
	background:url(../images/content-curve-bottom.gif) no-repeat top;
	height:10px;
	clear:both;
	padding-bottom:10px;
}

/*portfolio*/

.project {
	width:400px;
	float:left;
	padding:10px 40px 20px 40px;
	margin-right:7px;
}

.project-thumb {
	width:400px;
	text-align:center;
	padding-bottom:10px;
}

#portfolio h4 {
	padding:6px 0px 6px 0px;
}

#about h3 {
	padding:6px 0px 6px 0px;
}

#about .skills-list li {
	padding:2px 0px 2px 0px;
}

#portfolio .content {
	height:1300px;
}

#portfolio2 .content {
	padding:0 10px 0px 10px;
}
/*about */
.follow {
	width:520px;
	margin:0 auto 0 auto;
}

.follow img {
	margin-right:25px;
	float:left;
}

#about .content {
	height:600px;
}
#about .follow a:link img {
	opacity:0.7;
	filter:alpha(opacity=70);	} 
#about .follow a:hover img{
	opacity:1;
	filter:alpha(opacity=100);	}

/*footer*/

#mobile .footer {
	height:35px;
	width:580px;
	float:left;
	padding-top:10px;	
}

.footer {
	height:35px;
	width:980px;
	float:left;
	padding-top:10px;	
}

.footer ul li {
	float:left;
	padding-left:5px;
}

.copyright {
	float:right;
	padding-right:20px;
}

.left-curve-small {
	height:35px;
	width:10px;
	float:left;
	background:url(../images/footer-left-curve.gif) no-repeat;
}

.right-curve-small {
	height:35px;
	width:10px;
	float:left;
	background:url(../images/footer-right-curve.gif) no-repeat;
}

.browser-icon {
	padding:0 20px 10px 0;
}