/*  Header issues  */


.Main   {background-color: rgb(220,240,255);
            background-image: url('Graphics/BlueBac.gif');
            background-repeat :repeat-x;
            }




    .Mother {
            position: relative;

            border-style:solid;
            border-width: 0px;
            border-color :red;

            margin-left:auto;
            margin-right:auto;
            margin-top: -10px;
            width: 1000;
            height: 1000;
            }



    #SwimPoolHeader     {
                        position: relative;
                        left: 10px;
                        top: 0px;
                        
                        width: 980;
                        height: 80;

                        background-image: url('Graphics/SwimPool/SwimPoolHdrBck.gif');
                        
                        border-style:solid;
                        border-width: 3px;
                        border-color :rgb(230,230,230);

                        -webkit-box-shadow: 0px 0px 0px #ccc;
                
                        background-color : rgb(116,165,130);

                        -webkit-border-radius: 12px;
                        }
                
                
	.Glass  {
			position:absolute;
			top:0px;
            
			width:110px;
			height:60px;
            border:0px;
            }
            
            
	.Glass a    {
                position:absolute;
                height:59px;
                width:110px;
                top:0px;
                z-index:+2;
                }
            

	.Glass a:hover  {
                     background-image:url(Graphics/SwimPool/SwimPoolHoverPanel.gif);
                    }
            





/*  After Header issues  */





.Start		{
    position:absolute;
    top:150px;
    left:55px;
    
    width:920px;
    height:320px;
    
    border-style:solid;
    border-width: 0px;
    border-color :red;
    
    overflow:hidden;
}


.Slider		{
    position:absolute;
    top:470px;
    left:120px;
    
    width:750px;
    height:270px;
    
    border-style:solid;
    border-width: 0px;
    border-color :red;
    
    overflow:hidden;
}

.Frame		{
    position:absolute;
    top:460px;
    left:110px;
}



.History		{
    position:absolute;
    top:820px;
    left:210px;
    
    width:900px;
    height:300px;
    
    border-style:solid;
    border-width: 0px;
    border-color :red;
    
    overflow:hidden;
}


.Spcf		{
    position:absolute;
    top:820px;
    left:590px;
    
    width:900px;
    height:300px;
    
    border-style:solid;
    border-width: 0px;
    border-color :red;
    
    overflow:hidden;
}

.Kids		{
    position:absolute;
    top:1050px;
    left:210px;
    
    width:900px;
    height:200px;
    
    border-style:solid;
    border-width: 0px;
    border-color :red;
    
    overflow:hidden;
}


.Rsrv		{
    position:absolute;
    top:1050px;
    left:590px;
    
    width:900px;
    height:200px;
    
    border-style:solid;
    border-width: 0px;
    border-color :red;
    
    overflow:hidden;
}





@-webkit-keyframes Pct1 /* Safari and Chrome and Opera - Old */
{   0%       {left:0px; top:0px; z-index:0;}
    8%       {left:0px; top:0px; z-index:0;}
    10%      {left:-750px; top:0px; z-index:0;}
    98%      {left:750px; top:0px; z-index:0;}
    100%     {left:0px; top:0px; z-index:0;}
}
@-moz-keyframes Pct1 /* Firefox - Old */
{   0%       {left:0px; top:0px; z-index:0;}
    8%       {left:0px; top:0px; z-index:0;}
    10%      {left:-750px; top:0px; z-index:0;}
    98%      {left:750px; top:0px; z-index:0;}
    100%     {left:0px; top:0px; z-index:0;}
}

@keyframes Pct1 /* All New browsers */
{   0%       {left:0px; top:0px; z-index:0;}
    8%       {left:0px; top:0px; z-index:0;}
    10%      {left:-750px; top:0px; z-index:0;}
    98%      {left:750px; top:0px; z-index:0;}
    100%     {left:0px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct2 /* Safari and Chrome and Opera - Old */
{   %       {left:750px; top:0px; z-index:0;}
    8%       {left:750px; top:0px; z-index:0;}
    10%      {left:0px; top:0px; z-index:0;}
    18%      {left:0px; top:0px; z-index:0;}
    20%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@-moz-keyframes Pct2 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    8%       {left:750px; top:0px; z-index:0;}
    10%      {left:0px; top:0px; z-index:0;}
    18%      {left:0px; top:0px; z-index:0;}
    20%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct2 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    8%       {left:750px; top:0px; z-index:0;}
    10%      {left:0px; top:0px; z-index:0;}
    18%      {left:0px; top:0px; z-index:0;}
    20%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct3 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    18%      {left:750px; top:0px; z-index:0;}
    20%      {left:0px; top:0px; z-index:0;}
    28%      {left:0px; top:0px; z-index:0;}
    30%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct3 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    18%      {left:750px; top:0px; z-index:0;}
    20%      {left:0px; top:0px; z-index:0;}
    28%      {left:0px; top:0px; z-index:0;}
    30%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct3 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    18%      {left:750px; top:0px; z-index:0;}
    20%      {left:0px; top:0px; z-index:0;}
    28%      {left:0px; top:0px; z-index:0;}
    30%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct4 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    28%      {left:750px; top:0px; z-index:0;}
    30%      {left:0px; top:0px; z-index:0;}
    38%      {left:0px; top:0px; z-index:0;}
    40%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct4 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    28%      {left:750px; top:0px; z-index:0;}
    30%      {left:0px; top:0px; z-index:0;}
    38%      {left:0px; top:0px; z-index:0;}
    40%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct4 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    28%      {left:750px; top:0px; z-index:0;}
    30%      {left:0px; top:0px; z-index:0;}
    38%      {left:0px; top:0px; z-index:0;}
    40%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct5 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    38%      {left:750px; top:0px; z-index:0;}
    40%      {left:0px; top:0px; z-index:0;}
    48%      {left:0px; top:0px; z-index:0;}
    50%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct5 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    38%      {left:750px; top:0px; z-index:0;}
    40%      {left:0px; top:0px; z-index:0;}
    48%      {left:0px; top:0px; z-index:0;}
    50%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct5 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    38%      {left:750px; top:0px; z-index:0;}
    40%      {left:0px; top:0px; z-index:0;}
    48%      {left:0px; top:0px; z-index:0;}
    50%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct6 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    48%      {left:750px; top:0px; z-index:0;}
    50%      {left:0px; top:0px; z-index:0;}
    58%      {left:0px; top:0px; z-index:0;}
    60%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct6 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    48%      {left:750px; top:0px; z-index:0;}
    50%      {left:0px; top:0px; z-index:0;}
    58%      {left:0px; top:0px; z-index:0;}
    60%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct6 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    48%      {left:750px; top:0px; z-index:0;}
    50%      {left:0px; top:0px; z-index:0;}
    58%      {left:0px; top:0px; z-index:0;}
    60%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct7 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    58%      {left:750px; top:0px; z-index:0;}
    60%      {left:0px; top:0px; z-index:0;}
    68%      {left:0px; top:0px; z-index:0;}
    70%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct7 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    58%      {left:750px; top:0px; z-index:0;}
    60%      {left:0px; top:0px; z-index:0;}
    68%      {left:0px; top:0px; z-index:0;}
    70%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct7 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    58%      {left:750px; top:0px; z-index:0;}
    60%      {left:0px; top:0px; z-index:0;}
    68%      {left:0px; top:0px; z-index:0;}
    70%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct8 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    68%      {left:750px; top:0px; z-index:0;}
    70%      {left:0px; top:0px; z-index:0;}
    78%      {left:0px; top:0px; z-index:0;}
    80%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct8 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    68%      {left:750px; top:0px; z-index:0;}
    70%      {left:0px; top:0px; z-index:0;}
    78%      {left:0px; top:0px; z-index:0;}
    80%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct8 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    68%      {left:750px; top:0px; z-index:0;}
    70%      {left:0px; top:0px; z-index:0;}
    78%      {left:0px; top:0px; z-index:0;}
    80%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct9 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    78%      {left:750px; top:0px; z-index:0;}
    80%      {left:0px; top:0px; z-index:0;}
    88%      {left:0px; top:0px; z-index:0;}
    90%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}

@-moz-keyframes Pct9 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    78%      {left:750px; top:0px; z-index:0;}
    80%      {left:0px; top:0px; z-index:0;}
    88%      {left:0px; top:0px; z-index:0;}
    90%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct9 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    78%      {left:750px; top:0px; z-index:0;}
    80%      {left:0px; top:0px; z-index:0;}
    88%      {left:0px; top:0px; z-index:0;}
    90%      {left:-750px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}


@-webkit-keyframes Pct10 /* Safari and Chrome and Opera - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    88%      {left:750px; top:0px; z-index:0;}
    90%      {left:0px; top:0px; z-index:0;}
    98%      {left:0px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@-moz-keyframes Pct10 /* Firefox - Old */
{   0%       {left:750px; top:0px; z-index:0;}
    88%      {left:750px; top:0px; z-index:0;}
    90%      {left:0px; top:0px; z-index:0;}
    98%      {left:0px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}
@keyframes Pct10 /* All New browsers */
{   0%       {left:750px; top:0px; z-index:0;}
    88%      {left:750px; top:0px; z-index:0;}
    90%      {left:0px; top:0px; z-index:0;}
    98%      {left:0px; top:0px; z-index:0;}
    100%     {left:-750px; top:0px; z-index:0;}
}



/************************* Specification Pages ************************/


.Text   {   position:absolute;
            left:55px;
    
            width:920px;
            
        }



.Thumb      {border-style:solid; border-width:1px; border-color:white;}
.Col1       {position:absolute; left:80px;}
.Col2       {position:absolute; left:305px;}
.Col3       {position:absolute; left:530px;}
.Col4       {position:absolute; left:755px;}

.Row1       {position:absolute; top:410px;}
.Row2       {position:absolute; top:550px;}
.Row3       {position:absolute; top:690px;}

.Row4       {position:absolute; top:1350px;}
.Row5       {position:absolute; top:1490px;}
.Row6       {position:absolute; top:1630px;}

.Row7       {position:absolute; top:2130px;}

.Row8       {position:absolute; top:2810px;}
.Row9       {position:absolute; top:2950px;}
.Row10      {position:absolute; top:3090px;}