body {background:url(/images/whales3.jpg) no-repeat #95e4e9; font-family:Arial, Helvetica, sans-serif;}

#container {width:820px; margin:20px auto 50px auto;}

#flash {width:800px; margin:0 auto; padding:20px; background:#fff;}

#up-triangle {margin:0 0 0 25px;}

#navigation {margin:0 0 30px 0; float:left;}

h2 {font-size:24px; font-weight:bold; letter-spacing:-0.5px; color:#252525;}

#quotes {height:120px; width:800px; background:#afeff1; padding:20px;}

#buttons {float:right; padding:5px 0 0 0;}

#buttons li {display:inline; text-align:right; margin:0 7px 0 0; font-size:14px;}

#buttons li.last {margin:0 !important;}
#buttons li a {text-decoration:none; color:#a4a0a1; border:1px dashed #a4a0a1; padding:4px 12px;}
#buttons li a:hover {text-decoration:none; color:#a4a0a1; border:1px solid #a4a0a1; padding:4px 12px;}

#buttons li a.current {text-decoration:none; color:#252525; border:1px solid #252525; padding:4px 12px;}
#buttons li a.current:hover {text-decoration:none; color:#252525; border:1px solid #252525; padding:4px 12px;}

#waves {width:100%; background:url(/images/waves.png) repeat-x; height:29px;}

#footer {height:22px; width:800px; background:#fff; padding:8px 20px 0 20px; font-size:12px; color:#252525;}
#footer li a.dark {color:#252525; text-decoration:none; margin:5px 10px 0 0;}
#footer li a.dark:hover {color:#252525; text-decoration:underline;}
#footer li {display:inline; margin:5px 10px 0 0;}
#footer li a {color:#0084b4; text-decoration:none;}
#footer li a:hover {color:#0084b4; text-decoration:underline;}



#quotes {font-size:11px; letter-spacing:0.15px; line-height:16px; text-align:left; padding-top:20px;}
#one {background:#fff; width:165px; padding:8px; margin-left:5px;}
#two {background:#fff; width:165px; padding:8px;}
#three {background:#fff; width:165px; padding:8px;}
#four {background:#fff; width:165px; padding:8px;}
#box-one {float:left; margin-right:20px;}
#box-two {float:left; margin-right:20px;}
#box-three {float:left; margin-right:20px;}
#box-four {float:left;}
#box-one img, #box-two img, #box-three img, #box-four img {margin-left:15px;}


#four a {color:#eb5800; text-decoration:underline !important;}
#four a:hover {color:#0084ff; text-decoration:none;}

#fill-color {background:#afeff1; height:22px; width:840px; font-style:italic; font-size:11px; color:#fff; font-weight:bold;}
#disclaimer {background:#61c6c9; width:300px; margin:0 auto; height:22px; text-align:center; line-height:22px;}

#andrew-conn {float:right; margin:30px 0 0 0;}
#orange-footer {background:#f15a22; width:auto; height:210px;}
#orange-container {background:url(/images/whales-footer.jpg) no-repeat; width:840px; height:210px; margin:0 auto;}


/*--- top slider --*/
#panel {background: #4a4a4a; height: 110px; width:auto; margin:0 auto; display:none; padding:10px 0 20px 0;}
#panel-border {border-bottom:3px solid #989898;}

a.btn-slide {font-size:12px; color:#fff; text-align:center; padding:5px 0 0 0; margin-right:0; cursor:pointer; text-decoration:none; display:block; width:167px; height:35px; letter-spacing:-0.2;}
a.btn-slide:hover {font-size:12px; color:#fff; text-align:center; padding:5px 0 0 0; cursor:pointer; text-decoration:underline; display:block; width:167px; height:35px; letter-spacing:-0.2;}

#contact_info {float:left; width:350px; color:#fff; border-left:1px solid #5a5a5a; border-right:1px solid #5a5a5a; padding:0 28px 0 20px;}
#contact_info a {color:#fff; text-decoration:underline;}
#contact_info a:hover {color:#fff; text-decoration:none;}

#map_directions {float:right; width:350px; color:#fff; margin-right:0; padding:0 20px 0 0; border-right:1px solid #5a5a5a;}
#map_directions a {color:#fff; text-decoration:underline;}
#map_directions a:hover {color:#fff; text-decoration:none;}


#slider-tab {float:right;}



/***********----------------------------------------------------------------- TOOL TIPS **********/
.tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


#rankings {min-height:500px; clear:left;}

#what {min-height:500px; clear:left;}

#what h3 {font-size:16px; color:#666; font-weight:bold; letter-spacing:-0.5px;}

#what a {color:#666; border-bottom:1px dashed #666; text-decoration:none;}
#what a:hover {color:#f15a22; border-bottom:1px solid #f15a22; text-decoration:none;}

#what .pushdown2 a {color:#999; border-bottom:1px dashed #999; text-decoration:none;}
#what .pushdown2 a:hover {color:#f15a22; border-bottom:1px solid #f15a22; text-decoration:none;}

#what #def {font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; font-style: italic; line-height:30px;}
.pushdown {margin-top:12px;}
.pushdown2 {margin-top:32px; color:#999 !important;}

#user-rank-box{
	clear:left;
	text-align:center;
	height: 35px;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 15px;
}