/********************************************
* CSS DOCUMENT - Olicana
********************************************/	

	body {	
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		background-color: #e5e5e5;
		background-image:  url(../images/bg.gif);
		background-position: center top;
		background-repeat: repeat-y;
		margin: 8px 0 0 0;
		padding: 0;
		text-align: center;
		color: #708090;
	}
	
	a {	
		color: #526C36;
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	html { 
		height: 100%;
		margin-bottom: 20px;
	}
	
	form {
		margin: 0;
		padding: 0;
	}
	
	img {
		border: none;
	}
		
h2{
	color: #536d37;
	font-size:1.8em;
	margin-top: 0;
}

/********************************************
* LAYOUT/DESIGN
********************************************/

	div#wrap {
		margin-left: auto;
		margin-right: auto;
		width: 730px;
		padding: 0 10px 0 10px;
		text-align: left;
	}
	
	#header {
		width: 710px;
		height: 126px;
		background-color: #526C36;
		background-image:  url(../images/header_bg.jpg);
		background-position: left top;
		background-repeat: no-repeat;
		padding: 0 0 0 20px;
		float: left;
	}
	
	#header h1 {
		font-size: 100%;
		width: 126px;
		height: 126px;
		margin: 0;
		padding: 0;
		background-color: #526C36;
		background-image:  url(../images/logo.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		display: block;
		float: right;
	}
	
	#header h1 span {
		display: none;
	}
	
	#header h1 a {
		font-size: 100%;
		width: 126px;
		height: 126px;
		margin: 0;
		padding: 0;
		background-color: #526C36;
		background-image:  url(../images/logo.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		display: block;
		float: right;
	}
	
	#contentarea {
		width: 710px;
		background-color: #fff;
		margin: 20px 0 0 0;
		padding: 0 10px 0 10px;
		float: left;
	}
	
	#contentarea p {
		line-height: 18px;
		margin: 0 0 14px 0;
		padding: 0;
	}
	
	#contentarea.index h2 {
		font-size: 100%;
		height: 25px;
		background-position: left top;
		background-repeat: no-repeat;
		margin: 0 0 14px 0;
		padding: 0;
	}
	
	#contentarea.index h2 span {
		display: none;
	}
	
	#contentarea ul {
		list-style-image: none;
		list-style-type: none;
		margin: 12px 0 14px 0;
		padding: 0;
	}
	
	#contentarea li {
		color: #708090;
		background-image:  url(../images/bullet.gif);
		background-position: left top;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0 0 12px 10px;
	}
	
	.welcome {
		background-image:  url(../images/welcome.gif);
	}
	
	.about {
		background-image:  url(../images/about.gif);
	}
	
	.designstudio {
		background-image:  url(../images/designstudio.gif);
	}
	
	.contact {
		background-image:  url(../images/contact.gif);
	}
	
	.choosetube {
		background-image:  url(../images/choosetube.gif);
	}
	
	#contentarea h3 {
		font-size: 100%;
		color: #708090;
		margin: 0;
		padding: 0;
	}
	
	#contentleft1 {
		width: 480px;
		background-color: #fff;
		margin: 0 0 20px 0;
		float: left;
	}
	
	#contentleft1a {
		background-color: #fff;
		margin: 0 0 20px 0;
		float: left;
	}
	
	#contentleft2 {
		width: 260px;
		background-color: #fff;
		margin: 0 0 20px 0;
		float: left;
	}
	
	#contentleft3 {
		width: 200px;
		background-color: #fff;
		margin: 0 0 20px 0;
		float: left;
	}
	
	#contentleft4 {
		width: 160px;
		background-color: #fff;
		margin: 0 0 20px 0;
		float: left;
	}
	
	#contentright1 {
		width: 200px;
		background-color: #fff;
		margin: 35px 0 20px 30px;
		float: left;
	}
	
	#contentright2 {
		width: 380px;
		background-color: #fff;
		margin: 0 0 20px 70px;
		float: left;
	}
	
	#contentright3 {
		width: 440px;
		background-color: #fff;
		margin: 0 0 20px 70px;
		float: left;
	}
	
	#contentright4 {
		width: 510px;
		background-color: #fff;
		margin: 0 0 20px 40px;
		float: left;
	}
	
	#contentright3 img {
		border: 0;
		margin: 0 0 20px 0;
	}
	
	#resultsarea {
		width: 710px;
		font-size: 94%;
		background-color: #fff;
		margin: 0;
		padding: 15px 10px 20px 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #BDC7D3;
		float: left;
	}
	
	#resultsarea p {
		line-height: 18px;
		margin: 0 0 14px 0;
		padding: 0;
	}
	
	#resultsarea h2 {
		font-size: 100%;
		height: 21px;
		background-position: left top;
		background-repeat: no-repeat;
		margin: 0 0 14px 0;
		padding: 0;
	}
	
	#resultsarea h2 span {
		display: none;
	}
	
	.results {
		background-image:  url(../images/results.gif);
	}
	
	#footer {
		font-size: 94%;
		color: #4F5A65;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #d8d8d8;
		padding: 20px 10px 20px 10px;
		clear: both;
	}
	
	#footer p {
		line-height: 12px;
		margin: 0 0 14px 0;
		padding: 0;
	}
	
/********************************************
* TAB NAV
********************************************/
	
	#tabnav {
		width: 730px;
		background-color: #999999;
		padding: 0;
		margin: 10px 0 0 0;
		float: left;
		position: relative;
		clear: both;
	}
	
	#navlist {
		width: 730px;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	#navlist li {
		list-style: none;
		margin: 0;
		float: left;
	}
	
	#navlist li a {
		width: 121px;
		color: #fff;
		background-color: #999999;
		font-weight: bold;
		padding: 5px 0 5px 0;
		margin: 0;
		text-decoration: none;
		text-align: center;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #d8d8d8;
		display: block;
	}
	
	#navlist li a:hover {
		background-color: #7a7a7a;

	}
	
	#navlist li a#current {
		color: #fff;
		background-color: #7a7a7a;
	}
	
/********************************************
* TABLES
********************************************/
	
	.table {
		width: 710px;
		font-size: 100%;
		color: #374048;
		background-color: #fff;
		border: 0;
		border-collapse: collapse;
		line-height: 14px;
	}
	
	.table td {
		padding: 3px;
		text-align: center;
	}
	
	.tablehead1 {
		color: #fff;
		background-color: #526C36;
	}
	
	.tablehead2 {
		color: #fff;
		background-color: #6666CC;
	}
	
	.tablehead3 {
		color: #fff;
		background-color: #FF9900;
	}
	
	.tableleft {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #fff;
	}
	
	.tableright {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
	}
	
	.row1 {
		background-color: #E2E6E9;
	}
	
	.float1 {
		float: right;
	}
	
	.highlight1 {
		color: #526C36;
	}
	
	.butt1 {
		width: 60px;
		color: #fff;
		background-color: #999999;
		display: block;
		padding: 2px;
		text-align: center;
		text-decoration: none;
	}
	
	.butt1:hover {
		background-color: #7a7a7a;
	}
	
	
	.grey{
		color: #708090;
		}