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

body {
	background: url(../images/pattern-24-l.jpg);

}
	
#main {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	}
	
#box {
	margin: auto;
	
	}

#box .content {
	background: url(../images/lineback.jpg);
	padding-top: -50px;
	margin-top: -75px;
	width:800px;
	} 

#box .contentp {
	background: url(../images/lineback.jpg);
	padding-top: -50px;
	margin-top: -75px;
	width:800px;
	height:3000px;
	} 
	
#box .contentcv {
	background: url(../images/lineback.jpg);
	padding-top: -50px;
	margin-top: -75px;
	width:800px;
	height:1025px;
	} 

#box .head {
	background: url(../images/head2.png);
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
	height: 115px;
	}

#box .foot {
	height: 65px;
	width: 800px;
	background: url(../images/foot.png);
	}
	
#cv {
	padding-left: 30px;
	}

#navigation {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-top: 15px;
	width: 425px;
	height:40px;
}

#navigation ul li {
	display: inline;
	margin-top: -15px;
}

#navigation ul li a {
	background: url(/images/home_btn.gif) no-repeat;
	width: 94px;
	height: 40px;
	margin-top: -15px;
	display: block;
	float: left;
}

#navigation ul li a:hover#nav_home,
#navigation ul li a#nav_home.active {
	background: url(../images/home_btn_active.gif) no-repeat;
}

#navigation ul li a#nav_blog {
	background: url(../images/blog_btn.gif) no-repeat;
}

#navigation ul li a:hover#nav_blog,
#navigation ul li a#nav_blog.active {
	background: url(../images/blog_btn_active.gif) no-repeat;
}

#navigation ul li a#nav_contact {
	background: url(../images/contact_btn.gif) no-repeat;
}

#navigation ul li a:hover#nav_contact,
#navigation ul li a#nav_contact.active {
	background: url(../images/contact_btn_active.gif) no-repeat;
}

#navigation ul li a#nav_portfolio {
	background: url(../images/portfolio_btn.gif) no-repeat;
}

#navigation ul li a:hover#nav_portfolio,
#navigation ul li a#nav_portfolio.active {
	background: url(../images/portfolio_btn_active.gif) no-repeat;
}

#navigation ul li a#nav_cv {
	background: url(../images/cv_btn.gif) no-repeat;
}

#navigation ul li a:hover#nav_cv,
#navigation ul li a#nav_cv.active {
	background: url(../images/cv_btn_active.gif) no-repeat;
	}

#name {
	background: url(../images/name.png) no-repeat;
	height: 70px;
	width: 450px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
}

#namecv {
	background: url(../images/namecv.png) no-repeat;
	height: 70px;
	width: 600px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
}
#contact_me {
	background: url(../images/contact.png);
	height: 70px;
	width: 350px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
}
	
#email {
	height: 28px;
	width: 492px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}

#samples {
	margin-top: 70px;
	margin-bottom: 0px;
	width: 800px;
	height: 300px;
}

#samples ul li {
	display: inline;
}

span {
	display: none;
}


#about {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 800px;
	height: 300px;
	}

#about.a {
	position: absolute;
	top: 0;
	right: 0;
	width: 65%;
	height: 100%;
	left: auto;
	}

#about.b {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width:100%;
	height: 50%;
	top: auto;
	}

#about.icons {
	position: absolute;
	left: 25%;
	right: auto;
	bottom: 60%;
	top: auto;
	width: 290px;
	height: 50px;
	}
	
#about.me {
	position: absolute;
	left: 40px;
	right: auto;
	bottom: auto;
	top: 0px;
	}
	
	
#twitter {
	margin-left: auto;
	margin-right: auto;
	
	}
	
#contact_info {
	margin-left: auto;
	margin-right: auto;
	height: 800px;
	width: 600px;
	}
	
fieldset {
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#comments {
	position: absolute;
	padding-top: 10px;
	}

input {
	margin-left: 4em;
	line-height: 1.4em;
	display: inline;
	}
	
#commentsall {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	height: 400px;
	width: 400px;
	}
	
input {
	margin-left: 30px;
	}
	
#legend {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	}

commentsall.name {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
	
	
#portfolio {
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	width: 800px;
	height: 1250px;
}

#portfolio_title {
	height: 70px;
	width: 273px;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	}

	
#portfolio ul li {
	display: inline;
	}

#copyright {
	font-fa
	}
	
#bottom {
	margin-bottom: 0;
	}