﻿/* Sandcastle Interactive
   4/17/2008 for Seattle Pacific Homes
*/



/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Master Page Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

body 
	{
	  background-color: #878E94;
      margin-left: 0px;
      margin-right: 0px;
      font-size: 12px;
      font-family: Arial;
	}

a { text-decoration:none; color:Blue;}

      
div {font-size: 12px;
      font-family: Arial;} 

#tblBackground 
	{
	  width: 100%;
	  background-image: url('/images/backgroundTop.jpg');
      background-repeat: repeat-x;
      text-align: center;
	}


#tblMainOutline 
	{	
		background-color: #CCCCCC;
        width: 907px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
     }
 
         
#tblMainContentContainer
	{
		background-color: #ffffff;
        width: 880px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8px;
        padding: 0px;
     }
     
	 
#navigationTop
	{
        width: 880px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        padding: 0px;
        color: #ffffff;
     }
    
	 
#navigationTop td       
		 {
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: center;
          }    
          
		  
#navigationTop a 
		{
			color: #ffffff;
            text-decoration: none;
            font-weight: bold;
            font-family: Arial;
            font-size: 12px;
         }


#tblFooter 
		{
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          margin-bottom: 10px;
          padding: 0px;
          font-size: 10px;
          font-family: Arial;
          color: #666666;
          text-align: center;
        }   
            
#tblFooter  a:visited{text-decoration: none; color: #666666; font-size: 8pt;}
#tblFooter  a:active{text-decoration: none; color: #666666; font-size: 8pt;}
#tblFooter  a:link{text-decoration: none; color: #666666; font-size: 8pt;}
#tblFooter  a:hover{text-decoration: underline; color: #666666; font-size: 8pt;}         

.footerText
		{
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          margin-bottom: 10px;
          padding: 0px;
          font-size: 12px;
          font-family: Arial;
          color: #666666;
          text-align: center;
        }   

p	{
		font-size: 12px;
		font-family: Arial;
		line-height: 150%;
	}
	

	
#bestBuys
	{
		font-size: 11px;
		font-family: Arial;
		line-height: 125%;
	}	
			
			
div {
		font-size: 12px;
		font-family: Arial;
		line-height: 150%;
	}	

          
		  
.text 
	{
		font-size: 12px;
		font-family: Arial;
		line-height: 150%;
	}


.textBOLD
	{
		font-size: 12px;
		font-family: Arial;
		line-height: 150%;
		font-weight: bold;
	}

.headerGeneral 
	{
		font-weight: bold;
		font-size: 13px;
		font-family: Arial;
		line-height: 150%;
		color: #679765;
	}

td 
	{
		font-size: 11;
		font-family: Arial;
		line-height: 150%;
	}
         
          
/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Default Page Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/     
                    
#spotlight 
		 {
          width: 860px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 0px;
          }     


#spotlightMap
		{
          width: 310px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          }     


#homeDesigns
		{
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          margin-bottom: 10px;
          padding: 0px;
          text-align: center;
        }   
        
		
#tblMainMiddleContainer     	
     	 {
          width: 880px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 0px;
          }      
 	
	
.textHousePlanDescription
	{
		font-size: 12px;
		font-family: Arial;
	}


#calculator
		{ 
		   font-size : 11px;
		   font-family: Arial;
		}
		
		
#aboutSPH 
	{
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		width: 860px;
		text-align: left;
	}
	
	
	
	
/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Communities Page Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/    	
	
	
#tblCommunitiesMain
		{
          width: 860px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 0px;
          }     		
	
	
#tblCommunitiesBestBuys
		{
          width: 150px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          } 
          
#tblCommunityMap
		{
          width: 705px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          } 

 #tblMain
 		{
          width: 840px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 0px;
          text-align: left;
          }    
          
 
/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HousePlans Page Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/    	
	
	
#tblHousePlansMain
		{
          width: 860px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 0px;
          }      
 
#tblHousePlansBestBuys
		{
          width: 150px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          } 
 

#tblHousePlan
		{
          width: 705px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          } 


.headerHousePlan

		{
			font-weight: bold;
			font-size: 14px;
			font-family: Arial;
			color: #679765;
		}
		
		
.subHeaderHousePlan		
		{
			font-weight: bold;
			font-size: 12px;
			font-family: Arial;
			color: #679765;
		}
		
	
ul
		{	
		font-family: Arial;
		font-size: 12px;
		text-decoration: none;
		list-style-image: url(/images/bullet.jpg);
		padding-top: 20px;
		}

ul  a:visited{text-decoration: none; color: #666666;}
ul  a:active{text-decoration: none; color: #666666;}
ul  a:link{text-decoration: none; color: #666666;}
ul  a:hover{text-decoration: underline; color: #666666;}  
		
		 
          
/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HousePlans Page Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/    	
	
	
#tblHousePlansMainDetails
		{
          width: 860px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 10px;
          padding: 0px;
          }      
 
 
#tblHousePlansBestBuysDetails
 
		{
          width: 200px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          } 
 

#tblHousePlanDetails
		{
          width: 660px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          padding: 0px;
          text-align: left;
          font-size: 12px;
          font-family: Arial;
          } 


.headerHousePlanDetails

		{
			font-weight: bold;
			font-size: 14px;
			font-family: Arial;
			color: #679765;
		}
		
		
.subHeaderHousePlanDetails	
		{
			font-weight: bold;
			font-size: 12px;
			font-family: Arial;
			color: #679765;
		}


.CommunityDropDown	
		{
			font-size: 12px;
			font-family: Arial;
			margin-top: 10px;
			margin-bottom: 20px;
		}
		
		
.houses 
		{
			font-family:Verdana,Sans-serif;
			font-weight:100;
		}


.houses a 
		{ 
			font-weight:300;
			text-decoration:none;
		}
		
		/*Modal Popup*/

.modalBackground {

	background-color:Gray;

	filter:alpha(opacity=70);

	opacity:0.7;

}



.modalPopup {

	background-color:#ffffdd;

	border-width:3px;

	border-style:solid;

	border-color:Gray;

	padding:3px;

	width:250px;

}
