/* Author: Brandon Miller - Sitewire.net */
/* Last updated: 13 February 2006 */ 
/* The unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2006 Shasta Industries and may not be reproduced. */ 
	
@import url('navbar.css');
@import url('sidenav.css');
@import url('sideBlogger.css');
@import url('two-column.css');
@import url('three-column.css');
@import url('forms.css');
@import url('sitemap.css');
@import url('news.css');

/* MAIN LAYOUT */
*{
	margin:0; padding:0;
}
body {
	background: url(images/background.jpg) repeat-x top;		
}
	
h1, h2, h3, h4, h5, h6 {
	text-transform: capitalize;
	font-family : Helvetica, Arial, sans-serif;
	font-weight : bold;
	color: #000099;	/* #3181B4 */
	letter-spacing: -1px;		
}
h1 {
	font-size : 125%;
}
h2 {
	font-size : 105%;			
}
h2.section, h2 span {
	display : block;
	color : #000099;
	font : 24px Arial, Helvetica, sans-serif;
	border-bottom : 1px solid #000099;
	font-weight : bold;
	margin-right : 5px;
	letter-spacing: -2px;
}
h2 span {
	margin-bottom: 10px;
}
h2.section{
	color : #000099;
}
h2 sub {
	float : right;
	font-size : 14px;
	font-weight : normal;			
}
h3 {
	font-size : 100%;
}
h4, h5, h6 {
	font-size: 90%;
	color : #6B6141;
}
p {
	font : 12px Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration : underline;
	color : #000099;
}
a:hover {
	color : #000099;
}
a:visited {
	color : #000099;			
}
a img {
	 border : 0;
}
a.more {
	background: transparent url(images/small-arrow.gif) no-repeat center left;
	border : 0;
	padding : 0 12px;
	text-transform: uppercase;
	color : #333333!important;
	font : 10px Helvetica, Arial, sans-serif;
	font-weight : bold;
	text-decoration: none;
	letter-spacing : -1px;
	word-spacing: 2px;
}

dl { /* Defines a definition list */
	font : 12px Arial;
	margin : 0 10px;
}
dt { /* Defines a definition term */
	font-weight : bold;		
}
dd{ /* Defines a definition description */
	font-style: italic;
	margin : 5px 2px 15px 8px;
}
select option {
	text-transform: capitalize;
}
dfn.definition {
	font-style: normal!important;
	color : #006BB7!important;
}
#container {								
	margin : 15px 0 0 0;
	background : transparent url(../images/top-background.gif) no-repeat top;
}
#top {
	width : 1000px;
	margin: 0 auto 0px auto;
	border-bottom: 3px solid #000099;	background-color: #EEEEEE;		
}
#bottom {
	width : 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#top #heading {
	background:#FFF;
}
#top #heading #logo, #top #headng .content {
	margin:0 0 0 2px;
	clear:left;
}
#top #heading #logo {
	background-color : #FFFFFF;
}
#top #heading .content {
	border-top : 1px dashed #6B6141;
	background-color: #EEEEEE;
	height : 119px;
}
#top #heading .content p {			
	margin : 5px 10px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #666666;
}
#top #heading .content a {
	color : #000099;
	text-decoration : underline;
}
#top #heading #showcase {		
	float : right;
}	
#top #heading #navbar {
	clear : right;
}
#bottom .content h2 {
	text-transform : uppercase;
}
#bottom .content p, #bottom .content ol, #bottom .content ul, #bottom .content dl {
	font : 12px Arial, Helvetica, sans-serif;
	color : #000066;
	line-height : 16px;
}
body#home #bottom .content {
	padding : 0;
}
#bottom .content {
	margin-left : 240px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}	
#bottom .content h2, #bottom .content h3, #bottom .content h4, #bottom .content p, #bottom .content ul {
	margin : 6px 10px 10px 10px;			
}
#bottom .content ol	{	
	margin-left : 30px;
}
#bottom .content ol li {	
	list-style-position : outside;
	padding : 0;
	margin : 10px 30px 10px 20px;
}
#bottom .content ul {
	margin-left : 20px;
}		
#bottom .content ul li {	
	list-style : square outside url(images/nav-bullet.gif);
	padding : 0;
	margin :10px 0 10px 10px;
}
#bottom .content ul.pageNav {
	font : 12px Arial, Helvetica, sans-serif;
	border-bottom : 1px solid #E7E0CB;
	border-top : 1px solid #E7E0CB;
}
#bottom .content ul.pageNav li {
	line-height: 12px;
	margin-left : 20px;		
}
#bottom .content ul.pageNav li a {
			
}
#bottom .content ul.inline {
	margin-left : auto;
	margin-right : auto;
	padding-left : 60px;			
}
#bottom .content ul.inline li {
	list-style : none;
	display : inline!important;
	margin-left : 5px;	
}
#bottom ul.info {
	margin : 0 0 10px 0;
	font : 10px Arial, Helvetica, sans-serif;
}
#bottom ul.info li {
	list-style : none outside none;
	margin : 0;
	line-height : 20px;
	list-style-type: none;
	list-style-position: outside;
}		
#bottom .content .ad ul.info li {
	line-height : 22px;
}
#bottom .content ul.QA {
	list-style : none outside none;
}
#bottom .content ul.QA li {
	list-style : none outside none;			
}
#bottom .content ul.QA li.Q {
	margin : 10px 0;
	font-weight : bold;
}
#bottom .content ul.QA li.A {
	margin : 0 0 25px 0;
}
#bottom .content ul.QA li span {
	font-weight : bold;
	font-size : 1.5em;
	font-style: italic;
	color : #006BB7;
	margin : 0 10px 0 0;
}
dl.reasons, dl.glossary { /* Defines a definition list */
	margin : 0 30px;
}
dl.reasons dt, dl.glossary dt { /* Defines a definition term */
	font-style : italic;
	display : inline;
	font-weight : bold;     
}
dl.reasons dd, dl.glossary dd { /* Defines a definition description */
	font-style: normal;
	display : inline;
	margin : 0 2px 10px 0;
}
dl dd.clear{
	display : block;font-size : 2px;
}
#column1 {		
	height : 580px;
	width : 192px;
	float : left;			
}
#bottom .content div.ad {
	margin : 0 0 20px 0;
	background-color : #cccccc;
	padding : 10px 0 1px 0;
	border-bottom : 1px solid #000000;
	border-right : 1px solid #000077;
}
#bottom .content div.ad h2 {
	border-bottom : none;
	text-transform: Capitalize!important;
}
#bottom .content .testimonial {
	border-bottom : 1px dashed #B3A981;
}
.remodelingAd {
	
}
.repairAd img
{
	margin-left: -1px;
}
.testimonial, .dyk, .relatedInformation, .ad ,.remodelingAd {
    border-bottom : 1px dashed #000;
	color : #000099;
	line-height : 16px;
}
.testimonial p {
		display : none;
}
.testimonial p, .dyk p, .relatedInformation p,
.testimonial blockquote, .dyk blockquote , .ad p
{
	padding : 10px;
}
.testimonial blockquote, .dyk blockquote,
.testimonial .signed{ 			  	
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
.testimonial blockquote, .dyk blockquote {
	margin : 5px 10px;			  
	font-size : 11px;
}
.testimonial .signed {
	padding : 10px 2px;
	margin : 0 0 0 10px;
	font-size : 12px;
    font-weight : bold;
	display : block;
}
.dyk h3 {
	margin : 0;
}
.ad a {
	text-decoration : none;
}
#footer {
	border : 0;
	clear : both;
	margin: 20px 0 0 0;			
}
#footer .infoSection {
	display : none;
}
body#buyingYourPool #footer #footerPoolsAndSpas.infoSection,
body#remodelingYourPool #footer #footerRemodeling.infoSection,
body#theShastaDifference #footer #footerTheShastaDifference.infoSection,
body#supplies #footer #footerSupplies.infoSection,
body#aboutShasta #footer #footerAboutShasta.infoSection,
body#SiteMap #footer #footerPoolsAndSpas.infoSection,
body#SiteMap #footer #footerRemodeling.infoSection,
body#SiteMap #footer #footerTheShastaDifference.infoSection,
body#SiteMap #footer #footerSupplies.infoSection,
body#SiteMap #footer #footerAboutShasta.infoSection {
	display : block;
}
#footer a, #footer p {
	text-align: center;
	color : #777;			
	font-size : 10px;
}		
#bottom .content #footer p {			
	color : #333333;
	font-size : 10px;
	text-align: center;
}		
.attention {
	font-weight : bold;	
}
table.dataTable {
	margin : 0 auto;
	font : 12px Arial;
	border-top : 1px solid #E0E0E0;
	border-bottom : 1px solid #E0E0E0;
}
table.dataTable td {
	padding : 5px;
	border : 1px solid #E0E0E0;
}
.dataTable thead {
	font : 14px;
	color : #006BB7;
	text-align : center;
}
.dataTable tbody .title {
	text-align : right;
	vertical-align: top;
}
.dataTable td.title {
	font-weight : bold;
	padding : 10px;
	font-size : 12px;						
}
.dataTable .aquaterra {
	background-color : #FFFFFF;
}
.dataTable .concrete {
	
}

#missionStatement {
	border-top : 1px solid #E0E0E0;
	border-bottom : 1px solid #E0E0E0;
	margin : 20px 0;
	text-align: center;
	background-color : #ffffff;			
}
#missionStatement p {
	color : #000!important;
	font-weight : bold!important;
	font-style : italic!important;
}
td.before, td.after {
	text-align : center;
	vertical-align: top;
	width : 198px;
	background : #E7E0CB;
}
td.before h3, td.after h3 {
	text-align : left;
	margin-bottom : 0!important;
	border-bottom : 1px solid #fff;
}
td.before img, td.after img {
	margin : 4px 4px;
	border : 0;
	width : 188px;
}
div.NewsItem {
	border : 1px solid #E7E0CB;
	padding : 0 20px;
	margin : 5px auto;		
}
div.Alternate {
	background-color : #FFFFFF;			
}
div.NewsItem p span {
	font-weight : bold;
	margin : 0 10px 0 0;
}
div#bbb {
	display : none;
}
body#home div#bbb {
	display : inline!important;
	position : relative;
	left:435px;
	top:250px;
	width : 50px;			
}
div#PoolGalleryObject {
	margin : 10px;
}
div.iframe {
	margin : 10px; border : 1px solid #E7E0CB;
}
/* MAIN LAYOUT */

		a.flyOut { text-decoration: none; }
		a.flyOut dt {
			color : #006BB7;
		}
		a.flyOut span {
			display : block;
			margin : auto;
			width : 0px; height : 0px;
			overflow : hidden;
		}		
		a.flyOut img {
			padding : 0; margin : 0;
			border : 5px solid #777;			
		}
		a.flyOut:hover {
			border : 0 solid white;
		}
		a.flyOut:hover span 
		{
			width : 320px; height : auto;
			 overflow : visible;
		}
		
a.imagenp
{
	display: block;
	background-image: url(../images/Headers/BuyingYourPool.jpg);
	width: 568px;
	height: 211px;
	background-repeat: no-repeat ;
}
a.imagenp:hover
{
	background-image: url(../images/Headers/BuyingYourPool_hover.jpg);
}
a.imagenpside
{
	display: block;
	background-image: url(../images/HeldOverPricing/held-over_pricing_2007_np_link.jpg);
	width: 220px;
	height: 59px;
	background-repeat: no-repeat ;
}
a.imagenpside:hover
{
	background-image: url(../images/HeldOverPricing/held-over_pricing_2007_np_link_hover.jpg);
}
a.imagerside
{
	display: block;
	background-image: url(../images/HeldOverPricing/held-over_pricing_2007_rem_link.jpg);
	width: 220px;
	height: 59px;
	background-repeat: no-repeat ;
}
a.imagerside:hover
{
	background-image: url(../images/HeldOverPricing/held-over_pricing_2007_rem_link_hover.jpg);
}

a.imager
{
	display: block;
	background-image: url(../images/Headers/RemodelingYourPool.jpg);
	width: 568px;
	height: 211px;
	background-repeat: no-repeat ;
}
a.imager:hover
{
	background-image: url(../images/Headers/RemodelingYourPool_hover.jpg);
}
.onceAYear
{
	float: left ;
}
#flashVideo
{
	margin : 6px 10px 10px 10px;			
	text-align: center;	
}