/* CSS Document */

body {
	margin: 0px;
	background-image: url(images/site_bkg_alt.png);
	background-attachment: fixed; 
}

img {
	border: none;
}

a:link, a:visited {font-size: .9em; font-family: helvetica, sans-serif; color: #0684A0; text-decoration: underline; font-weight: normal; } 
a:active, a:hover {color: #27ABC1; text-decoration: none; }

p { 
	font-size: .8em; /*13px / .8em*/
	font-family: helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.6em;
	color: #0684A0;  /* #8C8C8C */
}

h2 {
	font-size: 13px;
	font-family: helvetica, sans-serif;
	font-weight: normal;
}

.space {height: 25px;}
.rule_map {margin-left: 30px; width: 80%; margin-top: 20px; border-top: 1px solid #cccccc;}
.rule_side {height: 20px; margin-top: 25px; border-top: 1px solid #00b3d3;}
.phone {font-size: 16px;}
.divide {height: 20px; margin-top: 30px; border-top: 1px solid #b3dcdc;}

/* --------------- site container --------------- */

#content_main {
	width: 100%;
	height: 100%;
}

/* --------------- header --------------- */

#header {
	position: relative;
	width: 970px;
	height: 172px;
	margin: 8px auto 0 auto;
}
	
#logo {
	float: left;
	width: 532px;
	height: 172px;
	margin-left: 75px;
}

#numbers {
	float: right;
	width: 242px;
	height: 41px;
	margin-right: 70px;
	margin-top: 125px;
	background: transparent url(images/phone_numbers.png) no-repeat;
}

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

#content_container {
	width: 970px;
	/*height: 506px;*/
	margin: 0 auto;
	background: transparent url(images/main_bkg_interior.png) no-repeat;
}

/*------------------ nav ------------------*/

.nav_main {
	position: relative;
	float: left;
	width: 100px;
	height: 300px;
	list-style: none;
	margin-top: 50px;
	margin-left: 20px;
	padding: 0;
}

.nav_main li {
	display: block;
	margin: 0;
}

.nav_main li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	width: 100px;
	height: 48px;
}

.nav_main li a.home {background: url(images/nav_bg_main.png) no-repeat 0 0;}
.nav_main li.active a.home, .nav_main li.active a.home:hover {background-position: -200px 0;}
.nav_main li a.home:hover {background-position: -100px 0;}

.nav_main li a.drw {background: url(images/nav_bg_main.png) no-repeat 0 -48px;}
.nav_main li.active a.drw, .nav_main li.active a.drw:hover {background-position: -200px -48px;}
.nav_main li a.drw:hover {background-position: -100px -48px;}

.nav_main li a.staff {background: url(images/nav_bg_main.png) no-repeat 0 -96px;}
.nav_main li.active a.staff, .nav_main li.active a.staff:hover {background-position: -200px -96px;} 
.nav_main li a.staff:hover {background-position: -100px -96px;}

.nav_main li a.care {background: url(images/nav_bg_main.png) no-repeat 0 -144px;}
.nav_main li.active a.care, .nav_main li.active a.care:hover {background-position: -200px -144px;} 
.nav_main li a.care:hover {background-position: -100px -144px;}

.nav_main li a.locations {background: url(images/nav_bg_main.png) no-repeat 0 -192px;}
.nav_main li.active a.locations, .nav_main li.active a.locations:hover {background-position: -200px -192px;} 
.nav_main li a.locations:hover {background-position: -100px -192px;}

.nav_main li a.directions {background: url(images/nav_bg_main.png) no-repeat 0 -240px;}
.nav_main li.active a.directions, .nav_main li.active a.directions:hover {background-position: -200px -240px;} 
.nav_main li a.directions:hover {background-position: -100px -240px;}

.nav_main li a.emergencies {background: url(images/nav_bg_main.png) no-repeat 0 -288px;}
.nav_main li.active a.emergencies, .nav_main li.active a.emergencies:hover {background-position: -200px -288px;} 
.nav_main li a.emergencies:hover {background-position: -100px -288px;}

/*------------------ flash ------------------*/

.tank_flash {
	width: 466px;
	height: 506px;
	margin-left: 120px;
	margin-right: 384px;
	background: transparent url(images/tank_main.png) no-repeat;
}

/*------------------ get flash box ------------------*/

.no_flash {
	width: 190px; 
	height: 125px; 
	text-align: center; 
	margin: 150px 128px 0 118px;
	padding: 20px 15px 0 15px;
	background: transparent url(images/no-flash.png) no-repeat 0 0;
}

.no_flash h2 {font-size: 13px; color: white; padding: 0; margin: 0;}
.no_flash p {color: #66d3eb; font-weight: 100; font-size: 12px; margin-top: -10px; line-height: 1.2em;}
.no_flash a {color: white;} /* #93fe5a */
.no_flash a:hover {color: #d92026;} /* #71d63b */

/*------------------ index content ------------------*/

.right_index {
	float: right;
	width: 380px;
	min-height: 300px;
	scrollbar-3dlight-color:#e6f4f4; 
	scrollbar-arrow-color: white; 
	scrollbar-base-color:#e6f4f4; 
	scrollbar-darkshadow-color:#e6f4f4; 
	scrollbar-face-color:#acd3d3; 
	scrollbar-highlight-color:#e6f4f4; 
	scrollbar-shadow-color:#e6f4f4; 
	scrollbar-track-color:#e6f4f4;
}

.right_index h1 {font-size: 1px; height: 32px; width: 157px; text-indent: -9999px; margin: 21px 0 0 100px; background: transparent url(images/h1_home.png) no-repeat 0 0;}


/*allows proper scrollbar placement if text is enlarged*/
.right_index .scroll {
	overflow: auto;
	margin: 18px 8px 0 15px;
	padding-right: 28px;
	/*background-color: #00CCFF;*/
	height: 320px;
}

.right_index .scroll p {line-height: 1.50em;}

/*------------------ interior sidebar ------------------*/

.right_interior {
	position: relative;
	float: right;
	width: 229px;
	height: 350px;
	padding: 60px 0 0 15px;
	scrollbar-3dlight-color:#008ebe; 
	scrollbar-arrow-color:#007999; 
	scrollbar-base-color:#008ebe; 
	scrollbar-darkshadow-color:#008ebe; 
	scrollbar-face-color:#3ec7f5; 
	scrollbar-highlight-color:#008ebe; 
	scrollbar-shadow-color:#008ebe; 
	scrollbar-track-color:#008ebe;
}

.right_interior .scroll {
	width: 211px;
	overflow: auto;
	margin: 0;
	padding-right: 10px;
	height: 310px;
}

.right_interior .scroll p {
	font-size: 12px;
	line-height: 1.9em;
	color: #bfecec;
}


.right_interior .scroll h2 {
	text-transform: uppercase;
	color: #bfecec;
	font-weight: normal;
}

/*------------------ interior content ------------------*/

.content_interior {
	width: 603px;
	margin-left: 123px;
	margin-right: 244px;
	margin-bottom: 60px;
	padding-top: 8px;
}

.head {
	width: 603px;
	height: 14px;
	background: transparent url(images/content_header.png) no-repeat;
}


.title {
	width: 595px;
	padding-left: 8px;
	background: transparent url(images/content_body.png) repeat-y;
}

.body {
	position: relative;
	width: 523px;
	min-height: 370px;
	padding: 5px 40px 20px 40px;
	background: transparent url(images/content_body.png) repeat-y;
}

.body ul {width: 350px;margin: 0; padding: 0; list-style-type:none;}
.body li {background: url(images/li.png) no-repeat 0 2px; padding-left: 20px; line-height: 5px;}

.character {
	position: absolute;
	bottom: -50px;
	right: -10px;
	z-index: 1000;
}

.headshot {
	position: absolute;
	bottom: 1px;
	right: 15px;
}

.foot {
	width: 603px;
	height: 32px;
	background: transparent url(images/content_footer.png) no-repeat;
}

.content_interior h1.drw {font-size: 1px; height: 60px; width: 587px; text-indent: -9999px; margin: 0; background: transparent url(images/h1_drw.png) no-repeat 0 0;}
.content_interior h1.staff {font-size: 1px; height: 60px; width: 587px; text-indent: -9999px; margin: 0; background: transparent url(images/h1_staff.png) no-repeat 0 0;}
.content_interior h1.care {font-size: 1px; height: 60px; width: 587px; text-indent: -9999px; margin: 0; background: transparent url(images/h1_care.png) no-repeat 0 0;}
.content_interior h1.locations {font-size: 1px; height: 60px; width: 587px; text-indent: -9999px; margin: 0; background: transparent url(images/h1_locations.png) no-repeat 0 0;}
.content_interior h1.directions {font-size: 1px; height: 60px; width: 587px; text-indent: -9999px; margin: 0; background: transparent url(images/h1_directions.png) no-repeat 0 0;}
.content_interior h1.emergencies {font-size: 1px; height: 60px; width: 587px; text-indent: -9999px; margin: 0; background: transparent url(images/h1_emergencies.png) no-repeat 0 0;}

/*------------- begin image slider -------------*/

#gallery_slider {
	position: relative;
	width: 587px;
	height: 364px;
	padding: 0 8px 12px 8px;
	background: transparent url(images/content_body.png) repeat-y;
}

.caption {
	position: absolute;
	left: 42px;
	top: 0;
	background: transparent url(images/gallery_caption.png) no-repeat 0 0;
 	width: 138px;
	height: 37px;
	z-index: 400;
}

#gallery_slider #slidesContainer {
    position: relative;
	margin: 0 auto;
 	width: 511px;
  	height: 364px;
	overflow: auto; /* allow scrollbar */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 3px solid #0684A0;
	border-right: 4px solid #0684A0;
}

#gallery_slider #slidesContainer .slide {
	margin: 0 auto;
	width: 491px; /* -20 px*/
	height: 364px;
}

.slide img {
  float: right;
  margin: 0;
  border: none;
  padding: 0;
}

/*---- begin slider buttons ----*/

.control {
  display: block;
  width: 48px;
  height: 384px;
  text-indent: -9999px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}

#leftControl {
  top: 0;
  left: 20px;
  background: transparent url(images/button_left.png) no-repeat 0 -10px;
}

#leftControl:hover {
  top: 0;
  left: 20px;
  background: transparent url(images/button_left_hover.png) no-repeat 0 -10px;
}

#rightControl {
  top: 0;
  right: 20px;
  background: transparent url(images/button_right.png) no-repeat 0 -10px;
}

#rightControl:hover {
  top: 0;
  right: 20px;
  background: transparent url(images/button_right_hover.png) no-repeat 0 -10px;
}

/*------------------ begin accordian setup ------------------*/

.care_accordian  {
	width: 100%;
	margin-top: 20px;
}

.care_accordian div {
	background: white url(images/gradient.jpg) no-repeat 0 -1px;
	padding: 8px 15px;
	border: 1px solid #c8e5e5;
}

.care_accordian p {
	border: none;
	padding: 1px 0;
}

.care_accordian a {
	cursor:pointer;
	display:block;
	padding:8px;
	margin-top: 0;
	text-decoration: none;
	font-weight:700;	
	font-size:11px;
	font-family: helvetica, sans serif;
	text-transform: uppercase;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #6ecfdb;
	color: #0684A0;
	background: transparent url(images/arrow.png) no-repeat 495px 10px;
}

.care_accordian a img {float: right; padding: 2px 5px 0 0;}

.care_accordian a:hover {
	background-color: #a6e0ee;
}

.care_accordian a.selected {
	color: white;
	background: #0095c2 url(images/arrow_up.png) no-repeat 495px 10px;
}

.care_accordian a.active {
	color: white;
	background: #0095c2 url(images/arrow_up.png) no-repeat 495px 9px;
}

/*------------------ begin tab styling --------------------*/

#directions_tabs {
	overflow: hidden;
	width:522px;
	position:relative;
	margin:0 auto;
}

#directions_tabs .tabs {
	position:relative;	
	height:30px;
	cursor:default;
	background: transparent url(images/gradient.png) no-repeat bottom center;
}
	
#directions_tabs .tabs .item {
	position:relative;
	z-index:900;
	float:left;
	display:block;
	width:150px;
	text-align:center;
	font-weight:700;	
	font-size:11px;
	font-family: helvetica, sans serif;
	text-transform: uppercase;
	color: #0684A0;
	padding-top:12px;
}

#directions_tabs .tabs .lava {
	position:absolute;
	top:0; left:0;
	z-index:0;		
	width:150px;
	height:30px;
	background: transparent url(images/tab_directions.png) no-repeat 0 0;
}
		
#directions_tabs .content {
	position:relative;
	overflow:hidden;
	background: white url(images/content_bkg.png) no-repeat bottom center;
	padding: 10px 0 5px 20px;
	border-left: 3px solid #e4f3f3;
}
		
#directions_tabs .panel {
	position:relative;
	width:1044px;
	padding-top: 10px;
}
		
#directions_tabs .panel a {
	color:#007897;
	font-size: 12px;
	text-decoration:none;
	display:block;
	text-align: center;
	padding: 12px 40px 10px 0px;
}

#directions_tabs .panel a:hover {
	text-decoration:underline;
}
		
#directions_tabs .panel ul {
	float:left;
	width:522px;
	padding:0;
	margin:0;
	list-style:none;
}

/*------------------ footers ------------------*/

#footer_index {
	clear: both;
	width: 970px;
	height: 30px;
	margin: 0 auto;
}

#footer_index .content {
	float: right;
	width: 281px;  /*231px*/
	margin: -70px 60px 0 0 ;
}

#footer_index .content p {
	text-align: center;
	font-size: 9.5px;
	font-family: helvetica, sans-serif;
	text-decoration: none;
	color: #999;  /*#0684A0*/
}

.footer_interior {
	width: 211px;
	height: 30px;
	position: absolute;
	bottom: -56px;
	right: 20px;
}

.footer_interior p {
	text-align: left;
	font-size: 9.5px;
	font-family: helvetica, sans-serif;
	text-decoration: none;
	color: #999;  /*#0684A0*/
}