*
{
	margin:auto;
}
body
{
	background:#ffffff;
	margin:auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p
{
	color: #054B78;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a
{
	color: #054b78;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color: #ffffff;
}
ul
{
	color: #054B78;
}
li
{
	color: #054B78;
}
#container
{
	width: 850px;
	height: 586px;
	background:#ff0000;
}
#photo
{
	width: 452px;
	height: 586px;
	background: #ffffff url('../img/myphoto.jpg') no-repeat;
	float:left
}
#name
{
	width: 398px;
	height: 98px;
	background: #ffffff url('../img/name.jpg') no-repeat;
	float:right
}
#nav
{
	width: 398px;
	height: 488px;
	background: #545454;
	float: right;
}
#nav ul
{
	display: block;

}
#nav ul li
{
	display: block;

}
#nav ul li.sel
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/homenavover.jpg') no-repeat;
	float: right
}
#nav ul li a.home
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/homenav.jpg') no-repeat;
	float: right
}
#nav ul li a.home:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/homenavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selhome
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/homenavover.jpg') no-repeat;
	float: right
}


#nav ul li a.about
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/aboutnav.jpg') no-repeat;
	float: right
}
#nav ul li a.about:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/aboutnavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selabout
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/aboutnavover.jpg') no-repeat;
	float: right
}
#nav ul li a.expertise
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/expertisenav.jpg') no-repeat;
	float: right
}
#nav ul li a.expertise:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/expertisenavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selexpertise
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/expertisenavover.jpg') no-repeat;
	float: right
}
#nav ul li a.lab
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/labnav.jpg') no-repeat;
	float: right
}
#nav ul li a.lab:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/labnavover.jpg') no-repeat;
	float: right
}
#nav ul li a.sellab
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/labnavover.jpg') no-repeat;
	float: right
}
#nav ul li a.portfolio
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/portfolionav.jpg') no-repeat;
	float: right
}
#nav ul li a.portfolio:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/portfolionavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selportfolio
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/portfolionavover.jpg') no-repeat;
	float: right
}
#nav ul li a.blog
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/blognav.jpg') no-repeat;
	float: right
}
#nav ul li a.blog:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/blognavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selblog
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/blognavover.jpg') no-repeat;
	float: right
}
#nav ul li a.resume
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/resumenav.jpg') no-repeat;
	float: right
}
#nav ul li a.resume:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/resumenavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selresume
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/resumenavover.jpg') no-repeat;
	float: right
}
#nav ul li a.contact
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/contactnav.jpg') no-repeat;
	float: right
}
#nav ul li a.contact:hover
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/contactnavover.jpg') no-repeat;
	float: right
}
#nav ul li a.selcontact
{
	width: 398px;
	height: 61px;
	background: #ffffff url('../img/contactnavover.jpg') no-repeat;
	float: right
}

#contentback
{
	width: 100%;
	height: auto;
	background: #E2CFC0;
	position: absolute;
}

#content
{
	width: 850px;
	height: auto;
	background: #E2CFC0;
	margin-bottom: 20px;
}
#sidebar
{
	width: 228px;
	height: auto;
	background: #E2CFC0;
	float: left;
}
#sidenav
{
	width: 225px;
	height: auto;
	float: left;
}
#sidenav ul
{
	display: block;
	margin-left: 0px;
	padding-left: 0px;
}
#sidenav ul li
{
	width: 225px;
	height: 50px;
	list-style-type: none;
	border-bottom: 1px dashed #000000;
	line-height: 20px;
}
#sidenav ul li a
{
	width: 225px;
	height: 50px;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
#sidenav ul li a:hover
{
	color: #999999;
	width: 225px;
	height: 50px;
}
.navpunch
{
	color: #999999;
	font-style: italic;
	font-size: 11px;
}
.current
{
	color: #999999;
}
#tweet
{
	width: 228px;
	height: 220px;
	float:left;
	background: #E2CFC0 url('../img/tweet.jpg') no-repeat;
}
#twitter_update_list
{
	width: 200px;
	height: 180px;
	margin-top: 70px;
	margin-left: 20px;
}
#twitter_update_list li {
list-style-type: none;
}
#twitter_update_list span {
color: #999999;
}
#twitter_update_list span a {
display: inline;
color: #000000;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #666666;
}

#write
{
	width: 622px;
	height: auto;
	background: #E2CFC0;
	float: right;
	margin-bottom: 20px;
}

#write p
{
	color: #054B78;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
	text-align: justify;
	margin-left: 10px;
}
#write p.bname
{
	font-size: 15px;
	color:#FFFFFF;
	font-weight: bold;
	margin-top: 10px;
}
#socialnav
{
	width: 350px;
	height: 50px;
	background:#E2CFC0;
	float:left;
}
#socialnav ul
{
	width:350px;
	height: 50px;	
}
#socialnav li
{
	display: inline;
}
#socialnav li a.del
{
	width: 50px;
	height: 50px;
	background: #E2CFC0 url('../img/del.jpg');
	float: left
}
#socialnav li a.facebook
{
	width: 50px;
	height: 50px;
	background: #E2CFC0 url('../img/facebook.jpg');
	float: left
}
#socialnav li a.twitter
{
	width: 50px;
	height: 50px;
	background: #E2CFC0 url('../img/twitter.jpg');
	float: left
}
#socialnav li a.linkedin
{
	width: 50px;
	height: 50px;
	background: #E2CFC0 url('../img/linkedin.jpg');
	float: left
}
#socialnav li a.picasa
{
	width: 50px;
	height: 50px;
	background: #E2CFC0 url('../img/picasa.jpg');
	float: left
}
#socialnav li a.orkut
{
	width: 50px;
	height: 50px;
	background: #E2CFC0 url('../img/orkut.jpg');
	float: left
}

#footercontainer
{
	width: 100%;
	height: auto;
	clear: both;
	background: #ffffff;
}
#footer
{
	width: 850px;
	height: 110px;
	color: #FFFFFF;
	background: #ffffff;
}
#footer p
{
	color:#E2CFC0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;

}
#footer a
{
	color: #E2CFC0;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover
{
	color: #054b78;
}