/* *****************************************************************************
FILE:		template.css
--------------------------------------------------------------------------------
PURPOSE: 	Main stylesheet for this particular website
--------------------------------------------------------------------------------
MEDIA:		Screen, Print
--------------------------------------------------------------------------------
GROUPS:		Layout
				Header
				Navigation
				Pagebody
				Primary
				Secondary
				Footer
			Section Specific
				Home
			Misc
				Iconic Lists
				sIFR

***************************************************************************** */

@media screen 
{
/* @group LAYOUT */
/* ************************************************************************** */

    body {
        background:#07112D;
    }

    #container {
        background:#07112D;   
        width: 955px;
        margin: 0 auto;
    }
    
/* @group HEADER */
/* ******************************************* */

    #header {
        width:100%;
        height:135px;
        margin:0px;
        background:#07112D url(../img/bg-header.gif) no-repeat;
        position:relative;
        padding-top:18px;
    }

    #site-logo {
        display:inline;
    }

    #site-logo a {
        display:block;
        width:195px;
        height:98px;
        background:transparent url(../img/bg-logo.gif) no-repeat;
        text-indent:-9999em;
        margin:0px;
        overflow: hidden;
    }
    
    #ppl-logo {
        display:inline;
    }
    
    
    #ppl-logo a {
        display:block;
        width:141px;
        height:50px;
        background:transparent url(../img/ppl-logo.gif) no-repeat;
        text-indent:-9999em;
        float:right;
        margin-top:-110px;
        overflow: hidden;
        margin-right: 200px;
    }

/* ******************************************* */
/* @end HEADER */

/* @group NAV1 (PRIMARY NAVIGATION) */
/* ******************************************* */

#nav1 {
    height:25px;
    padding-left:235px;
}

#nav1 ul {
    margin:0;
    padding:0;
    list-style:none;
}

#nav1 li {
    display:inline;
    margin:0;
    padding:0;
}

#nav1 a {
    display:block;
    float:left;
    height:25px;
    background-repeat:no-repeat;
    margin-left:4px;
}

#nav1 a span {
    position: absolute;
    left: -9999em;
    display: none;
}

#nav1 li#nav-home       a { width:113px; background-image:url(../img/nav1/nav_home.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-solutions  a { width:113px; background-image:url(../img/nav1/nav_solutions.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-profiles   a { width:113px; background-image:url(../img/nav1/nav_profiles.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-about      a { width:113px; background-image:url(../img/nav1/nav_about.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-contact    a { width:113px; background-image:url(../img/nav1/nav_contact.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-careers    a { width:113px; background-image:url(../img/nav1/nav_careers.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}

#nav1 li#nav-home       a:hover { width:113px; background-image:url(../img/nav1/rollovers/roll_home.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-solutions  a:hover { width:113px; background-image:url(../img/nav1/rollovers/roll_solutions.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-profiles   a:hover { width:113px; background-image:url(../img/nav1/rollovers/roll_profiles.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-about      a:hover { width:113px; background-image:url(../img/nav1/rollovers/roll_about.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-contact    a:hover { width:113px; background-image:url(../img/nav1/rollovers/roll_contact.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}
#nav1 li#nav-careers    a:hover { width:113px; background-image:url(../img/nav1/rollovers/roll_careers.gif); margin-top:-23px; border: 1px solid #3151B1; position:relative;}

/* ******************************************* */
/* @end NAV1 */
/* @group PAGEBODY */
/* ******************************************* */

.pagebody {
    background:#07112D url(../img/bg-pagebody.gif) repeat-x left bottom;
    border:1px solid #3151B1;
    float:left;
    margin-bottom:10px;
    min-height:450px;
    padding:7px;
    width:933px;  
}

/* ******************************************* */
/* @end PAGEBODY */

/* @group LEFT COLUMN (SUBNAV) */
/* ******************************************* */

#subnav {
    color:#ffffff;
    float:left;
    margin-right:7px;
    padding:0px;
    width:180px;
}

#subnav ul {
    background-color:#0D1B44;
    border:1px solid #25376A;
    float:left;
    list-style:none;
    margin:0;
    padding:6px 5px 1px 7px;
}

#subnav li {
    float:left;
    list-style:none;
    margin:0;
    padding:0 0 3px 0;   
}

#subnav li a {
    background:#0D1B44 url(../img/nav2/bg-nav2.gif) no-repeat;
    color:#ffffff;
    text-decoration:none;
    display:block;
    padding-left:18px;
    position: relative;
    line-height:24px;
    font-family:Tahoma;
    font-size:11px;
    width:147px;
    float:left;
}

#subnav li a:hover {
    background:#0D1B44 url(../img/nav2/bg-nav2roll.gif) no-repeat;
    color:#92B956;
}

/* ******************************************* */
/* @end LEFT COLUMN */


/* @group CENTER COLUMN */
/* ******************************************* */

.centerCol {
    background: #142556 url(../img/bg-centercol.gif) repeat-x left top;
    border: 3px solid #142556;
    float:left;
	padding-bottom: 3px;
    width: 552px;
}

.centerCol h2 {
    background: #0E193B url(../img/bg-pagetitle.gif) no-repeat;
    border: 1px solid #2F4A7C;
    color: #FFFFFF;
    font-weight: normal;
    height: 23px;
    margin-left: 2px;
    padding: 3px 0px 0px 25px;
    text-transform:uppercase;
    width: 521px;
}

.content {
    background-color: #FFFFFF;
    margin: 8px 0px 0px 3px;
    padding: 3px 3px 10px 3px;
    float: left;
    width: 540px;
}

.content h3 {
    color: #3D52B1;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 15px 15px 0px 15px;
}

.content p {
   color: #142556;
   line-height: 1.5em;
   padding: 15px 15px 5px 15px;
}

.content li {
    color: #142556;
}

/* ******************************************* */
/* @end CENTER COLUMN */

/* @group SECTION TITLES */
/* ******************************************* */

#aboutTitle { background: #080F22 url(../img/sections/sections-about.gif) no-repeat; height: 37px; width: 552px; }
#aboutTitle h1 { margin:0px; padding:0px; text-indent: -999em; overflow: hidden; }

#careersTitle { background: #080F22 url(../img/sections/sections-careers.gif) no-repeat; height: 37px; width: 552px; }
#careersTitle h1 { margin:0px; padding:0px; text-indent: -999em; overflow: hidden; }

#contactTitle { background: #080F22 url(../img/sections/sections-contact.gif) no-repeat; height: 37px; width: 552px; }
#contactTitle h1 { margin:0px; padding:0px; text-indent: -999em; overflow: hidden; }

#profileTitle { background: #080F22 url(../img/sections/sections-profiles.gif) no-repeat; height: 37px; width: 552px; }
#profileTitle h1 { margin:0px; padding:0px; text-indent: -999em; overflow: hidden; }

#solutionsTitle { background: #080F22 url(../img/sections/sections-solutions.gif) no-repeat; height: 37px; width: 552px; }
#solutionsTitle h1 { margin:0px; padding:0px; text-indent: -999em; overflow: hidden; }


#flashContent { margin: 0px; padding: 10px 0px 0px 7px; }


/* ******************************************* */
/* @end SECTION TITLES */

/* @group RIGHT COLUMN */
/* ******************************************* */

.rightCol { float:left; width:178px; padding-left: 7px; }
.rightCol h1 { display:inline; visibility:hidden; }
.rightCol p { padding:5px 0px 10px 15px; }

.callout1 { background: #142556 url(../img/callouts/title1.gif) no-repeat; border:1px solid #25376A; color:#FFFFFF; margin:0px 0px 5px 0px; }
.callout2 { background:#142556 url(../img/callouts/title2.gif) no-repeat; border:1px solid #25376A; color:#FFFFFF; margin:0px 0px 5px 0px; }

/* ******************************************* */
/* @end RIGHT COLUMN */

/* @group FOOTER */
/* ******************************************* */

#footer {
    background: #07112D url(../img/bg-footer.gif) no-repeat;
    float:left;
    height:111px;
    position:relative;
    width:100%;
}

#footer ul {
    float:left;
    list-style:none;
    margin:0px;
    padding:35px 0px 0px 200px;
    position:relative;
}

#footer li {
    border-left:solid 2px #687EA8;
    float:left;
    list-style:none;
    margin:0px;
    padding:0px;  
    position:relative; 
}

#footer .first
{
    border: none;
    float:left;
    list-style:none;
    margin:0px;
    padding:0px; 
    position:relative;  
}

#footer li a 
{
    color: #687EA8;
    text-decoration:none;
    display:inline;
    position: relative;
    font-family:Tahoma;
    font-size:10px;
    font-weight:bold;
    float:left;
    padding:0px 5px;
    position:relative;
}


#footer li.dark { border-color: #3F5681; }
#footer li.dark a { color:#3F5681; }

#footer .copy {
    clear:left;
    color:#3F5681;
    font-family:Tahoma;
    font-size:10px;
    padding:5px 0px 0px 205px;
}

#footer .copy p {
    margin:0px;
    padding:0px;
}

.login a
{
    background: url(../img/login.gif) no-repeat;
    display: block;
    float: right;
    height: 22px;
    margin: 30px 35px 0px 0px;
    width: 66px;
}

.login a:visited { background: url(../img/login.gif) no-repeat; }
.login a:hover { background: url(../img/login.gif) no-repeat; }
.login a span { display: none; }



/* ******************************************* */
/* @end FOOTER */


/* @group HOME PAGE BASE */
/* ******************************************* */

.homepagebody {
    background-color: #374D0F;
    border: 1px solid #3151B1;
    float: left;
    margin-bottom: 10px;
    min-height: 450px;
    padding: 0px 0px 7px 0px;
    width: 946px;
}

.homepagebody .centerCol {
    background: none;
    border: none;
    color: #FFFFFF;
    float: left;
    margin: 0px;
    padding: 0px 10px 0px 0px;
    width: 100%;
}

.homepagebody .content {
    background-color: #374D0F;
    margin: 0px;
    padding: 0px;
    width: 945px;
}

.homepagebody .content p 
{
    color: #FFFFFF;
}

.homepagebody #featured {
    background: #374D0F url(../img/home/bg-featured.jpg) no-repeat;
    float: left;
    height: 282px;
    width: 946px;
}

#featured #solutions {
    background: url(../img/home/featured-content.gif) no-repeat;
    display: block;
    margin: 57px 0px 0px 430px;
    width: 472px;
    height: 155px;
}

#featured #solutions h2, #featured #solutions p {
    display: none;
}

#featured a {
    background:url(../img/home/featured-link.gif) no-repeat;
    display: block;
    height: 21px;
    margin: 26px 0px 0px 850px;
    width: 78px;
}
#featured a span {
    display: none;
}

/* ******************************************* */
/* @end HOME PAGE BASE */

/* @group HOME PAGE - PROFILES CALLOUT */
/* ******************************************* */


#profiles {
    background: #07112D url(../img/home/profiles-bg.gif) repeat-y;
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    width: 609px;
}

#profilesTop {
    background: #07112D url(../img/home/profiles-top.gif) no-repeat;
    float: left;
    height: 51px;
    width: 609px;
}

#profilesTop p {
    display:none;
}

#profilesBottom {
    background: #07112D url(../img/home/profiles-bottom.gif) no-repeat;
    float: left;
    height: 6px;
    width: 609px;
}

#profiles ul {
    float: left;
    margin: 0px 0px -3px 0px;
    padding-left: 45px;
}

#profiles li {
    background: #07112d url(../img/home/profiles-libg.gif) no-repeat 0px 3px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0px 10px 0px 0px;
    float: left;  
}

#profiles a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 0px 0px 5px 15px;
    position: relative;
    line-height: 17px;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    float: left;
}

#profiles a:hover {
    color: #8ba172;
}

/* ******************************************* */
/* @end HOME PAGE - PROFILES CALLOUT */

/* @group HOME PAGE - MAIN */
/* ******************************************* */

#main a {
    background: #07112d url(../img/home/main.gif) no-repeat;
    float: left;
    height: 88px;
    margin: 0px 0px 7px 7px;
    padding: 0px;
    position: relative;
    width: 321px;
}

#main a span {
    display: none;
}


/* ******************************************* */
/* @end HOME PAGE - MAIN PAGE CALLOUT */

/* @group HOME PAGE - CAREERS */
/* ******************************************* */


#careers a {
    background: #07112d url(../img/home/careers-bg.gif) no-repeat;
    float: left;
    height: 42px;
    margin: 0px 0px 7px 8px;
    position: relative;
    width: 321px;
}

#careers a span {
    display: none;
}

/* ******************************************* */
/* @end HOME PAGE - CAREERS */

/* @group HOME PAGE - CLIENTS */
/* ******************************************* */

#clients {
    background: #07112D url(../img/home/callout-bg.gif) repeat-y;
    color: #FFFFFF;
    float: left;
    margin:-115px 7px 0px 5px;
    position: relative;
	clear:left;
    width: 300px;
}

#clients a { background: url(../img/home/learnmore.gif) no-repeat; float: right; padding: 0px 80px 15px 0px; }
#clients a span { display: none; }
#clients p { padding: 0px 15px 5px 15px; height: 110px; }
#clients img { padding: 0px 15px 5px 15px; float: left; border: 1px solid #28459E; }

#clientsTop {
    background: url(../img/home/clients-bg.gif) no-repeat;
    float: left;
    height: 33px;
    padding-bottom: 5px;
    width: 300px;
}

#clientsTop span 
{
    display: none;
}

#clientsBottom {
    background: #07112D url(../img/home/callout-bottom.gif) no-repeat;
    float: left;
    height: 6px;
    width: 300px;
}

/* @group HOME PAGE - BLOG */
/* ******************************************* */
#blog a {
    background: #07112d url(../img/home/blog-bg.gif) no-repeat;
    height: 104px;
	float:left;
    width: 300px;
	margin: 0px 0px 0px 5px;
	position:relative;
}

#blog a span {
    display: none;
}

/* ******************************************* */
/* @end HOME PAGE - CLIENTS */
/* @group HOME PAGE - NEWS */
/* ******************************************* */


#news {
    background: #07112D url(../img/home/callout-bg.gif) repeat-y;
    color: #FFFFFF;
    float: left;
    width: 300px;
	margin: 0px 0px 0px 7px;
}

#news p { padding: 0px 10px 15px 15px; }

#news a { color: #6389D3; font-family: Tahoma; text-decoration: none; }

#news a.more {
    background: url(../img/home/morenews.gif) no-repeat;
    float: right;
    padding: 0px 80px 15px 0px;
}
#news a.more span { display: none; }

#news .date { font-weight: bold; line-height: 2.5em; }

#news #newsTop {
    background: #07112D url(../img/home/news-top.gif) no-repeat;
    float: left;
    height: 38px;
    width: 300px;
}

#news #newsTop span {
    display: none;
}


#news #newsBottom {
    background: #07112D url(../img/home/callout-bottom.gif) no-repeat;
    float: left;
    height: 6px;
    width: 300px;
}


/* ******************************************* */
/* @end HOME PAGE - NEWS */

/* @group HOME PAGE - EMPLOYEES */
/* ******************************************* */

#employees {
    background: #07112D url(../img/home/employees-bg.gif) repeat-y;
    color: #FFFFFF;
    float: right;
    margin-right: 5px;
    width: 321px;
}

#employees p { padding: 0px 10px 5px 20px; height: 110px; }
#employees img { padding: 5px 15px 5px 17px; float: left; }
#employees a { background: url(../img/home/viewarticle.gif) no-repeat; float: right; padding: 0px 85px 15px 0px; }
#employees a span { display: none; }

#employees #employeesTop {
    background: #07112D url(../img/home/employees-top.gif) no-repeat;
    float: left;
    height: 35px;
    width: 321px;
}

#employees #employeesTop span {
    display: none;
}

#employees #employeesBottom {
    background: #374d0f url(../img/home/employees-bottom.gif) no-repeat;
    height: 7px;
    float: left;
    margin: 0px;
    padding-bottom: 7px;
    width: 321px;
}

/* ******************************************* */
/* @end HOME PAGE - EMPLOYEES */

/* @group SITEMAP - SITEMAP */
/* ******************************************* */

.smList ul 
{
    float: left;
    clear: both;
}

.smList li 
{
    float: left;
    clear: both;
    padding-bottom: 5px;
}

} /* END @media screen */