@import url("/css/normalize.css");
@import url("/css/color.css");
@import url("/css/type.css");

body 
{
    position : relative;
    width : 775px;
    margin : 0 auto;
    margin-top: 15px;
}

/* MASTERS */

div#branding, div#content, div#site_info
{
    position : relative;
    width : 775px;
}

/*-------------------------------------------------
BRANDING
---------------------------------------------------*/

#branding
{
    height : 100px;
}

#branding h1
{
    position : absolute;
    top : -0.5em;
    left : 0;
    height : 100px;
    width : 235px;
    margin : 1em;
    display : block;
    text-indent : -9999em;
}

/*---------------------------------------------------
CONTENT
----------------------------------------------------*/
#content
{
    width : 100%;
}

div#content_main, div#content_sub
{
    position : absolute;
    top : 0;
}

#content_main
{
    left : 0;
    width : 460px;
    min-height : 500px;
}

#content_main h2
{
    padding-left : 160px;
    padding-right : 1em;
    padding-top : 2em;
}

#content_main p
{
    padding-left : 160px;
    padding-right : 1em;
    padding-bottom : .75em;
    padding-top : 1em;
    line-height : 1.25em;
}

#content_main p:first-letter 
{
    line-height : .75em;
}

#content_sub p
{
    padding-bottom : .75em;
    padding-top : 2em;
    padding-right : 1em;
    padding-left : 1em;
    line-height : 1.25em;
}

#content_main ul
{
    padding-left : 200px;
    padding-right : 1em;
    padding-bottom : 1em;
}

#content_main li
{
    margin : 1em 0 0 0;
    padding-left : 1em;
}

#content_sub ul
{
    padding-left : 3em;
    padding-right : 1em;
}

/*.listDesign
{
    display : block;
    width : 156px;
    height : 115px;
    float : left;
    text-indent : -9999em;
}*/

#content_sub
{
    left : 460px;
    width : 315px;
}

#content_sub blockquote
{
    position : absolute;
    text-align : center;
    line-height : 1.5em;
    width : 40%;
    padding : 270px .5em 0 1em;
}

#content_sub cite 
{
    line-height : 3em;
    display : block;
        
}

#content_sub  ul.references 
{
    padding : 500px 0 0 3em; 
     
}

#content_sub ul.references li 
{
    list-style-image : none;
    padding-top : 3em;    
}

#content_sub ul.references blockquote
{
    position : relative;
    width : 80%;
    padding : 0;
    
}

#content_sub blockquote#quoteContactPage
{
    position : relative;
    text-align : center;
    line-height : 1.5em;
    padding-top : 2em;
    width : 80%;
    padding-left : 1em;
    padding-right : 1em;
    border : solid 2px #00000;
}

#content_sub blockquote p
{
    position : relative;
    text-align : right;
}

#content_main h2#affiliations, #content_main h2#testimonials, #content_main h2#photography
{
    display : block;
    text-indent : -9999px;
    margin-top : 30px;
    margin-left : 160px;
    margin-bottom : -50px;
}

#content_main h2#affiliations 
{
    width : 151px; 
    height : 73px;
    margin-bottom : -40px;
}

#content_main h2#testimonials 
{
    width : 157px; 
    height : 51px;
    padding-bottom : 2em;
}

#content_main h2#photography 
{
    width : 158px; 
    height : 69px; 
}

#content_main blockquote
{
    text-align : left;
    line-height : 1.5em;
    padding-top : .5em;
    padding-bottom : .5em;
    padding-left : 160px;
}


#content_main form
{
    clear : both;
    padding-left : 1em;
    padding-bottom : 1em;
}

#content_main form label
{
    display : block;
    float : left;
    width : 130px;
    text-align : right;
    margin-right : 5px;
}

#content a:hover
{
    text-decoration : none;
}

#content_sub img#styleDesign
{
    position : absolute;
    top : -16px;
    left : 0;
    z-index : 2;
}

#content_sub img#misty
{
    padding-top : 2em;
    padding-left : 20px;
}

#content_sub div#flashcontent
{
    position : absolute;
    top : 0;
    right : 40px;
    z-index : 1;
}

#content_sub cite#misty
{
    display : block;
    text-align : center;
    margin-left : -2em;
}

.submitdiv
{
    padding-left : 135px;
}

.formdiv
{
    padding-bottom : 2px;
}

/*----------------------------------------------------
NAV
-----------------------------------------------------*/
div#nav 
{
    position : absolute;
    top : 102px;
    right : 0;
}

#nav ul
{
    position : absolute;
    right : 40px;
    bottom : 27px;
    display : block;
    width : 493px;
    text-align : right;
    padding-top: 0.5em;
}

#nav ul li
{
    display : inline;
    line-height : 1.5em;
    padding-top : 0.5em;
    padding-left : 1.2em;
    padding-right : 1.2em;
    padding-bottom : 0.25em;
}

#nav ul li#navContact
{
   padding-right : 0;
}

#nav ul li#navCurrent
{
   padding-right : 1em; 
}

#nav ul li#navCurrentContact
{
   padding-right : 0;
}

#nav ul li a
{
    padding-top : 0.5em;
    padding-left : 0.5em;
    padding-right : 0.5em;
    padding-bottom : 0.25em;
    margin-left : 1px;
    margin-right : 1px;
}

#nav ul li#navCurrent a
{
   margin-left : 0;
   margin-right : 0;
}

#nav ul li#navCurrentContact a
{
   margin-left : 0;
   margin-right : 0;
}

#nav ul li a:hover
{
    margin-left : 0;
    margin-right : 0;
}

/*----------------------------------------------------
SITE-INFO
-----------------------------------------------------*/

#site_info
{
    position : relative;
    width : 775px;
    padding-top : 1.5em;
    padding-bottom : 1.5em;
}

#site_info ul
{
    margin-left : 100px;
}

#site_info li
{
    display : inline;
    position : relative;
    float : left;
    margin-left : 1.5em;
}    

#site_info li#nabna
{
    float : none;
}

#site_info a
{
    text-decoration : underline;
}

#site_info a:hover
{
    text-decoration : none;
}

#site_info a#napo
{
    display : block;
    width : 139px;
    height : 90px;
    padding-top : 90px;
}

#site_info a#organized
{
    display : block;
    width : 112px;
    height : 90px;
    padding-top : 90px;
}

#site_info a#redesign
{
    display : block;
    width : 99px;
    height : 90px;
    padding-top : 90px;
}

#site_info a#alliance
{
    display : block;
    width : 85px;
    height : 90px;
    padding-top : 90px;
}

#site_info p
{
    clear : both;
    margin-top: 0em;
    padding : 0;
}