* {
	margin:0;padding:0;
} 

html, body, #wrap {
	height: 100%;
}

html {
	background-image: url(/images/body-home.png);
}

body > #wrap {
	height: auto; min-height: 100%;
}

a:link {
	text-decoration: none;
	color: #666;
}
a:visited {
	text-decoration: none;
	color: #006633;
}
a:active {
	text-decoration: none;
	color: #006633;
}
a:hover {
	text-decoration: underline; 
	color: #333333;
}

img {
	border: 0;
}

#header {
	height: 160px;
	width: 100%;
}

#header-wrapper {
 	width: 680px;
  	margin-left: auto;
  	margin-right: auto;
}

#header-logo {
	width: 680px;
}

#header-nav {
	width: 400px;
  	margin-left: auto;
  	margin-right: auto;
}

#main {
	padding-bottom: 250px;  /* must be same height as the footer */
	font: 12px/36px Helvetica, Arial, sans-serif;
	color: #666;
}

#main-wrapper {
	width: 800px;
  	margin-left: auto;
  	margin-right: auto;
}

#home-wrapper {
	width: 800px;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 30px;
}

#home-pic {
	float: left;
	width: 200px;	
}

#home-pic img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#home-text {
	float: left;
	margin-left: 10px;
	width: 550px;
}

#home-text p {
	font-size: 13px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	line-height: 150%;
	color: #FFFFFF;
}

#home-text li {
	list-style: none;
	font-size: 13px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	line-height: 110%;
	color: #FFFFFF;
}

#home-order {
	width: 100%;
}

#home-order-left {
	float: left;
	width: 200px;
}

#home-order-right {
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

#order-widget {
	background-image: url(/images/order-widget-bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 116px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 12px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	line-height: 175%;
	color: #333333;
}

#about-wrapper {
	width: 800px;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 30px;
}

#about-pic {
	float: left;
	width: 200px;	
}

#about-pic img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#about-text {
	float: left;
	width: 600px;
}

#about-text p {
	font-size: 12px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	line-height: 150%;
	color: #FFFFFF;
}

#product-wrapper {
	width: 500px;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 50px;
}

#product-left {
	float: left;
	width: 200px;
}

#product-right {
	float: left;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	font-size: 16px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	line-height: 150%;
	color: #FFFFFF;
}

#product-left img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#product-order-widget {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: left;
	background-image: url(/images/order-widget-bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 116px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 12px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	line-height: 175%;
	color: #333333;
}

#body-footer-border {
	background-image: url(/images/body-footer-border.png);
	height: 50px;
	width: 100%;
}

#footer {
	position: relative;
	margin-top: -250px; /* negative value of footer height */
	height: 250px;
	clear: both;
	background-color: white;
	font: 16px Helvetica, Arial, sans-serif;
	color: #666;
}

#footer .company {
	font-size: 14px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	color: #666;
}

#footer b {
	font-size: 14px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	color: #333333;
}

#footer .copyright {
	font-size: 14px;
	font-family: Helvetica Narrow, Verdana, Arial, sans-serif;
	font-stretch: ultra-condensed;
	color: #666;
}

#footer-wrapper {
 	width: 900px;
  	margin-left: auto;
  	margin-right: auto;
}

#footer-dot {
	float: left;
	width: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url(/images/dot_line.png);
}

#footer-company {
	float: left;
	width: 320px;
}

#footer-tb {
	float: left;
	width: 280px;
}

#footer-usa {
	float: left;
	width: 250px;
}

/* simple css-based tooltip */ 
div.tooltip { 
    background-color: #333; 
    border: 1px solid #fff; 
    padding: 10px; 
    display: none; 
    color: #fff; 
    text-align: center;
    font-size: 12px; 
	width: 420px;
	height: 350px;
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

/* the overlayed element */ 
.apple_overlay { 
    /* initially overlay is hidden */ 
    display:none; 
    /* growing background image */ 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/white.png); 
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width: 520px;
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
    /* a little styling */     
    font-size:11px; 
	text-align: center;
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:36px; 
    width:36px; 
}

/* black version of the overlay. simply uses a different background image */ 
div.apple_overlay.black { 
    background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
    color:#fff; 
}

/* clearfix hack */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */