@charset "utf-8";

/* ~~ General body selectors ~~ */
body {
	background-color: #FFFFFF;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 15pt;
	margin: 0;
	padding: 0;
	color: #000000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}

/* ~~ Table element selectors ~~ */
table tr, th, td {
	color: rgba(136,139,141,1.00);
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
	line-height: 12pt;
}

a img {
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: rgba(136,139,141,1.00);
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: rgba(136,139,141,1.00);
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: rgba(136,139,141,1.00);
}

/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 1024px;
	background-color: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	margin-top: 20px;
	margin-bottom: 20px;
}

.content {
	width: 100%;
	float: right;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
	color: rgba(136,139,141,1.00);
}

#about {
	text-align: justify;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 40px;
}

#facebook {
	font-size: 12pt;
	float: right;
	width: 53%;
	color: rgba(136,139,141,1.00);
	text-align: right;
	margin-top: 28px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#contact {
	font-size: 11pt;
	float: right;
	color: rgba(136,139,141,1.00);
	width: 40%;
	text-align: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* ~~ The footer ~~ */
footer {
	background-color: #FFFFFF;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	display: none;
}