/* COLORS:
 *
 * link blue: 1b75bb
 *
 */

body {
    background-color: #323031;
    color: #000000;
    font-family: Arial,'Liberation Sans',FreeSans,sans-serif;
    line-height: 0;
}

a {
    color: #1b75bb;
}

p {
    color: #525355;
    font-size: 85%;
    line-height: 1.5;
    margin-bottom: 15px;
    margin-top: 15px;
}

p strong {
    color: #000000;
}

h2 {
    font-size: 150%;
    font-weight: normal;
    letter-spacing: -0.02em;
}

h2 a {
    color: #000000;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.bigwrapper { 
    background: #ffffff url('../images/top_bar.gif') repeat-x scroll top left;
    line-height: 1;
    padding-bottom: 30px;
    text-align: center;
}

.wrapper { 
    margin: 0px auto;
    padding: 0px;
    position: relative;
    text-align: left;
    /* why does this fix it in ie6? can't be 900px... must be 898 >< */
    width: 898px;
}
.notie .wrapper {
    width: 900px;
}

.column33, .column50 {
    float: left;
    /* fix for the IE6 double-margin float bug */
    /* http://www.positioniseverything.net/explorer/doubled-margin.html */
    display: inline;
}

.column33 {
    margin-left: 26px;
    width: 265px;
}

.column50 {
    margin-left: 26px;
    width: 410px;
}

.column100 {
    margin: auto;
    width: 720px;
}

/* NAVIGATION */

#navigation {
    height: 53px;
}

#logo {
    background: #9b0000 url('../images/logo.gif') no-repeat scroll top left;
    color: #ffffff;
    float: left;
    height: 53px;
    text-indent: -5000em;
    width: 119px;
}

#navigation li {
    float: left;
}

#navigation li {
    line-height: 35px;
    margin-left: 30px;
}    

#navigation a {
    /* color: #D0D2D3; */
    color: #929497;
    font-size: 90%;
    text-decoration: none;
}

#navigation ul a:hover {
    color: #eeeeee;
}

#navigation li.selected a {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    padding-bottom: 0px;
}

/* HOME */

#header_home {
    background: transparent url('../images/header_home.jpg') no-repeat scroll top left;
    height: 409px;
    margin: 15px 0px 30px 0px;
    position: relative;
    width: 900px;
}

#header_home * {
    display: block;
    text-indent: -5000em;
}

.ie #header_home a {
    background: transparent url('../images/ribbon_pam.png') no-repeat scroll top right;
}

#header_home a {
    background: transparent url('../images/ribbon_pam_sprited.png') no-repeat scroll top right;
    cursor: pointer;
    height: 198px;
    position: absolute;
    right: -5px;
    top: -7px;
    width: 198px;
}
#header_home a:hover {
    background-position: bottom right;
}

.feature_small {
    padding-left: 96px;
}

#small_easy {
    background: transparent url('../images/feature_nomoney.gif') no-repeat scroll left center;
    min-height: 67px;
}

#small_flex {
    background: transparent url('../images/feature_multimedia.gif') no-repeat scroll left center;
    min-height: 74px;
}

#small_reliable {
    background: transparent url('../images/feature_spotlight.gif') no-repeat scroll left center;
    min-height: 54px;
}

.cta {
    display: block;
    text-align: right;
}

#quote {
    background: transparent url('../images/pam_iphone.jpg') no-repeat scroll right top;
    padding-top: 200px;
    width: 420px;
}

#quote p {
    color: #000000;
    font-size: 93%;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.01em;
}

#quote span {
    color: #525355;
    display: block;
    text-align: right;
}

#quote .speaker_name {
    font-size: 90%;
    letter-spacing: 0.01em;
    margin-bottom: 2px;
}

#quote .speaker_title {
    font-size: 70%;
    margin-bottom: 15px;
}

/* FEATURES */

#header_features {
    /* actually, no image yet :'( */
    height: 30px;
    text-indent: -5000em;

    /*
    border: 1px solid black;
    height: 100px;
    margin: 15px 0px 30px 0px;
    text-indent: -5000em;
    width: 900px;
    */
}

.feature_big33 p, .feature_big50 p {
    line-height: 1.3;
}

.feature_big33 {
    padding-bottom: 160px;
    height: 170px;
    margin-bottom: 40px;
}

.feature_big50 {
    padding-left: 175px;
}

.notie .feature_big50 {
    /* for some reason, IE can't handle the smaller box size */
    width: 235px;
}

#big_easy_for_you {
    background: transparent url('../images/feature_1.jpg') no-repeat scroll bottom left;
}

#big_easy_for_users {
    background: transparent url('../images/feature_2b.jpg') no-repeat scroll bottom left;
}

#big_powerful {
    background: transparent url('../images/feature_3.jpg') no-repeat scroll bottom left;
}

#big_location {
    background: transparent url('../images/feature_4.jpg') no-repeat scroll bottom left;
}

#big_personalized {
    background: transparent url('../images/feature_5.jpg') no-repeat scroll bottom left;
}

/* CLIENTS */

.client100 {
    padding-left: 242px;
    margin: auto;
    margin-bottom: 60px;
    margin-top: 30px;
    min-height: 370px;
}

.notie .client100 {
    /* for some reason, IE can't handle the smaller box size */
    width: 478px;
}

.ie .client100 {
    width: 100%;
}

#client_pam {
    background: transparent url('../images/pam_hero.jpg') no-repeat scroll top left;
}

.client100 #quote {
    background-image: none;
    padding-top: 0px;
    width: 100%;
}

.client100 #quote p {
    color: #525355;
    font-weight: normal;
}

.client small {
    color: #525355;
    font-size: 90%;
    font-style: italic;
}

.appstore {
    background: transparent url('../images/app_store.gif') no-repeat scroll left top;
    display: block;
    height: 48px;
    text-indent: -5000em;
    width: 145px;
}

.client img {
    float: left;
    margin-right: 20px;
}

#mobile_brochure {
    background: transparent url('../images/document.gif') no-repeat scroll left center;
    margin-top: 15px;
    padding: 15px 15px 15px 120px;
    text-align: left;
    width: 765px;
}

.ie #mobile_brochure {
    width: 100%;
}

/* CONTACT BAR */

#contact, #mobile_brochure {
    background-color: #dddddd;
    border: 1px solid #808182;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contact {
    margin: 30px 0px 10px 0px;
    padding: 15px 0px;
    text-align: center;
    width: 900px;
}

/* ABOUT */

#about {
    background: transparent url('../images/about.jpg') no-repeat scroll left top;
    margin: 60px auto 0px auto;
    min-height: 350px;
    padding-left: 205px;
    width: 550px;
}

.ie #about {
    width: 100%;
}

/* FOOTER */

#footer {
    clear:both;
    line-height: 1.5;
    margin: 0px auto;
    padding: 15px 0px;
    position: relative;
    text-align:right;
    width: 900px;
}

#footer small {
    bottom: 0px;
    color: #555555;
    font-size: 65%;
    left: 0px;
    position: absolute;
}

#footer ul {
    font-size: 80%;
    min-height: 80px;
}

#footer li {
    display: block;
}

#footer a {
    color: #929497;
    text-decoration: none;
}

#footer a:hover {
    color: #eeeeee;
}

#footer .smlogo {
    background: transparent url('../images/spotlight_logo.gif') no-repeat scroll right center;
    display: block;
    float: right;
    height: 6em;
    margin-left: 10px;
    min-height; 86px;
    width: 137px;
}

#footer .smlogo:hover {
    background-image: url('../images/spotlight_logo_hover.gif');
}