/* The CSS that's required to position the footer */

html	{
height: 100%;
}

body	{
height: 100%;
}

#nonFooter	{
position: relative;
min-height: 100%;
}

* html #nonFooter	{
height: 100%;
}

#footer	{
position: relative;
margin: -7.5em auto 0 auto;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer	{
margin-top: -7.4em;
}

/* PAGE/GENERAL */

*
{
	margin: 0;
	padding: 0;
}

a
{
	font-size: 1em;
	font-weight: bold;
	color: #00595c;
	text-decoration: none;
}

a:link
{
	font-size: 1em;
	font-weight: bold;
	color: #00595c;
	text-decoration: none;
}

a:visited
{
	color: #00595c;
}

a:hover
{
	text-decoration: underline;
}

body.acid
{
	background:#fff url(../images/last_tile_acid.gif);
	background-color: #c2a82b;
	color: #333;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
}

body.teal
{
	background:#fff url(../images/last_tile_teal.gif);
	background-color: #016165;
	color: #333;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
}

#page
{
	background-color: #fff;
	width: 860px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

* html #page
{
	height: 100%;
}

.content {
	background: #fff;
	/*padding: 0 45px 0 90px;*/
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
}

.homecontent {
	width: 595px;
	padding: 0 50px 30px 0;
	margin: 0 auto;
	text-align: left;
	/*border: 1px solid #000;*/
}

.collectioncontent {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	/*border: 1px solid #000;*/
}

.wheretobuycontent {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	/*border: 1px solid #000;*/
}

.wheretobuycontent {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	/*border: 1px solid #000;*/
}

.contactcontent {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	/*border: 1px solid #000;*/
}

.futurecontent {
	padding: 0 0 30px 0;
	margin: 0 auto;
	width: 700px;
	text-align: left;
	/*border: 1px solid #000;*/
}

.maincontent {
	width: 595px;
	padding: 0 50px 30px 0;
	margin: 0 auto;
	text-align: left;
	/*border: 1px solid #000;*/
}

.pagetitlehome {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 640px;
	text-align: right;
	}

.pagetitle {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 700px;
	text-align: right;
	}

#sliderhome {
	width: 660px;
	padding: 0 0 30px 0;
	margin: 0 auto;
	text-align: left;
}

#slider {
	width: 720px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	text-align: left;
}

p {
	padding: 0 0 1.4em 0;
	margin: 0;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	}

p.heading {
	padding: 0 0 1em 0;
	margin: 0;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4em;
	}

p.intro {
	padding: 1em 0 0 0;
	margin: 0;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	}

p.label {
	padding: 0;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 25px;
	text-align: left;
	line-height: 1.3em;
	}

p.addedspace {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.3em;
	}

p.highlight {
	padding: 0 0 0 0;
	margin: 0;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	color: #7e2422;
	}

b {
	padding: 0 0 0 0;
	margin: 0;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
	color: #000;
	}

.leftcolumn {
	margin: 0;
	padding: 0 25px 0 0;
	width: 325px;
	float: left;
	text-align: left;
	/*border: 1px solid #000;*/
}

.column1 {
	margin: 0;
	padding: 0 21px 0 0;
	float: left;
	text-align: left;
}

.column2 {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

.rightcolumn {
	margin: 0;
	padding: 0 0 0 25px;
	width: 325px;
	float: right;
	text-align: left;
	/*border: 1px solid #000;*/
}

.column3 {
	margin: 0;
	padding: 0 21px 0 0;
	float: left;
	text-align: left;
}

.column4 {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

.leftbuy {
	margin: 0;
	padding: 0 25px 0 0;
	width: 325px;
	float: left;
	text-align: left;
	/*border: 1px solid #000;*/
}

.rightbuy {
	margin: 0;
	padding: 0 0 0 25px;
	width: 325px;
	float: right;
	text-align: left;
	/*border: 1px solid #000;*/
}

.futureleftcolumn {
	margin: 0;
	padding: 0;
	float: left;
	width: 320px;
	text-align: left;
}

.futurerightcolumn {
	margin: 0;
	padding: 0 30px 0 0;
	float: right;
	width: 320px;
	text-align: left;
}

p.left {
	padding: 0 0 1.4em 0;
	margin: 0;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	width: 40px;
	float: left;
	}

p.right {
	padding: 0 0 1.4em 0;
	margin: 0;
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	width: 280px;
	float: right;
	}

p.inset {
	padding: 0 0 0 10px;
	margin: 0;
	width: 120px;
	float: right;
	}

.image {
	text-decoration: none;
	}

.image:hover {
	background-color: #fff;
	text-decoration: none;
	}
