html {height:100%}

body {
	margin: 0; 
	height:100%;
	background-color: #000;

}

#container {
	height:100%; 
	width:100%; 
	background-color:#fff;
}

#container.black {
	background-color: #000;
}

#sidebar {
	float:left; 
	height: 100%;
	width:  300px; 
	position: fixed;
	left: 0;
	top: 0;
	background-color:#000; 
	text-align:center;
}

ul.about {font-family:Georgia, "Times New Roman", Times, serif; color:#b4dbec; font-size:16px; text-align:left;}

#name {font-family:Georgia, "Times New Roman", Times, serif; color:#b4dbec; font-size:32px;}
address {font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; color:#b4dbec; font-size:18px;}
#welcome {color:#d8edf4; font-size:14px; text-align:right; padding-left:10px; padding-right:10px;}
ul {list-style-type: none; text-align:right; padding-right:10px;}
a {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:18px; text-decoration:none;}
a.blue {font-family:Georgia, "Times New Roman", Times, serif; color:#39c; font-size:16px; text-decoration:none;}

#content {
	color: #000;
	text-align:center;
	font-size:12px; 
	padding-top:10px;
	padding-left:25px;
	padding-right:25px;
	margin-left: 400px;
}

#content.white {
	color:#fff; 
}

p {
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#fff; 
	font-size:16px; 
}

p.about {text-align:left;}

ul.portfolio {
	list-style-type: none;
	text-align: left;
}

ul.portfolio li {
	background: url("/images/line.gif") no-repeat bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#index {font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-size:12px; position:absolute; left:40%; padding-top:20px;}
.img {padding:10px;}
.triangle {padding-left:5px; padding-right:5px; padding-top:2px;}
.button {padding-left:25px; padding-right:25px; padding-top:10px; padding-bottom:15px;}
img {border:none;}