/***********************************************/
/* color palette                               */
/***********************************************/
/*                                          
/* dark brown         | #84785E
/* light brown        | #B9B09D
/* light blue         | #69BFDE
/* dark blue          | #4A8797
/* orange							| #FFBB20
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body	{
	text-align: center;
	min-width: 720px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#333333;
	line-height:1.166;
	margin:0;
	padding:0;
	background:#fff;
}
h1,h2,h3,h4,h5{margin:0.5em 0;padding:0;}
h1 {font-size: 1em; font-weight:bold;}
h2 {font-size: 1.5em; font-weight: bold;}
h3 {font-size: 0.8em; font-weight: bolder; padding-left: 0.3em;}
h4 {}
h5 {font-size: 1.2em; font-weight: normal;}
ul {margin-left: 0.1em;}
img {border: none; padding: 0 0 10px 0;}
/******* hyperlink and anchor tag styles *******/

a {color: #FFBB20; text-decoration:none; font-weight: bold;}
a:hover {color: #FFBB20; text-decoration: underline;}

/********* form and related tag styles *********/

form {margin: 0;padding: 0;}
label{font: bold 1em Arial,sans-serif;color: #334d55;}				
input{font-family: Arial,sans-serif;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#businessheader {
	float: left;
	margin:0;
	text-align:left;
	width:100%; height: auto;
	border-top: 20px solid #b9b09d;
	border-bottom: 20px solid #b9b09d;
}
#title {
	float: left;
	background: url(../images/splendidnoise_title.jpg) no-repeat;
	width: 429px; height:60px;
	margin: 0 0 0 20px;
}
#subtitle {
	float: left;
	background: url(../images/splendidnoise_title_subtext.jpg) no-repeat;
	width: 312px; height:22px;
	margin: 30px 0 0 20px;
}
#logo {
	float:right;
	background: url(../images/SplendidNoiseLogo.jpg) no-repeat;
	width: 189px; height:60px;
	margin: 0 40px 0 0;
}
#doc{
 	margin: 0 auto;
	text-align: left;
	width: 720px;
	color: #fff;
}
#nav {
	float:left;
	width: 720px;
}
#content{
	float:left;
	width: 720px;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/
.feature{
	float: left;
	margin:8px 20px 0 0;
	padding: 3px 5px;
	background: #4a8797;
}
.feature p{
	font-size: 0.9em;
}
.feature ul{
	list-style:outside; 
	list-style-type: disc;
}
.feature li{
	font-size: 0.9em;
	padding-bottom:4px;
}
ul.button {
	margin:0;
	padding:0;
	list-style-type: none;
}
ul.button li{
	float: left;
	margin:8px 20px 0 0;
}
ul.button a{
	display:block;
	font-size: 170%;
	color: #fff;
	text-align: center;
}
ul.button a.active {
	background: #b9b09d;
}
ul.button a.active:hover {
	background: #FFBB20;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
ul.button a.selected {
	background: #84785E;
	color: #FFBB20;
}
ul.button a.selected:hover {
	background: #84785E;
	cursor: default;
	text-decoration:none;
}
.image {
	text-align: center;
	padding: 10px 0;
}
.half-width {
	width: 330px;
}
.full-width {
	width: 690px;
}
.quarter-width {
	width: 160px;
}
.three-quarter-width {
	width: 500px;
}
/*.fifth-width {
	width: 120px;
}
.four-fifth-width {
	width: 550px;
}*/
.sixth-width {
	width: 90px;
}
/************** footer styles ****************/

#footer {
	float:left;
	background: #B9B09D;
	margin-bottom: 80px;
}
#footer p {
	color: #666666;
	font-size: 0.7em;
}

/********************* end **********************/