*{
	margin: 0;
	padding:0;
	}

body{
	background-color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	text-align: center;		/* centers content in IE5.5 and earlier */
	min-width: 690px;		/* prevents negative left-margins in narrow browser windows w/NN & Mozilla */
	background: url(../../images/bg.gif) no-repeat;
	background-position: -100px 0;
	}

#wrapper{
	width: 690px;
	margin: 0 auto;
	text-align: left;
	}

#branding{
	width: 100%;
	height: 40px;
	background: url(../../images/branding/logo.gif) right no-repeat;
	}

#frame{
	width: 100%;
	background: url(../../images/content/mid.gif);
	}

div#frame .top{
	width: 100%;
	height: 10px;
	background: url(../../images/content/top.gif) no-repeat;
	margin-bottom: 10px;
	}

div#frame .bottom{
	width: 100%;
	height: 10px;
	background: url(../../images/content/bottom.gif) no-repeat;
	margin-top: 15px;
	}

#content{
	width: 100%;
	text-align: center;
}

#ribbon{
	padding: 50px;
	text-align: left;
}

#future{
	padding: 50px;
	text-align: left;
}

#photo{
	float: left;
	text-align: center;
	width: 360px;	/* Opera 5 */
	\width: 380px;	/* IE5Win */
	w\idth: 360px;	/* Others */
	margin: 0 10px;
}

#details{
	text-align: left;
	float: left;
	width: 230px;	/* Opera 5 */
	\width: 261px;	/* IE5Win */
	w\idth: 230px;	/* Others */
	border-left: 1px solid #fdb;
	padding: 15px 10px 30px 20px;
	margin-top: 25px;
}

#price{
	font-size: 1.2em;
	font-weight: bold;
	margin: 12px 0;
}

#color_samples{
	padding-bottom: 10px;  
	}

#color_samples div{
	float: left;
	margin: 5px 5px 0 0;
	}

#color_samples a{
	float: left;
	width: 15px;
	height: 15px;
	}
	
.sample_green{ background-color:#759946;}
.sample_blue{ background-color:#6670A1;}
.sample_black{ background-color:#000000;}

#buttons{
	width: 100%;
	border-top: 1px solid #fdb;
	padding: 15px 0 0 4px;
}

#buttons img{
	padding-bottom: 5px;
}

#fineprint{
	float: right;
	padding: 30px 0 50px 40px;
	color: #999;
	font-size: .9em;
	background: url(../../images/fineprint/logo.gif) no-repeat;
	}
#fineprint a{
	color: #999;
	text-decoration: none;
	}
#fineprint a:hover{
	text-decoration: underline;
	}



/* typography
----------------------------------------------- */

h1 {
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 1.8em; 
	font-weight: bold;
	margin-bottom: 8px;
	}
h2 { 
	font-size: 1.2em;
	font-weight: bold;
	padding-top: .5em;
	margin-bottom: .5em;
	}
p {
	margin-bottom: 1.5em;
	line-height: 1.3em;
	}

img{
	border: none;
	}


/* nav
----------------------------------------------- */
#nav{
	padding-left: 10px;
	margin-bottom: 15px;
	}

#nav li {
	list-style: none;
	float: left;
	margin-left: 13px;
	}

#nav a{
	display: block;
	height: 21px;
	}

#nav #home a{ width: 51px; background: url(../../images/content/nav/home.gif); }
#nav #short a{ width: 100px; background: url(../../images/content/nav/short.gif);   }
#nav #long a{ width: 81px; background: url(../../images/content/nav/long.gif); }
#nav #order a{ width: 76px; background: url(../../images/content/nav/order.gif); }
#nav #stores a{ width: 54px; background: url(../../images/content/nav/stores.gif); }
#nav #about a{ width: 50px; background: url(../../images/content/nav/about.gif); }
#nav #contact a{ width: 62px; background: url(../../images/content/nav/contact.gif); } 

/* hover state */

#nav #home li:hover { background: url(../../images/content/nav/home_on.gif) no-repeat;	}
#nav #home a:hover { background: url(../../images/content/nav/home_on.gif) no-repeat; }  /* for IE */
html>body #nav #home a:hover { background: url(../../images/content/nav/home_on.gif) no-repeat; }

#nav #short li:hover { background: url(../../images/content/nav/short_on.gif) no-repeat;	}
#nav #short a:hover { background: url(../../images/content/nav/short_on.gif) no-repeat; }  /* for IE */
html>body #nav #short a:hover { background: url(../../images/content/nav/short_on.gif) no-repeat; }

#nav #long li:hover { background: url(../../images/content/nav/long_on.gif) no-repeat;	}
#nav #long a:hover { background: url(../../images/content/nav/long_on.gif) no-repeat; }  /* for IE */
html>body #nav #long a:hover { background: url(../../images/content/nav/long_on.gif) no-repeat; }

#nav #order li:hover { background: url(../../images/content/nav/order_on.gif) no-repeat;	}
#nav #order a:hover { background: url(../../images/content/nav/order_on.gif) no-repeat; }  /* for IE */
html>body #nav #order a:hover { background: url(../../images/content/nav/order_on.gif) no-repeat; }

#nav #stores li:hover { background: url(../../images/content/nav/stores_on.gif) no-repeat;	}
#nav #stores a:hover { background: url(../../images/content/nav/stores_on.gif) no-repeat; }  /* for IE */
html>body #nav #stores a:hover { background: url(../../images/content/nav/stores_on.gif) no-repeat; }

#nav #about li:hover { background: url(../../images/content/nav/about_on.gif) no-repeat;	}
#nav #about a:hover { background: url(../../images/content/nav/about_on.gif) no-repeat; }  /* for IE */
html>body #nav #about a:hover { background: url(../../images/content/nav/about_on.gif) no-repeat; }

#nav #contact li:hover { background: url(../../images/content/nav/contact_on.gif) no-repeat;	}
#nav #contact a:hover { background: url(../../images/content/nav/contact_on.gif) no-repeat; }  /* for IE */
html>body #nav #contact a:hover { background: url(../../images/content/nav/contact_on.gif) no-repeat; }





/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}