﻿/****************************************************************************************\

    Global Selectors

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width 			: 1024px;
    margin          : 10px auto;
    padding-bottom  : 15px;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
	Compound Selectors
	
\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

div#branding
{
    position        : relative;
    z-index         : 2;
    width           : 425px;
    height          : 155px;
}

div#content_wrapper
{
    position        : relative;
    width           : 940px;
    padding         : 15px 25px;
    margin          : 0 auto;
}

div#content
{
    position        : relative;   
    padding          : 15px 40px 15px 40px;
}

div.left_side
{
    float           : left;
    width           : 300px;

}

div.right_side
{
    float           : right;
    width           : 230px;
    margin-right    : -45px;
    margin-bottom   : 80px;
}

div.gallery
{
    float           : none;
    width           : 310px;
    margin-left     : 340px;
    margin-top      : 50px;
    margin-bottom   : 80px;
}


div.download_info
{
    width           : 310px;
    height          : 22px;
    margin-bottom   : 10px;
    padding-left    : 55px;
    margin-left     : -55px;
}

div#site_info
{
    position            : relative;
    clear               : both;
}

div#homeTopText
{
    position            : absolute;
    top                 : -150px;
    left                : 380px;   
    width               : 440px;
}

div#anchor
{
    position            : relative; 
    clear               : both;
    height              : 15px;    
}

div#contactForm
{
    position            : relative;
    width               : 47.5%;
    margin-left         : 2.5%;   
    float               : right;
}

/*___ SPAN _________________________________________________________________*/

div#contactForm label > span:first-child
{
    display             : block;
    margin-top          : 1em;    
}

/*___ H1 _________________________________________________________________*/

h1#h1Norpoint
{
    position            : absolute;
    left                : 13px;
    top                 : 10px;
    width               : 210px;
    height              : 119px;    
}

/*___ H2 _________________________________________________________________*/

h2#h2Perfect
{
    width               : 864px;
    margin              : 0 auto;
    text-indent         : -9999em;  
    height              : 42px;  
}

div.left_side h2
{
    width       : 525px;
    margin-bottom         : 10px;
}

/*___ H3 _________________________________________________________________*/

div.right_side h3
{
}

h3#h3BrownsPoint
{
    height          : 34px;
    text-indent     : -9999em;   
}

h3#h3Olympia
{
    height          : 34px;
    text-indent     : -9999em;   
}

h3#h3Puyallup
{
    height          : 34px;
    text-indent     : -9999em;   
}

h3#h3OldTownTacoma
{
    height          : 34px;
    text-indent     : -9999em;   
}

h3#h3UniversityPlace
{
    height          : 34px;
    text-indent     : -9999em;   
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

div.left_side p
{
    width       : 320px;
}

div.gallery p
{
    position        : absolute;
    bottom          : 69px;
    left            : 380px;
}


/*___ UL _________________________________________________________________*/

div#branding ul
{
    position        : absolute;
    margin          : 0;
    top             : 132px;
    left            : 80px;
}

div#branding ul ul
{
    display         : none;
    margin-top      : 10px;
    margin-left     : 1px;
    width           : 178px;
}

div#branding ul li:hover ul
{
    display         : block;
    position        : absolute;
    top             : 1em;
    left            : 0;
}

div#site_info ul
{
    margin          : 10px 0 0 0;   
    overflow        : hidden;
}

div.gallery ul
{
    margin          : 0 8px 0 0; 
    overflow        : hidden;  
    position        : absolute;
    left            : 380px;
    bottom          : 15px;
}

ul#ulContactCommunitiesList
{
   margin           : 0;
   padding          : 0; 
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

div#branding li
{
    float           : left;
    position        : relative;
    margin-right    : 1px;
}

div#branding li ul li
{
    float           : none;
    padding         : 0px;
    margin          : 0px 14px 1px 14px;
    left            : 0;
    top             : 0px;
}

div.right_side li
{
    margin-left        : -26px;
    margin-top         : 10px;
}

div#site_info li
{
    float           : left;
    position        : relative;
    padding         : 0 7px 0 7px;
}

ul.ulNav li
{
    cursor          : pointer;
}

li.liPage2,
li.liPage4,
li.liPage5
{
    text-align      : center; 
    padding-top     : 3px;
}

li.liPage4 li
{
    text-align      : left;    
}

li.liPage2
{
    height          : 23px;
    width           : 59px;  
}

li.liPage4
{
    height          : 23px;
    width           : 97px;  
}

li.liPage5
{
    height          : 23px;
    width           : 72px;
}

div.gallery li
{
    display         : block;
    float           : left;
    margin-right    : 5px;
    height          : 54px;
}

ul#ulContactCommunitiesList li
{
    margin-bottom   : 1em;   
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

h1#h1Norpoint a
{
    display             : block;
    text-indent         : -9999em;
    width               : 210px;
    height              : 119px;    
}


div#branding li a
{
    display         : block;   
}

li.liPage2 a
{
    width           : 59px;
    height          : 23px;
}

li.liPage4 a
{
    width           : 97px;
    height          : 23px;   
}

li.liPage5 a
{ 
    width           : 72px;
    height          : 23px;   
}


ul.ulNav ul li a
{
    width           : 150px;
    height          : 29px;   
    line-height     : 29px;
    padding-left    : 0px;
}

div.gallery a
{
    padding         : 0 20px 0 20px;
    cursor          : pointer;
}

/*___ TABLE _________________________________________________________________*/

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

img#imgHomeSplash
{
    margin          : 0 auto;
    display         : block;    
}

div.gallery ul img
{
    height          : 54px; 
    cursor          : pointer;  
}

div.gallery > img
{
    width           : 310px;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

textarea.txtMessage
{
    width           : 100%;
    height          : 8em;
    display         : block;    
}

div#contactForm input[type="submit"]
{
    margin-top      : 1em;
}

/*___ LABEL _________________________________________________________________*/

/*___Group/Section/Class_________________________________________________________________*/