/* =================================================================
== GENERAL LAYOUT ==
================================================================= */
* {
	margin:0;
	padding:0;
	font:11px 'Lucida Grande',Verdana,Helvetica,sans-serif;
	letter-spacing: 1px;
	line-height:18px;
	text-align: justify;
	outline:none;
	}
	
html{
	background:#000;
	color:#fff;
	}

.seperator{
	height:33px;
	background:url(row.jpg) repeat-x;
	}

/* =================================================================
== POSITIONING ==
================================================================= */
#topbar{
	height:40px;
	border:5px solid #fdff00;
	background:#fdff00 url(logo.jpg) no-repeat;
	}

#header{
	width:500px;
	font-size: 30px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	padding:30px 100px 30px 200px;
	margin: 0 auto;
	text-align:center;
	}

#page{
	width:700px;
	margin: 0 auto;
	padding-right:100px;
	}

#left{
	float:left;
	margin:50px 0;
	width:200px;
	padding:100px 0 0 0;
	}

#content{
	margin:50px 0;
	width:500px;
	float:left;
	}

#footer{
	background:#000;
	height:20px;
	clear:both;
	}

/* =================================================================
== CONTENT LAYOUT ==
================================================================= */
h1{
	margin: 20px 0 10px 0;
	font:17px 'Lucida Grande',Verdana,Helvetica,sans-serif;
	text-align: center;
	}

img{
	margin:50px 0 0 0;
	}

p{
	border-left:1px solid #555;
	padding-left:10px;	
	}

a.pdf{
	line-height:400px;
	display:block;
	overflow:hidden;
	height:75px;
	background:#000 url(buttons.jpg) 0 -225px no-repeat;
	}

a.pdf:hover{
	background:#000 url(buttons.jpg) 0 -150px no-repeat;
	}

a.mail{
	margin:20px 0 0 0;
	line-height:400px;
	display:block;
	overflow:hidden;
	height:75px;
	background:#000 url(buttons.jpg) 0 -75px no-repeat;
	}

a.mail:hover{
	background:#000 url(buttons.jpg) 0 0px no-repeat;
	}