html {

}

body {

	height: 100%;
	text-align: center;
	background: #aaa url(newbg.jpg);
	color: #333;
margin-top: 0px;
}

#all {

width: 900px;
margin: 0px auto;
background: #eee url(bgd2.jpg) top no-repeat;
height: 100%;
padding-top: 0px;
position: relative;
top: 0px;
border: 2px solid #eef;
}

#logo {
display: block;
margin-top: 30px;
position: relative;
top: 50px;
font-family: georgia;
letter-spacing: 14px;
color: #166;
padding-top: 5px;
border-bottom: 1px solid #eee;
background: #fff;
border-right: 1px solid #eee;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.9;
z-index: 500;
}

#logo h1 a {
text-decoration: none;
color: #166;
}

#portfolio_menu {
	margin: 0 auto;
	padding: 0;
width: 700px;
text-align: center;
position: relative;
top: 50px;
}

#portfolio_menu ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#portfolio_menu ul li  a {
	display: block;
	position: relative;
	float: left;
	width: 160px;
height: 40px;
	margin: 0px;
	padding: 100px 20px 60px 20px;
	text-decoration: none;
	font-family: georgia;
	font-size: 18px;
	color: #def;
	background: #203;
border-right: 1px solid #203;
/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;

}


.latest {
clear: both;
width: 400px;
display: block;
margin: 0 auto;
position: relative;
top: 100px;
padding: 10px;
background: #144;
/* for IE */
 filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
border-radius: 25px;
}

.latest h3 a {
color: #e0e0e0;
text-decoration: none;
}
#four {
display: none;
}

#portfolio_menu ul li  a:active {
border-right: 2px solid #eee;
}

*:focus {
        outline: 0;
}
*:focus { outline: none; }
*::-moz-focus-inner { border: none;}


#portfolio_content {
font-family: georgia;
font-size: 12px;
line-height: 2em;
color: #000;
	display: none;
	width: 400px;
	margin: 0 auto;
	position: relative;
top:-250px;
left: -50px;
	text-align: left;

}

.clear {
clear: both;
height: 200px;
}