/*     
	CSS STYLESHEET
	PUJAWELLNESS.COM
	NICHOLAS KLICK
	SEPT. 5TH 2008
*/

/* ---- GLOBAL ---- */
*{
margin:0;
padding:0;

}
h1, h2 {margin:0;padding:0;}


/* ---- HTML ELEMENTS ---- */

body{
background-color:#a76425;
font-family: Helvetica, Verdana, sans-serif;
font-size: medium;
color:#5d5c5c;
text-align:center;
}

strong{
font-weight: bold;
}

a {
 border: none;
 text-decoration:underline;
 color:#5d5c5c;
}

a img{
 border: none;

 }
a:hover {
text-decoration:none;
border: none;
color:#5d5c5c;
}
h1 span,  h2 span {display:none;}
h2{

color:#a76425;
}

h3{
color:#a76425;
}

h4{
color:#a76425;
}

/* ---- ID'S ---- */

#outer_wrapper{
margin: 0 auto;
text-align:left;
background-color:#FFFFFF;
width: 853px;

}

#inner_wrapper{
margin: 0px 0px 15px 0px;
padding: 20px 0px 20px 0px;
width: 853px;
}

#header{
margin: 15px 0px 35px 21px;
padding-bottom:20px;
display:block;
}

#logo{
float:left;
margin-right: 20px;
}

#logo_sub{
float:left;
padding-top: 9px;
}

#nav{
margin: 20px 0px 25px 0px;
background-color:#dbbe54;
height:58px;
}


#nav_links{
height:26px;
margin-top:9px;
background-color:#dbbe54;
text-align:center;
color:#e4e4e5;
font-size: 0.8em;
margin:10px 0 0 22px;

}

#nav_links a {
  color:#FFFFFF;
  display:block;
  float:left;
  font-size:1.1em;
  padding-right:20px;
  text-decoration:none;
}

#nav_links a:hover {
color:#e4e4e5;
text-decoration:underline;
}

#home{
height:620px;
margin-left:25px;
background-color:#FFFFFF;
}
 

#main{
margin-left:25px;
background-color:#FFFFFF;
overflow:auto;
}

#home_left{
margin: 0px 10px 0px 0px;
float:left;
}

#home_right{

width:190px;
float:left;
}

#home_right p{
padding: 3px;
font-size:0.7em;
height:102px;
/*
overflow:auto;
*/
}

#home_right a{
padding: 3px;
font-size: 0.7em;
color: #5f7eb5;
}

#main_left{
margin: 0px 20px 0px 0px;
float:left;
width: 610px;
font-size:0.8em;
}

#main_left_services{
margin: 0px 0px 0px 0px;
float:left;
width: 610px;
height:400px;
overflow:auto;
font-size: 0.8em;
}

#main_left p {
margin-top:10px;
}

#main_left a {
}

#main_right{
text-align:left;
width:130px;
float:left;
margin-left:35px;
margin-top:69px;
font-size: 0.7em;
color:#5f7eb5;


}

#main_right p {


}

#main_right p a {
color:#5f7eb5;
 text-decoration:underline;
}

#main_right p a:hover {
color:#384152;
 text-decoration:none;
}

#main_right h4 {
color:#e7b232;
}

#events{
background-color:#FFFFFF;
height:190px;
width:200px;
padding:1px;
height:161px;
margin: 0px 0px 15px 0px;
border: 1px solid #9B9B2F;
}

#events li{
font-size:0.6em;
list-style:none;

}

#specials{
background-color:#FFFFFF;
width:200px;
padding:1px;
height:190px;
margin: 0px 0px 12px 0px;
border: 1px solid #AA7A41;
}
#specials li{
font-size:0.6em;
list-style:none;
}


#copyright{
color:#c5c5c7;
text-align:right;
padding: 0px 0px 15px 25px;
}

#copyright p{
text-align:left;
font-size: 0.7em;
color:#a76425;

}
#copyright p img{

}

/* ---- CLASSES ---- */
.menu a .menubox{
visibility:visible;
}

.menu .menubox{
visibility:hidden;
}
.menu a:hover .menubox{
visibility:visible;
}

.nav_dots_bottom{
}


.dots{
background: url('../images/dots.gif') repeat-x;
width: 803px;
margin: 15px 25px 15px 25px;

}

.dots_event{
background: url('../images/dots.gif') repeat-x;
width: 600px;
margin: 15px 0px 15px 0px;

}

.img_place{
float:right;
margin:0px 0px 20px 20px;

}

.event{
padding-left:3px;
font-size:0.9em;
}

.event p{
margin-bottom:20px;
}
.event  li{list-style-type:disc;}

.event a img{
margin-bottom:-4px;
}

/* Photoslider */


.photoslider {

}

.photoslider_nav {
	position: relative;
	border: solid black 1px;
	overflow: hidden;
	height: 90px;
	width: 550px;
	margin: auto;
}

.photoslider_thumbBar {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.photoslider_thumb {
	position: relative;
	border: solid black 1px;
	width: 50px;
	height: 50px;
	float: left;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
}

.photoslider_clear {
	clear: both;
}

.photoslider_main  {
	position: relative;
	height: 420px;
	padding-bottom: 5px;
}

.photoslider_main img {
	position: relative;
	border: solid #000 10px;
	display: block;
	margin: auto;
}

.photoslider_caption {
	font-weight: bold;
	text-align: center;
}

.photoslider_control {
	display: none;
	font-weight: bold;
	padding-top: 10px;
	height: 30px;
	width: 60px;
}

.photoslider_play, .photoslider_stop {
	width: 25px;
	height: 19px;

	cursor: pointer;
	text-align: center;
	border: solid #fff 1px;
	float:left;
}

.photoslider_play {
	background: url('/images/slideshow/play_pause.gif') no-repeat 0px 0px;
}

.photoslider_stop {
	background: url('/images/slideshow/play_pause.gif') no-repeat -25px 0px;
}

.slideshow_disabled {
	border-bottom: solid #919191 2px;
}

.specials_page h3{
	padding-bottom:15px;
}


/*  Jquery Tabs  */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.tabs-nav {
		display: none;
	}
}

/* Skin */
.tabs-nav {
	list-style: none;
	margin: 0;
	margin-bottom: 15px;
	padding: 0 0 0 4px;
	
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */

}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0 10px;
}

.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #a76425;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */   
	background-color:#e4e1dd;
	border-bottom:1px solid #c1bfbc;
	
}
.tabs-nav .tabs-selected a {
	color: #7c3e04;
	border-top:1px solid #c1bfbc;
	border-right:1px solid #c1bfbc;
	border-left:1px solid #c1bfbc;
	border-bottom:none;
	background-color:#FFFFFF;
}

.tabs-nav a span {
	width: 40px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
.tabs-nav a span { /* hide from IE 6 */
	width: 90px;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {

}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {

}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled {
	opacity: .4;
}
.tabs-container {
	margin-top: 0px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


#bottom_of_nav{
border-bottom:1px solid #c1bfbc;
width:550px;	

}

.tabs-container b{
text-transform: uppercase;
}

.tabs-loading em {
	padding: 0 0 0 20px;
}