/*
Website for Cut Price Pool & Spa
http://www.spaspoolsstoves.com/

Blue for footer, main area	#006ba7
Light Blue				#85d0f2 
Darkest Blue			#013f78 
Orange				#d39202 
*/

/* ------- RESET ------- */
*			{margin: 0; padding: 0;}
html,body		{height: 100%; }
body			{position: relative; background: #013f78; 
			margin-bottom: 20px; color: #222; 
			font: 0.75em/1.4em 'lucida grande', arial, sans-serif;
			text-align: justify;}
p			{margin: 8px 0;}
h1,h2,h3	 {margin: 10px 0;}
ul			{list-style: square inside;}
ol			{list-style: decimal inside;}
a			{color: #d39202; outline: none; border: none;}
a:visited, a:hover{color: #00a1e5;}
a img			{border: none;}

/* ------- UTILITY ------- */
.floatleft		{float: left;}
.floatright		{float: right;}
.textcenter		{text-align: center;}
.textright		{text-align: right;}
.clear		{clear: both;}

/* ------- FONT / BULLETS ------- */
/* h1 used for page headers */
h1 			{font: italic small-caps bold 20px/1.2em georgia, serif;
			margin: 35px 0 20px 0; padding: 5px 0;
			text-align: left; border-bottom: 1px solid #013f78;
			color: #006ba7;}
/* h2 used for header within pages (i.e. Vendor names) */
h2 			{font-size: 16px; color: #013f78;}
h2 a		{color: #013f78; text-decoration: none;}
h2 a:hover	{text-decoration: underline;}
/* h3 used on HOME PAGE */
h3.home 			{font: 16px/1.4em georgia, serif; text-align: center;
			color: #013f78; margin: 0;}
h3.home span 		{font-weight: bold; font-style: italic;}

p.bullet_circle 	{padding: 5px 0 5px 20px; text-decoration: none;
			background: url(../images/bullets/circle-sm.gif) no-repeat 0;}
img.bullet-circle	{margin-right: 10px;}
p.bullet-link	{font-size: 1.1em; line-height: 1.6em;}
span.authorized-dealer {font-style: italic; font-weight: normal;}

/* ------- UNIVERSAL------- */
div.faded-hr 	{width: 920px; height: 10px; margin: 10px auto;
			background: #ddd url(../images/faded-hr.jpg) no-repeat center center;
			clear: both;}
div.faded-hr hr 	{display: none;}


/* ------- STRUCTURE ------- */
img#background-image {position: absolute; top: 0; left: 0; width: 100%; z-index: -5000;}
#header 		{width: 960px; height: 200px; margin: 0 auto;}
#header span 	{display: none;}
#container 		{width: 960px; position: relative; background: #fff; 
			margin: 0 auto; padding: 20px 0 0 0;}
#main-image 	{width: 940px; height: 350px; margin: 0 auto;
			border-bottom: 10px solid #006ba7; 
			background: url(../images/home/home-main-image.jpg);}
#main-content 	{width: 930px; margin: 0 auto 40px auto;
			min-height: 300px; height: auto !important; height: 300px;}
#footer-alerts	{width: 930px; margin: 0 auto;}
#footer 		{width: 960px; position: relative; background: #006ba7;
			margin: 70px auto 0 auto; padding: 5px 0;}
#footer-container {width: 930px; position: relative; margin: 0 auto; color: #fff; font-size: 11px;}
#footer-container a {color: #fff; text-decoration: none;}
#footer-container a:hover {color: #fff; text-decoration: underline;}
#credit-cards 	{position: absolute; top: -40px; right: 10px;}
.bbb 		{position: absolute; top: 0; right: 0;}

.vendor			{width: 900px; margin: 10px auto;}
.vendor-left	{width: 160px; float: left;}
.vendor-right	{width: 720px; float: right;}
.vendor-left img {padding: 3px; border: 1px solid #85d0f2;}
.vendor-link	{text-align: right; font-style: italic;}


/* ------- DIRECTIONS ------- */
.directions-box-lt {width: 290px; float: left; margin: 0 0 10px 0;}
.directions-box-center {width: 350px; margin: 0 0 10px 310px;}
.directions-box-rt {width: 250px; float: right; margin: 0 0 10px 0;}
table.hours 	{width: 290px;}

/* ------- GALLERIES ------- */
h3				{font-size: 1em; line-height: 1.4em; color: #444;}
h3 em 			{font-family: "lucida grande", Helvetica, sans-serif; color: #444;
				font-weight: normal; font-style: normal;}
p.largeImg1, p.largeImg2, p.largeImg3 {margin-bottom: 20px; text-align: center;}
img.largeImg1, img.largeImg2, img.largeImg3 {border: solid 1px #85d0f2; padding: 5px; }
.thumbs1, .thumbs2, .thumbs3	{width: 880px; margin: 0 auto;}
.thumbs1 img, .thumbs2 img, .thumbs3 img 	{width: 100px; height: 75px; border: 1px solid #85d0f2; padding: 4px; margin: 3px 5px 5px 5px;}
.thumbs1 a:hover img, .thumbs2 a:hover img, .thumbs3 a:hover img {border-color: #eee; background: #85d0f2;}


/* ------- HOME PAGE ------- */
#home-box-lt 	{width: 293px; float: left; margin: 0 0 10px 0;}
#home-box-center 	{width: 293px; float: left; margin: 0 0 10px 25px;}
#home-box-rt 	{width: 293px; float: right; margin: 0 0 10px 0;}
#home-box-lt p, #home-box-center p, #home-box-rt p {font-size: 11px; margin-top: 0;}
p.learn-more 	{font-style: italic; text-align: right; font-weight: bold;}
p.learn-more a 	{color: #d39202; text-decoration: none;}
p.learn-more a:hover {color: #00a1e5; text-decoration: underline;}
#home-alert-lt 	{width: 450px; float: left;}
#home-alert-rt 	{width: 450px; float: right;}

/* ------- CONTACT US ------- */
.contact-box-lt 	{width: 280px; float: left; margin: 0 0 0 130px;}
.contact-box-center {width: 280px; margin: 0 0 0 325px;}
.contact-box-rt 	{width: 280px; float: right; margin: 0 150px 0 0;}
.contact-box-lt img, .contact-box-rt img, .contact-box-center img {margin: 0 15px;}
#form 			{margin: 10px 0 30px 0;}
.single-field 	{padding: 5px;}
label 			{width: 120px; text-align: right; float: left; margin-right: 10px; font-style: italic;}
input 			{width: 300px; border: 1px solid #999; font-size: 1.2em; 
				padding-left: 4px;}
textarea 		{width: 300px; border: 1px solid #999;}
input.submit-button {margin: 10px 0 0 350px; width: 80px; 
				height: 20px; border: none; outline: none;}
.contact_confirm {font-weight: bold; line-height: 2em; text-align: center; margin-top: 20px;}
.contact_ty 	{font-weight: bold; font-size: 14px;}


/* ------- SERVICE ------- */
#service-lt 	{width: 300px; float: left; margin: 15px 0 10px 0;}
#service-center {width: 300px; float: left; margin: 15px 0 10px 15px;}
#service-rt 	{width: 300px; float: right; margin: 15px 0 10px 0;}


/* ------- SITE MAP ------- */
#sitemap 		{list-style: none;}
#sitemap li 	{margin: 10px 0; font-weight: bold;}
#sitemap li a 	{text-decoration: none;}
#sitemap li a:hover {text-decoration: underline;}