@charset "UTF-8";
/* MOBIUS NEW MEDIA */
/* CLEAR DEFAULTS */
p, h1, h2, h3, h4, h5, h6, dd, dt, dl, ul, ol, li, hr, td, tr, img, a, form, fieldset, label, input, legend, table, thead, tbody, tfoot, span {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
/* LAYOUT */
body {
	font: 62.5%/1.4em Helvetica, Arial, sans-serif;/* 62.5% sets the default font size to 10px, 1.4em is a 14px line height. use em's for variable font sizes like this: 14px = 1.4em */
	margin: 0;
	padding: 0;
	background: #ccc;
}
#container { /* main container to hold all divs */
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: #fff;
}
#header { /* header should include logo and navigation */
	margin: 0;
	padding: 0;
}
#logo {
}
/* NAVIGATION UL */
#nav {
	margin: 0;
	padding: 0;
}
#mainContent {
	margin: 0;
	padding: 0;
}
#leftSide {
	float: left;
	margin: 0;
	padding: 0;
}
#rightSide {
	float: right;
	margin: 0;
	padding: 0;
}
#footer {
	margin: 0;
	padding: 0;
}

/* FONTS */
p, q, li, td {
	font-size: 1.2em;
	color: #333;
	margin-bottom: 10px;
}
h1 {
	font-size: 2.4em;
	color: #000;
	margin-bottom: 10px;
}
h2 {
	font-size: 2.1em;
	color: #000;
	margin-bottom: 10px;
}
h3 {
	font-size: 1.8em;
	color: #000;
	margin-bottom: 10px;
}
h4 {
	font-size: 1.6em;
	color: #000;
	margin-bottom: 10px;
}
h5 {
	font-size: 1.4em;
	color: #000;
	margin-bottom: 10px;
}
h6 {
	font-size: 1.2em;
	color: #000;
	margin-bottom: 10px;
}
.imageReplace {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}
#id {/*easy image replacement for headers*/
	height: px;
	background: (url) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#id a {/*link for image replacement*/
	display: block;
	width: px;
	height: 100%;
}
/* LINKS */
a:link, a:visited {
	text-decoration: none;
	color: #000;
}
a:hover, a:active {
	text-decoration: underline;
	color: #f00;
}
a:focus {
	outline: none;
}
/* LISTS */
ul.basicList {
	margin: 0;
	padding: 0;
	list-style: circle;
}
ul.basicList li {
	margin: 0;
	list-style: circle;
}
/* TABLES */
table.basicTable {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.basicTable td {
	margin: 0;
	padding: 0;
}
/* FORMS */

/* MISC. STYLING CLASSES */

/* ULTILITIES */
.clearfloat { /* use <br class="clearfloat" /> before close of </div> to contain all floated divs inside of it */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
.imgRight {
	margin: 0 0 20px 20px;
	float: right;
}
.imgLeft {
	margin: 0 20px 20px 0;
	float: left;
}
.floatright { 
	margin: 0;
	padding: 0;
	float: right;
}
.floatleft {
	margin: 0;
	padding: 0;
	float: left;
}