html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } html, body { height: 100%; } body { line-height: 1; } /* remove list-style from lists */ ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remove border from fieldset and img */ fieldset, img { border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#wrapper {
	width: 800px;
	margin: 20px auto;
	position: relative;
}


body {
	font-size: .9em;
	font-family: Courier, serif;
}
strong {
	font-weight: bold;
}

p { 
	margin: 10px 0;
	line-height: 1.2em;
}


a {
	color: #3333cc;
	text-decoration: none;
}

a:hover {
	color: #f00;
	text-decoration: none;
}


.left {
	float: left;
	text-align: left;
}
	
.right {
	float: right;
	text-align: right;
}

.center {
	width: 763px;
	margin: 0 auto 35px auto;
}

.bottomleft{ 
float: left;	
padding-right:70px;
}

.bottomright {
float: left;
	text-align: right;
	
}

.bottommiddle {
width:320px;
height:200px;
padding-top:30px;
padding-right:50px;
display: inline-block;
float: left;

}

/* single page styles */

.single_middle {
	width: 703px;
	padding-top:40px;
	padding-left: 70px;
}

h1 {
	font-size: 28px;
	padding-bottom:10px;
	font-weight: bold;
}

h2 {
	font-size: 18px;
	padding-bottom:10px;
	font-weight: bold;
}