body {
	margin: 0px;
	}	

div {
	position: relative;
	}

#wrap {
	left: 50%;
	width: 900px;
	margin: 0px 0px 0px -450px;
	}

header{}

	#wrap #header {
		height: 60px;
		margin: 0px;
		}

content{}

	#wrap #content {
		width: 775px;
		margin: 30px 50px 0px 75px;
		}

		/* 900 = 75 + 250 + 30 + 460 + 35 + 50 = left margin + left column + spacing + right column + right margin*/

		#wrap #content #content_h1,
		#wrap #content #info {
			width: 250px;
			margin: 0px 0px 35px 0px;
			}

		#wrap #content #content_h1 {
			height: 80px;
			}

		#wrap #content #info {
			}

		#wrap #content #permanent_links,
		#wrap #content #news,
		#wrap #content #random_link,
		#wrap #content #random_web_design {
			width: 460px;
			float: right;
			clear: right;
			margin: 0px 35px 35px 0px;
			display: inline;	/* This is just to avoid the STUPID double-margin bug in IExplorer (see more about it in http://www.positioniseverything.net/explorer/doubled-margin.html)*/
			}

			#wrap #content #news #h3_title,
			#wrap #content #random_link #h3_title,
			#wrap #content #random_web_design #h3_title {
				height: 20px;
				width: 220px;
				margin: 0px 0px 10px 0px;
				}

		#wrap #content #permanent_links {
			height: 80px;
			}

		#wrap #content #news {
			}

			#wrap #content #news #opening_quote {
				width: 40px;
				height: 28px;
				float: left;
				margin: 0px 10px 0px 0px;
				}

			#wrap #content #news #end_quote {
				height: 28px;
				}

		#wrap #content #random_links {
			}

		#wrap #content #random_web_design {
			}

		#wrap #content #content_footer {
			width: 740;
			clear: both;
			}

footer{}

	#wrap #footer {
		height: 60px;
		margin: 0px;
		}