body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#F7EBE7;
	background-color:#C2BAB7;
	background-image: url("../img/bg_1.gif");
	background-repeat: repeat-y;
	padding:0px;
	margin:0px;
	width:100%;
}
ul,li
{
	list-style-image: none;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
a 
{
	color:#F2EDEC;
	text-decoration:none;
	}
a:hover
{
	text-decoration:none;
	color:#E3D8D6;
	background:none;
}
a:visited
{
	text-decoration:none;
	color:#E3D8D6;
	background:none;
}
#top
{
	background:url("../img/top_bg_1.gif") repeat-x;
	width:100%;
	height: 284px;
}
#swirl
{
	width:310px;
	height:284px;
	background:url("../img/swirl_1.gif") no-repeat top left;
	float:left;	
}
#info
{
	width:400px;
	position: absolute;
	top: 80px;
	left: 335px;
	color:#F7EBE7;
}
#info .heading
{
	width:111px;
	height:41px;
}


#content
{
	width:778px;
	margin:0px;
	padding:0px;

	
}
#left
{
	width:200px;
	float:left;
	padding-left:15px;
	font-size: 10px;
	margin-left:5px;
       letter-spacing: 0.04em;
}
/* Left content format*/
#left br{
letter-spacing: normal; 
} 

#left h1
{
 margin-bottom: 6px;
margin-left:-10px;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
#left ul
{
	vertical-align:middle;
}
#left li
{
	font-weight:bold;
	margin-left: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	/*list-style-image: url(../img/li.gif);*/
	list-style-position: outside;
}
#left a 
{
	color:#FFFFCC;
	text-decoration:none;
	}
#left a:visited 

{
	text-decoration:none;
	color:#E3D8D6;
	background:none;
}

.quote
{
	background:url("../img/quotation.gif") no-repeat;
	width:180px;
	margin:0px;
	padding-left:16px;
	padding-top:6px;
	margin-top:13px;
	color:#E3D8D6;
	font-size:11px;
	text-align:left;
}
.friends
{
	background:url("../img/bullet.gif") no-repeat;
	width:180px;
	margin:0px;
	padding-left:16px;
	padding-top:-0px;
	margin-top:15px;
	color:#E3D8D6;
	font-size:11px;
	text-align:left;
}
.author
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-align:left;
	font-style: italic;
}
#main
{
	width:520px;
	margin-left:255px;
	padding-left:0px;
}

.img-pic
{
    border:1px solid #88837F;
}
#portfolio h1 {
margin: 0px;
padding:0px;
margin-bottom:8px;
margin-top: 0px;
}
.content_row
{
	width:520px;
	height:160px;
	padding-left:0px;
	margin-bottom:25px;
}

.column1 li,.column2 li
{
	width:240px;

	padding:3px;

	margin-right:5px;
	text-align:left;
	font-size:10px;
	color:#FFFFFF;
	
}
.column1 li a,.column2 li a
{font-weight:bold;}
.column1 img,.column2 img
{
    border:1px solid #88837F;

	float:left;
	margin-right:7px;
	display:inline;

}
.column1 a img,.column2 a img
{
	border:1px solid #88837F;
	
}
.column1 a:hover img,.column2 a:hover img
{
	border:1px solid #88837F;
	padding:0px;
}
.more 
{
text-align:left;
padding-left: 5px;
	
}
.more a 
{
font-weight:bold;
	color:#F2EDEC;
	text-decoration:none;
	}
.more a:hover
{font-weight:bold;
	text-decoration:none;
	color:#E3D8D6;
	background:none;
}
.column1 li p
{
	margin:0px;
	padding:0px;
}
.column1
{
	float:left;
}
.column2
{
	margin-left:230px;
}
#works
{
width:129px;
padding-top:20px;
}
#bottom
{

width:778px;
}
#group
{

	background-position: 770px 100%;
	background-repeat: no-repeat;
}


#selector img
{
border:0px;
}
#selector a img 
{
border:#66CC00 solid 1px;
}
#selector a:hover img
{
border:#66FF00 solid 1px;
}
.nav
{
	padding-left:15px;
	padding-top:20px;
}

#contact
{
background:url(../img/email.gif) no-repeat;
text-indent:20px;

}


}

#link
{ height: 20px;
width: 100px;
	font-size:9px;
	color:#DAEFCB;
}

.clear {
margin-bottom:15px;
}


#madeby {
	/* IE 5.0/Win and other lesser browsers will use this */
	position: absolute; left: 795px; bottom: 1px;
	height:10px;
	width:200px;
	font-family: arial, hevetica, sans-serif;
        color:#D7D4D4;
	font-size: 10px;
	text-decoration: none;
	/*background-image: url("../img/flower.gif");
	background-repeat: no-repeat;
	background-position:top;*/
}
body > div#madeby {
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
	position: fixed;
	z-index: 10;
        bottom:1px;
	left:795px;
        color:#D7D4D4;
	font-size: 10px;
	text-decoration: none;
}
<!--[if gte IE 5.5]>
div#fixme {
	/* IE5.5+/Win - this is more specific than the IE 5.0 version */
	right: auto; bottom: auto;
	left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#madeby a,#madeby a:visited,#madeby a:active {color:#D9D9D9;font-size:10px;text-decoration:none}
#madeby a:hover {color:#666;text-decoration:none}