/* 
CSS for Spirit Seeker Expo 
Designed by: Waila Skinner
July 2009
*/

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

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

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #CCC;
	font-size: 12px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	line-height: 18px;
}
a img {
border: 0 none;
}

img {
border: 0 none;
}


a:link, a:visited {
	color:#369;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#F30;
}

.clear {
	clear: both;
}
/* for browsers that don't suck */
#container {
  min-height:8em; 
  height:auto !important;
}

/* for Internet Explorer */
/*\*/
* html #container {
  height: 8em;
}
/**/

.clearfix
{
	display: inline-table;
/* Hides from IE-mac \*/
	height: 1%;
	display: block;
/* End hide from IE-mac */
}

html>body .clearfix
{
	height: auto;
}

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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
#footer {
	color:#4A0B4B;
	font-size:11px;
	height:75px;
	margin-left: 8px;
	text-align: center;
	padding-top: 20px;
	margin-right: 10px;
}
#footer a:link, #footer a:visited {
	color: #666;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}

/* side navigation */
#navcontainer {
	height: 330px;
	background-color: #4A0B4B;
	width: 229px;
	padding-top: 30px;
	margin-top: 5px;
	float: left;
	margin-left: 1px;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0px;
	list-style-type: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#navcontainer a
{
	display: block;
	width: 190px;
	background-color: #490C4A;
	border-bottom: 1px solid #eee;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 35px;
}

#navcontainer a:link, #navlist a:visited
{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .2em;
}

#navcontainer a:hover
{
	background-color: #29002A;
	color: #fff;
	background-image: url(images/ss_expo_01_08.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}
#navcontainer .spiritseeker-menu {
	background-color: #170920;
}


/*#mainContent a:link, #mainContent a:visited,
#housekeepinglinks a:link, #housekeepinglinks a:visited {
	color: #000000;
	text-decoration:underline;
}



#mainContent a:hover, #housekeepinglinks a:hover
{ text-decoration:none; }
*/

#container {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

#header {
}
#header-content {
	margin: 0px;
	padding: 0px;
	height: 100px;
	text-align: right;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	text-align: right;
	display: block;
	padding-top: 10px;
}
#middlebox {
	margin: 0px;
	padding: 0px;
	height: 371px;
	width: 926px;
	margin-left: 5px;
}

#mainContent {
	padding: 10px 10px 20px 20px;
	padding-bottom: 150px;
	background-color: #FFF;
	margin-top: 20px;
	margin-right: 8px;
	margin-left: 3px;
}  /* must be same height as the footer */
.categories-home {
	background-image: url(images/ss_expo_01_17.jpg);
	background-repeat: repeat-x;
	padding: 5px;
	float: left;
	width: 195px;
	margin-right: 10px;
	padding-right: 4px;
}
#featured-home {
	margin: 0px;
	padding: 2px 2px 0px 8px;
	float: right;
	width: 200px;
	border: 7px solid #F4F4F4;
	margin-top: 20px;
	background-color: #E0DBDF;
}
#mainContent h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding: 0px;
	width: 650px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#mainContent h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #306;
}

#mainContent h4 {
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#featured-home h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#featured-home p {
	margin-bottom: .5em;
	margin-top: 0.25em;
}
#featured-home ul li {
	padding-left: 2px;
	margin-left: 24px;
}
.categories-home ul {
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	padding-top: 5px;
}
#mainContent h3 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin-top: 25px;
}
.case-thumb {
	margin: 5px;
	float: right;
}
.casestudy-p {
	width: 450px;
}

#bio {
	margin: 0px;
	padding-top: 15px;
	padding-right: 10px;
	font-size: 11px;
	width: 200px;
	float: right;
}
.bio-images {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 350px;
	width: 210px;
	text-align: center;
}
#ad-box {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 600px;
}
/*-------------------------------------------------------------------------------Interior Pages Styles*/

#sidebar {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1200px;
	width: 230px;
	margin-right: 15px;
}
#maincol {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 650px;
}
#maincol table {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
}
#maincol table td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
#maincol table th {
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: left;
	background-color: #E5FAFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFE1E8;
}
.right-border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #80E0F9;
}
#interiorContent {
	background-image: url(images/interior-bg_03.jpg);
	background-repeat: repeat-y;
	width: 920px;
	background-color: #333;
	margin-left: 5px;
	margin-top: 20px;
}
#maincol ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 35px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	list-style-type: square;
}
#maincol h1  {
	color: #099;
	font-weight: normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 36px;
	padding-top: 20px;
	padding-bottom:10px;
	margin: 10px 0px;
	
}
#maincol h2 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.border-divider {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
	padding-bottom: 10px;
	margin-right: 10px;
	font-weight: normal;
}
#maincol p {
	margin-top: .5em;
	margin-bottom: .5em;
}
.highlight {
	background-color: #FF6;
}
.timeofevent {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 0px;
}
/*-----------------------------------------------Speakers Page*/

.speakers {
	padding: 8px;
	width: 650px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	height: 100%;
	padding-bottom: 15px;
	clear: both;
}
#maincol .speakers h1 {
	font-size: 16px;
	font-weight: normal;
	color: #306;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.speakers-photo {
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align: center;
	background-color: #FFF;
	width: 150px;
}

.speakers-events {
	background-color: #EBEBEB;
	padding: 5px;
	width: 175px;
	margin-top: 0px;
	border-top-width: 0.125em;
	border-top-style: dotted;
	border-top-color: #999;
	font-size: 11px;
	float: left;
	margin-right: 15px;
	padding-bottom: 30px;
}
#maincol .speakers-events h1 {
	font-weight: normal;
	font-size: 12px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 2px;
}
.speakers-text {
	margin: 3px;
	padding: 3px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
	width: 425px;
}
#container .speakers p {
	margin-top: .5em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#maincol .speakers h2 {
	font-size: 14px;
	font-weight: normal;
	color: #09F;
	font-family: Tahoma, Geneva, sans-serif;
}
#container .speakers-events ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	list-style-type: square;
}
 /*--------------------------------------------End Speakers Page*/
#maincol #yogabox {
	font-size: 11px;
	color: #333;
	background-color: #F2F2F2;
	margin: 10px;
	padding: 10px;
	float: right;
	width: 185px;
}

#container #maincol h4 {
	color: #0099CC;
	font-family: tahoma, verdana, arial;
	font-size: 16px;
	font-weight: normal;
}
.content-img {
	margin: 2px;
	padding: 2px;
	float: left;
	border: 3px solid #D7D5D3;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: both;
}
.content-img-right {
	margin: 2px;
	padding: 2px;
	float: right;
	border: 3px solid #D7D5D3;
	margin-bottom: 10px;
	clear: both;
	margin-left: 15px;
}
#maincol .notfree-event {
	background-color: #EAEAEE;
	background-image: url(images/money_dollar.png);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	padding-left: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #80E0F9;
}
.keynote-icon {
	font-weight: bold;
	color: #4A0B4B;
	background-image: url(images/medal_gold_3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.announcement-banner {
	font-family: tahoma, verdana, arial;
	font-size: 14px;
	color: #333333;
	background-color: #FFFF99;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCC66;
	border-bottom-color: #FFCC66;
	font-weight: normal;
	padding: 5px;
}
.announcement-coupon {
	font-family: tahoma, verdana, arial;
	font-size: 14px;
	color: #333333;
	background-color: #FFFF99;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCC66;
	border-bottom-color: #FFCC66;
	font-weight: normal;
	background-image: url(images/Conceal.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
}
.featured {
	color: #330033;
	background-image: url(images/user_comment.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	font-weight: bold;
	background-color: #DCF3F0;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}
.content-img-none {
	padding: 3px;
	border: 3px solid #ccc;
	margin-bottom: 10px;
	background-color: #FFF;
	margin-top: 2px;
	margin-right: 2px;
	margin-left: 2px;
}

.cc_form_stylish_MainTable{
	width:222px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	margin-top: 25px;
	margin-left: 20px;
}
.cc_form_stylish_Image{
	background-color:#FFFFFF;
	float:right;
	margin-right:5px;
	margin-top:3px;
}
.cc_form_stylish_DisplayMain{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px; 
	font-weight:normal;
	color:#666666;
}
.middlebox-img {
	float: right;
}
.vendorlist {
	padding: 5px;
	float: left;
	width: 300px;
	margin-right: 5px;
	margin-left: 10px;
}