@charset "UTF-8";
/* CSS Document */

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #fff;
		color: #333333;
		height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	a {
		font-weight: bold;
		color: #333333;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	form {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	img {
		border: 0;
	}
		
	html { 
		height: 100%;
		margin-bottom: 20px;
}


/**************************************
* LAYOUT
***************************************/

	div.wrap { 
		width: 770px;
		margin: 0 auto;
		text-align: left;
	}
	
	div.outercontainer { 
		width: 750px;
		padding: 0 10px 0 10px;
		float: left;
		text-align: left;
	}
	
	div.header { 
		width: 750px;
		float: left;
	}
	
	div.contentcontainer { 
		width: 750px;
		background-image: url("../images/pagecurl.gif");
    	background-repeat: no-repeat;
		background-position: left bottom;
		padding: 0;
		float: left;
	}
	
	div.leftcol { 
		width: 204px;
		float: left;
	}
	
	div.maincol1 {
		width: 546px;
		float: left;
	}
	
	div.footer { 
		width: 750px;
		clear: both;
	}
	
/**************************************
* HEADER
***************************************/

	div.headercol1 { 
		width: 204px;
		height: 80px;
		float: left;
	}
	
	div.headercol1 h1 {
		font-size: 100%;
		width: 204px;
		height: 60px;
		margin: 0;
		padding: 10px 0 0 0;
		background-image: url("../images/logo.gif");
    	background-repeat: no-repeat;
		background-position: right bottom;
		display: block;
		float: left;
	}
	
	div.headercol1 h1 a {
		font-size: 100%;
		width: 204px;
		height: 60px;
		background-image: url("../images/logo.gif");
    	background-repeat: no-repeat;
		display: block;
		float: left;
	}

	div.headercol1 h1 span { 
		display: none;
	}
	
	div.headercol2 { 
		width: 526px;
		height: 30px;
		background-image: url("../images/contact.gif");
    	background-repeat: no-repeat;
		background-position: right 16px;
		padding: 50px 0 0 20px;
		text-align: right;
		float: left;
	}
	
/**************************************
* LEFT COL
***************************************/

	div.leftnav { 
		width: 204px;
		padding: 0 0 144px 0;
		float: left;
	}
	
	div.leftnav .heading1 { 
		width: 184px;
		height: 31px;
		font-size: 120%;
		font-weight: normal;
		background-color: #000;
		color: #fff;
		margin: 0;
		padding: 47px 0 0 20px;
		display: block;
	}
	
	div.leftnav ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 20px 0 0 7px;
	}
	
	div.leftnav li { 	
		background-image: url("../images/arrow.gif");
		background-repeat: no-repeat;
		background-position: left 3px;
		margin: 2px 0 2px 0;
		padding: 0 0 2px 13px;
	}
	
	div.leftnav li a { 	
		text-decoration: none;
	}
	
	div.leftnav li a:hover { 	
		color: #000;
		text-decoration: underline;
	}
	
/**************************************
* MAIN COL
***************************************/

	div.maincol1 .welcome { 
		width: 526px;
		height: 57px;
		font-size: 180%;
		font-weight: bold;
		background-color: #ffff00;
		color: #000;
		margin: 0;
		padding: 21px 0 0 20px;
		display: block;
	}
	
	div.maincol1 .smallcopy1 { 
		font-size: 70%;
		font-weight: normal;
	}
	
	div.maincol1 .heading2 { 
		width: 526px;
		height: 37px;
		font-size: 180%;
		background-color: #ffff00;
		color: #000;
		margin: 0;
		padding: 41px 0 0 20px;
		display: block;
	}
	
	div.maincontentbox {
		width: 546px;
		float: left;
	}
	
	div.maincontentintro {
		width: 506px;
		padding: 20px;
		float: left;
	}
	
	div.maincontentbox .homeimage {
		padding: 20px 20px 0 20px;
	}
	
	div.maincontentcol1a {
		width: 366px;
		padding: 20px;
		float: left;
	}
	
	div.maincontentcol2a {
		width: 130px;
		padding: 20px 0 10px 0;
		float: left;
	}
	
	div.maincontentcol1b {
		width: 236px;
		padding: 20px;
		float: left;
	}
	
	div.maincontentcol2b {
		width: 260px;
		padding: 20px 0 20px 0;
		float: left;
	}
	
	div.maincontentcol2b .imgrep1 {
		margin: 0 10px 10px 0;
		padding: 0;
		float: left;
	}
	
	div.maincontentcol1a p, div.maincontentcol2a p, div.maincontentcol1b p, div.maincontentcol2b p {
		margin: 0;
		padding: 0 10px 1.4em 0;
		line-height: 1.4em;
		clear: left;
	}
	
	.imgpos1 {
		padding: 5px 10px 0 0;
		float: right;
	}
	
/**************************************
* COMMON STYLES
***************************************/

	.hide {
		display: none;
	}
	
	.largecopy1 {
		font-size: 180%;
	}
	
	.smallcopy2 {
		font-size: 94%;
	}
	
	.price {
		color: #fe0000;
	}
	
	
	
/**************************************
* FOOTER
***************************************/
	
	div.footerbox1 {
		width: 526px;
		color: #000;
		background-color: #ffff00;
		padding: 20px 0 20px 224px;
		float: left;
	}
	
	div.footerbox1 p {
		font-size: 94%;
		margin: 0;
		padding: 0;
	}
	
	div.footerbox1 a {
		color: #000;
	}
	
	div.footerbox2 {
		width: 526px;
		color: #666666;
		padding: 15px 0 20px 224px;
		float: left;
	}
	
	div.footerbox2 p {
		font-size: 94%;
		margin: 0;
		padding: 0;
	}
	
	div.footerbox2 a.sublink {
		font-weight: normal;
		color: #666666;
		margin-left: 5px;
	}
	
	div.footerbox2 span.chameleon {
		background-image: url("../images/chameleon.gif");
    	background-repeat: no-repeat;
		background-position: right center;
		padding: 2px 15px 2px 0;
	}