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


body {
	background:url(../images/bg.jpg) left 88px repeat-x;
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
p{
	margin-bottom:16px;
}
table {
	margin-top: 10px;
	width:100%;
}

table td{
	padding: 4px;
	color:#423d3a;
	font:12px Trebuchet MS1, Helvetica, sans-serif;
	line-height:1.2em;
	border: 1px solid #ad9d7a;
}
table .header td{
	font:bold 12px Trebuchet MS1, Helvetica, sans-serif;
	color:#d6caaf;
	background: #5a4314;
	border: 1px solid #ad9d7a;
}
.center {
	text-align:center;
}

/*head*//*------------------------------------------*/
#head {
	height: 80px;
	margin-bottom:44px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 940px;
}
#head img{
	margin-top: 16px;
	float:left;
}
#head h1{
	margin-top: 50px;
	font:24px Trebuchet MS1, Helvetica, sans-serif;
	color:#4e390e; 
	text-align:right;
}

/*subhead*//*------------------------------------------*/
#subhead {
	height:180px;
	margin-bottom:0px;
}

#subhead h2 {
	font: 46px Trebuchet MS1, Helvetica, sans-serif;
	color: #d1c2a2;
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:.2em;
}
	
#subhead h3 {
	font: 23px Trebuchet MS1, Helvetica, sans-serif;
	color: #d1c2a2;
	margin-top:0px;
	margin-bottom:0px;
	line-height:.5em;
}
#subhead p {
	font: bold 14px Trebuchet MS1, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:1.4em;
}

/*navigation*//*------------------------------------------*/
.tabbed-section {
margin-top:0px;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 538px;
}

/*#main-nav ul {
	list-style-type: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#main-nav ul li {
  float: left;
  margin: 0 6px;
}
#main-nav ul li.last {
  float: left;
  margin: 0 0 0 6px;
}
#main-nav ul li a {
	display:block;
	padding:8px 8px;
  	text-decoration: none;
	background:#4e390e url(../images/tabs.png);
	font:14px Trebuchet MS1, Helvetica, sans-serif;
	color:#382c13;
}
#main-nav ul li a:hover {
  text-decoration: none;
  font:14px Trebuchet MS1, Helvetica, sans-serif;
  color:#ffffff;
  background:#b5a686;
}

#virtual-booth #main-nav ul li a.virtual-booth{
	color:#ffffff;
	background:#4e390e;	
}
#banner-ads #main-nav ul li a.banner-ads{
	color:#ffffff;
	background:#4e390e;	
}
#product-showcase #main-nav ul li a.product-showcase{
	color:#ffffff;
	background:#4e390e;	
}
#press-releases #main-nav ul li a.press-releases{
	color:#ffffff;
	background:#4e390e;	
}


* html #main-nav ul li a {
width: 1%;
}
*/

/*tab*//*------------------------------------------*/
/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(../images/tabs.png) no-repeat -0px 0;
	font:bold 13px Trebuchet MS1, Helvetica, sans-serif;
	color:#b5a686;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 133px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0 2px 0 0;	
	position:relative;
	top:1px;
}
.tabs a.last { 
	margin:0 0px 0 0;	
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: 0px -30px;	
	color:#4e390e;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: 0px -60px;
	font-weight:bold;	
	cursor:default !important; 
	color:#4e390e !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.panes {
	background-color: #d6caaf;
	padding-top:20px;
	padding-bottom:20px;
	color:#423d3a;
	font:12px Trebuchet MS1, Helvetica, sans-serif;
	margin-bottom:20px;
}

.panes div {
	background-color: #d6caaf;
	margin:0px 20px;
}

.panes a.button {
		display:block;
		width:350px;
		height: 30px;
		margin-left: 44px;
		margin-bottom: 14px;
		padding:0px 0 0 0px;
		background:url(../images/screenshot-button-350w.png) no-repeat 0px 0;
		font:bold 13px Trebuchet MS1, Helvetica, sans-serif;
		text-decoration:none;
		color:#4e390e;
		line-height:2.4em;
		text-align:center;
	}
	.panes a:hover.button {
		display:block;
		width:350px;
		height: 30px;
		margin-left: 44px;
		margin-bottom: 14px;
		padding:0px 0 0 0px;
		background:url(../images/screenshot-button-350w.png) no-repeat 0px -30px;
		font: bold 13px Trebuchet MS1, Helvetica, sans-serif;
		color:#ffffff;
		line-height:2.4em;
		text-align:center;
	}




/*main-content*//*------------------------------------------*/

.main-content {
	margin-bottom: 20px;
	padding-bottom: 20px;
	color:#423d3a;
	font:12px Trebuchet MS1, Helvetica, sans-serif;
	line-height:1.7em;
	width: 380px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}
p {
	color:#423d3a;
	font:12px Trebuchet MS1, Helvetica, sans-serif;
	line-height:1.7em;
	}
a {
	color:#016f1b;
	text-decoration:underline;
	}
	a:hover {
	color:#016f1b;
	text-decoration:none;
	}
h2 {
	color:#5a4314;
	font:bold 18px Trebuchet MS1, Helvetica, sans-serif;
	padding-top:10px;
	margin-bottom:0px;
	line-height:1.7em;
}
	h2 strong {
	color:#5a4314;
	font:bold 22px Trebuchet MS1, Helvetica, sans-serif;
	padding-top:10px;
	margin-bottom:0px;
	line-height:1.7em;
	}
h3 {
	color:#6f5520;
	font:normal 16px Trebuchet MS1, Helvetica, sans-serif;
	line-height:1.5em;
	margin-bottom: 0px;
}
li {
	color:#423d3a;
	font:12px Trebuchet MS1, Helvetica, sans-serif;
	line-height:1.7em;
	}
	


.order-section {
	background: #ece5d5;
	padding-top:8px;
	padding-bottom:14px;
	margin-bottom: 20px;
	float:left;
	margin-top: 14px;
	border:#ad9d7a dotted 1px;
	width: 95%;
}
.order-section h2{
	color:#015b16;
	margin: 0px 14px 5px 14px;
	text-transform:uppercase;
	padding-top:0px;
 	font:22px Trebuchet MS1, Helvetica, sans-serif;
}
	.order-section a.button {
		display:block;
		height: 30px;
		margin-left: 14px;
		margin-bottom: 14px;
		padding:0px 0 0 10px;
		background:url(../images/place-order-button.png) no-repeat 0px 0;
		font:21px Trebuchet MS1, Helvetica, sans-serif;
		text-decoration:none;
		color:#FFFFFF;
		line-height:1.5em;
	}
	.order-section a:hover.button {
		display:block;
		height: 30px;
		margin-left: 14px;
		margin-bottom: 14px;
		padding:0px 0 0 10px;
		background:url(../images/place-order-button.png) no-repeat 0px -30px;
		font:21px Trebuchet MS1, Helvetica, sans-serif;
		color:#5ea46c;
		line-height:1.5em;
	}
.order-section p {
	color:#5a4314;
	margin: 0 14px 14px 14px;
}


/*Tabbed section//*------------------------------------------*/
.tabbed-section {

}



/*Side Column//*------------------------------------------*/
.side-column{
	margin-top:-148px;
}
.side-column img {
	margin-bottom:14px;
	float:left;
}

.side-column .order-section{
	width:400px;
	margin-left:15px;
	margin-top:10px;	
}


/*footer*//*------------------------------------------*/
#footer {
 	border-top:#ad9d7a 1px dotted;
 	text-align:center;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 940px;
}
#footer p {
	margin-top:6px;
	font:10px Trebuchet MS1, Helvetica, sans-serif;
	color:#5a4314;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

/*Virtual Booth page*//*---------------------------------------*/
body#virtual-booth {
	background: #7e6b44 url(../images/virtual-booth-page/bg-photo.jpg) top no-repeat;
	text-align:center;}