#wrapper {width: 780px; margin: 0px auto}
		body {background: url(../images/background.gif); text-align: center; font-family: Calibri, Verdana, sans-serif; color: #CCFFFF; }
		.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 780px;}
		.b {background: url(../images/dot.gif) 0 100% repeat-x}
		.l {background: url(../images/dot.gif) 0 0 repeat-y}
		.r {background: url(../images/dot.gif) 100% 0 repeat-y}
		.bl {background: url(../images/bl.gif) 0 100% no-repeat; }
		.br {background: url(../images/br.gif) 100% 100% no-repeat}
		.tl {background: url(../images/tl.gif) 0 0 no-repeat}
		.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:20px}
		#main {background-color: #6B5E4A; width: 780px; text-align: left;}
		p, ul {padding: 0px 365px 20px 65px;}
		#web-designer {margin-right: 12px;}
		#main-left {float:left; text-align: left;}
		#main-right {float: right; text-align: right; margin-right: 50px;}
		#main h1 {margin: 10px 365px -10px 65px; font-size: 140%; color: #FFFF99;}
		h2 {margin: 0px 365px 15px 65px; padding-bottom: 8px; background: url(../images/heading-border.gif) 0px 1.1em no-repeat; text-transform: uppercase; font-size: 120%; color: #669999; font-weight: 40%;}
		
		a {color: #FFFF99; font-size: 80%;}
		#portfolio {position: absolute; top: 160px; _top: 165px; text-align: left; margin-left: 385px; _margin-left: 0px;}
		#portfolio img {margin: 3px 0px; border: 0;}
		#portfolio h2 {background: url(../images/heading-border.gif) 0 1.1em no-repeat; text-transform: uppercase; font-size: 120%; color: #669999; font-weight: 40%;}
		.port-medium {border: 1px solid #669999;}