﻿
*
{
	font-family:Arial, Sans-Serif;
}
a
{
	color:#70D6EB;
}
p
{
	font-size:15px;
}

body
{
	background:#133F59 url(/images/page-style-bg.jpg) repeat-x;
	margin:0px;
	padding:0px;
}

img
{
	border:none;
}

#homeImageContainer
{
    width:1014px;
    height:340px;
    overflow:hidden;
    position:relative;
    background:url(/images/homepageImageBg.png) no-repeat;
}

.homeImage, #homeOver
{
    position:absolute;
    top:8px;
    left:46px;
}

#homeOver
{
    top:0px;
    left:0px;
    z-index:10;
    width:1014px;
    height:340px;
}

#screenReader
{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:none;
}

#wrapper 
{
	width:1014px;
	margin:0 auto;
	text-align:left;
}

#content
{
	width:1014px;
	overflow:hidden;
}

#header
{
	height:138px;
	margin:5px 0px 0px 110px;
	background:url(/images/Tallman-Pools-Logo-Fish.png) no-repeat top left;
	padding-left:100px;
}

#header img
{
	margin-top:2px;
	margin-left:80px;
}

.header-li
{
	float:left;
	background:url(/images/tab-left.jpg) no-repeat;
	margin:0px;
	padding:0px;
	margin-right:5px;
	width:90px;
	text-align:center;
	display:block;
}

.header-li-a
{
	display:block;
	background:url(/images/tab-right.jpg) no-repeat top right;
	font-size:12px;
	font-weight:bold;
	color:#CEE2E8;
	line-height:30px;
	height:30px;
	text-decoration:none;
	padding:0px 10px;
}

.twitter-feed
{
	background:url(/images/twitter-logo-transparent.png) no-repeat bottom right;
	padding:0px 0px 30px 0px;
}

.tweet-home
{
	margin:8px 0px;
	font-size:12px;
	padding:5px 0px 10px 0px;
	border-bottom:solid 1px #fff;
}

.tweet-home a
{
	font-weight:normal;
	font-size:11px;
}

#jsddm
{	
	margin:0px;
	margin-top:8px;
	padding:0px;
	z-index:100;
	height:30px;
	width:600px;
	display:block;
	list-style:none;
	overflow:hidden;
}

#jsddm li ul
{	
	margin: 0px;
	padding: 0px;
	position: absolute;
	display:none;
	border: 1px solid #133F59;
	background:#155772;
	z-index:100;
	list-style:none;
}

#jsddm li ul li
{	
	background-image:none;
	margin:0px;
	padding:0px;
	text-align:left;
}
	
#jsddm li ul li a
{	
	display:block;
	width: 160px;
	line-height:20px;
	padding:2px 4px;
	background-image:none;
	color: #fff;
	border-bottom:solid 1px #133F59;
}
	
#jsddm li ul li a:hover
{	
	background:#176C87;
}

#jsddm .last
{
	border:none;
}


#page-image
{
	margin:0px;
	padding:0px;
}

#page-image img
{
	margin:0px;
	padding:0px;
}

#page-title
{
	position:absolute;
	top:140px;
	left:40px;
	width:800px;
	height:65px;
	z-index:1;
}


#flash
{
	width:995px;
	height:328px;
	margin-left:-18px;
}

#flash-bottom
{
	background:url(/images/home-feature-bg.png) no-repeat;
	width:949px;
	height:183px;
	margin-left:42px;
	margin-top:-20px;
}

#tallman-advantage
{
	float:left;
	padding-top:10px;
	width:600px;
	padding-left:13px;
}

#tallman-advantage h1
{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	font-size:20px;
	font-family:"Arial Narrow", Arial, Sans-Serif;
	color:#fff;
	font-weight:bold;
}

#tallman-advantage p 
{
	margin:3px 0px;
}

#tallman-advantage p img
{
	float:right;
	margin-left:5px;
	margin-right:5px;
}

#tallman-advantage a
{
	font-weight:bold;
	font-size:14px;
	color:#fff;
}

#tallman-advantage .feature-a
{
	font-size:17px;
	font-family:"Arial Narrow", Arial, Sans-Serif;
	color:#fff;
	display:block;
	margin:6px 0px;
	font-style:italic;
	line-height:16px;
}

#tallman-advantage .feature-b
{
	font-family:Arial, Sans-Serif;
	font-size:15px;
	display:block;
	margin:6px 0px;
	color:#fff;
	font-weight:bold;
}

#tallman-advantage .feature-c
{
	font-family:Arial, Sans-Serif;
	font-size:15px;
	color:Yellow;
	display:block;
	margin:6px 0px;
	font-weight:bold;
}


#tallman-advantage h3
{
	font-size:14px;
	font-weight:bold;
}

#tallman-feature
{
	float:left;
	width:300px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:5px;
	text-align:center;
}

#tallman-feature h1, #tallman-feature h2, #tallman-feature h3
{
	font-size:24px;
	margin:5px 0px;
	line-height:24px;
	font-weight:bold;
}

#tallman-feature h2
{
	font-size:16px;
	margin:2px 0px;
	line-height:16px;
	color:#fff;
	font-weight:normal;
}

#tallman-feature a
{
	margin:5px 0px;
	display:block;
	color:#fff;
}

#flash-placeholder
{
	height:494px;
}

#feature
{
	width:949px;
	margin-left:42px;
	background:url(/images/feature-bg.jpg) repeat-y;
}

#pageContainer
{
    margin-left:16px;
}

#feature-content
{
	min-height:146px;
}

#feature-top
{
	height:16px;
	background:url(/images/feature-top.jpg) no-repeat;
}

#feature-bottom
{
	height:24px;
	background:url(/images/feature-bottom.jpg) no-repeat;
}

#pool-select
{
	margin:10px 0px 0px 13px;
	padding:0px;
	list-style:none;
	background:url(/images/PoolBar-On.jpg) repeat-x;
}

#pool-select li
{
	float:left;
	width:115px;
	border:solid 1px #ACACAC;
	border-right:solid 1px #fff;
	margin:0px;
}

#pool-select a
{
	display:block;
	background:url(/images/PoolBar-Off.jpg) repeat-x;
	width:115px;
	min-height:83px;
	text-align:center;
	text-decoration:none;
	color:#555;
	font-weight:bold;
}

#pool-select a:hover
{
	background:url(/images/PoolBar-On.jpg) repeat-x;
}

.pool-select-details
{
	clear:both;
	margin-left:13px;
	background:#fff;
	width:925px;
	padding:5px 5px 0px 5px;
	display:none;
}

.pool-select-details h1
{
	font-size:18px;
	font-weight:bold;
	color:#555;
}

.pool-select-bottom
{
	margin-left:13px;
	background:url(/images/content-bottom.jpg) no-repeat;
	width:935px;
	height:16px;
}

.clear
{
	clear:both;
}
.page-content
{
	margin-left:28px;
	width:935px;
	color:#fff;
}

h1
{
	font-size:30px;
	font-weight:bold;
	color:#fff;
	margin:-10px 0px 0px 26px;
	padding:0px;
	z-index:100;
}

h2
{
	font-size:16px;
	font-weight:bold;
	color:#C5D2DB;
}

#breadcrumb, #breadcrumb a
{
	font-size:11px;
	color:#C5D2DB;
	padding:2px 0px;
	margin-bottom:10px;
}



.model-list
{
	border-top:solid 1px #f8f8f8;
	border-bottom:solid 1px #f8f8f8;
	padding:5px 0px;
	margin:10px 0px;
	width:917px;
}

.model-list a
{
	float:left;
	margin:0px 4px;
	font-weight:bold;
	font-size:13px;
	display:block;
	text-decoration:none;
	text-align:center;
}

.pool-list
{
	width:300px;
	float:left;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:15px;
	cursor:pointer;
}

.pool-list img
{
	float:left;
	padding-right:5px;
	width:164px;
	height:123px;
	
}

.form-input
{
	font-size:11px;
	width:250px;
}

#mail-fields
{
	display:none;
}

.pool-list a
{
	display:block;
	font-weight:bold;
	padding-bottom:5px;
	font-size:13px;
}

.copy-note
{
	font-size:11px;
	color:White;
	padding-left:28px;
	
}

#footer, .footer
{
	padding:2px;
	margin:5px;
	margin-right:43px;
	margin-left:27px;
	margin-top:1px;
	border-top:solid 1px #899FAC;
}

#footer div
{
	font-size:13px;
	color:#fff;
	padding:5px 0px;
}

#footer img
{
    margin:3px;
}

#contact-info
{
	border-top:solid 1px #899FAC;
	border-bottom:solid 1px #899FAC;
	padding:2px;
	margin-right:43px;
	margin-left:27px;
	margin-bottom:1px;
	margin-top:10px;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	line-height:15px;
	padding-bottom:5px;
}

.hor-list
{
	float:left;
	margin-right:15px;
	list-style:none;
}

.form label
{
	float:left;
	width:120px;
	text-align:right;
	margin:10px 0px;
	margin-right:5px;
	font-size:12px;
}

.form input, .form select
{
	margin:10px 0px;
}

.form submit
{
	font-weight:bold;
	padding:0px 10px;
}

.pricing
{
	font-size:22px;
	display:block;
	color:Yellow;
	margin:10px 0px;
	border-top:solid 1px #899FAC;
	border-bottom:solid 1px #899FAC;
	font-weight:bold;
	padding:3px 0px;
	font-family:"Arial Narrow", Arial, Sans-Serif;
}
.Copy
{   
    font-size:5px;   
    width:450px;
    padding:5px;
}

.tweet
{
	margin:10px 0px;
	padding:5px 0px;
	border-bottom:solid 1px #899FAC;
}


.boxFullTop, .boxFullBottom, .boxHalfTop, .boxHalfBottom
{
	width:950px;
	height:20px;
	background:url(/images/boxFullTop.png) no-repeat;
	margin:0px;
	float:left;
}

.boxHalfTop
{
	width:460px;
	background:url(/images/boxHalfTop.png) no-repeat;
}

.boxFull, .boxHalf
{
	width:920px;
	background:url(/images/boxFullBg.png) repeat-y;
	padding:0px 15px 0px 15px;
	margin:0px;
	float:left;
}

.boxHalf
{
	width:430px;
	background:url(/images/boxHalfBg.png) repeat-y;
}

.boxFull h2, .boxHalf h2
{
	margin:0px 0px 10px 0px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
}

.boxFullBottom, .boxHalfBottom
{
	float:left;
	width:950px;
	height:27px;
	background:url(/images/boxFullBottom.png) no-repeat;
}

.boxHalfBottom
{
	width:460px;
	background:url(/images/boxHalfBottom.png) no-repeat;
}

.tileBox
{
	float:left;
	width:460px;
	overflow:hidden;
}

.tiles label
{
	width:90px;
	min-height:140px;
	display:block;
	text-align:center;
	float:left;
	margin:0px 10px 15px 0px;
	font-size:11px;
}

.tiles label img
{
	display:block;
	margin:0px 0px 5px 0px;
}


.blogroll
{
	
}

.blogroll div, .blogroll a, .blogroll span, .blogroll h2
{
	color:#FFFFEC;
}

.blogroll h2
{
	font-size:20px;
	font-weight:bold;
	font-family:'arial narrow', Arial, Sans-Serif;
	margin-bottom:5px;
}

.blogroll div
{
	padding:5px 0px;
	border-bottom:solid 1px #FFFFEC;
}

.blogroll a
{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.blogroll a:hover
{
	text-decoration:underline;
}

#photoGallery h2
{
	border-bottom:solid 1px #ABD2DB;
	padding:3px 0px;
	font-weight:bold;
}

#poolGalleryModelList img
{
	float:left;
	margin-right:2px;
}

.Content-Page
{
    width:925px;
    padding:0px;
    margin:0px;
}

a
{
    color:#4DCBE6;
    font-weight: bold;
}

li
{
	margin:15px 0px;
	font-size:12px;
}

.teal-box p
{
    background-color:#166A84;
    padding:5px;
    width:99%;
    margin:5px 0px;
    font-size:15px;
}

.teal-box-left
{
    background-color:#166A84;
    padding:5px;
    width:100%;
    float:left;
    margin:5px 0px;
}



.teal-box-left img
{
    margin-right:5px;
    padding-top:5px;
}

h4
{
    font-size:18px;
    font-weight:bold;
}

.Content
{
    float:left; 
    width:665px; 
    padding:5px;
    margin:0px;
}



.Side-Bar
{
    float:right; 
    padding:5px;
    margin:0px;
}

.Bullet
{
    margin:0px;
    padding:0px;
}

.Bullet li
{
    list-style:none;
    background:url(/images/Bullet.png) no-repeat;
    font-size: 15px;
    line-height:15px;
    padding-left:20px;
}

hr
{
    width:100%;
    margin:0px;  
}

h6
{
    font-family:Tahoma;
    font-weight:bold;
    color:#ccc;
    font-size:14px;
}
.Check-Box li
{
    list-style-position: outside;
    list-style-image:url(/images/Check-Box.png);
    font-size: 16px;
    border-bottom:solid 1px #ccc;
    padding-bottom:5px;
}

.Links-left
{
    float:left;
    width:33%;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.note
{
    font-size:11px;
    font-style:italic;
}

.price-note
{
    font-size:10px;
}
#Advantage th
{
    font-weight:bold;
}

#Advantage td, #Advantage th
{
    text-align:center;
    padding:4px;
    vertical-align:middle;
}

#Advantage td
{
    height:40px;
}

#Advantage a
{
    color:#fff;
}

#Advantage ul
{
    margin:5px;
    list-style-position:inside;
}
#Advantage li
{
    text-align:left;
    margin:3px 0px;
}

#Advantage .Concrete, #Advantage .Vinyl
{
    
    background:#6F6F6F url(/images/td-gray-bg.jpg) repeat-x;
    border-left:solid 1px #555;
    border-bottom:solid 1px #555;
}

#Advantage .Fiberglass
{
    background:#00758D url(/images/td-blue-bg.jpg) repeat-x;
    width:350px;
}

#Advantage .Category
{
    background:none;
    background-image:none;
    text-align:right;
    font-weight:normal;
    font-size:12px;
    width:120px;
}

.Column-1
{
    float:left;
    padding:5px;
    background-color:#155672;
    margin:5px 5px;
    border:solid 1px #ccc;
}

.Column-2
{
    float:left;
    padding:5px;
    margin:5px 5px;
    border:solid 1px #ccc;
    background-color:#166A84;

}

.Column-3
{
    float:left;
    padding:5px;
    background-color:#1993AB;
    margin:5px 5px;
    border:solid 1px #ccc;
}

.Homepage-Info
{
    width:600px;
    float:left;
    padding:5px 10px;
    color:#fff;
}

.Homepage-Photos
{
    width:310px;
    float:right;
    padding:0px 8px 0px 5px;
    color:#fff;
}

#enjoy
{
    margin-top: 450px;
}

.Copyright
{
    font-size:5px;   
    width:450px;
}

.Homepage-TOI
{
   background:url(/images/Diamond.png) no-repeat padding-top"35px"; 
}

#newsListing
{
    margin-bottom:50px;
}

#newsListing h2
{
    margin-bottom:0px;
    color:#fff;
}

#newsListing p
{
    margin-top:0px;
}

#newsListing a
{
    font-size:12px;
    font-style:italic;
}

#newsListing hr
{
    margin:10px 0px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; cursor:default;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:default;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{background:#00AFD5; margin-top:20px;}
        #cboxLoadedContent{background:#00AFD5; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#fff; font-weight:bold; }
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#00AFD5;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
