/*------------------------------------------------------------------
[Splash Landing Stylesheet]

Project: Rock, Paper, Scissors
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 09/08/2009
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Navigation
4. Content
5. Footer
6. Error
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html {
    margin-bottom: 1px;
    min-height: 100%;
}

body {
    background-color: #FFFFFF;
    color: #FEFEFE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-align: left;
    word-spacing: 0px;
}

p { padding: 10px 0px; }

#top { height: 30px; }

#wrapper_outer {
    background: url(../images/wrapper-outer.jpg) repeat-y;
    height: 100%;
    margin: auto;
    padding-bottom: 20px;
    width: 1024px;
}

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#hdr {
    background: url(../images/splash/bg-main.jpg) no-repeat;
    height: 90px;
    width: 1024px;
}

#hdr_left {
    float: left;
    height: 90px;
    width: 360px;
}

#hdr_right {
    float: right;
    height: 68px;
    padding-top: 22px;
    width: 664px;
}

/*------------------------------------------------------------------
[3. Navigation ]
-------------------------------------------------------------------*/
#nav_main {
    float: right;
    height: 46px;
    padding-left: 44px;
    width: 620px;
}

#nav_main ul li {
    display: inline;
    list-style-type: none;
    padding: 0px 8px;
}

#nav_main a { text-decoration: none; }

#nav_sub_container {
    background: url(../images/splash/bg-nav-sub.jpg) no-repeat;
    display: table;
    float: left;
    height: 550px;
    width: 334px;
}

#nav_sub_position { 
     display: table-cell;
     vertical-align: middle;
}

#nav_sub_content ul li { padding: 6px 0px 6px 100px; }

#nav_sub_content ul li a { 
    color: #000;
    text-decoration: none;
}

#nav_sub_content ul li a:hover { color: #555631; }

/*------------------------------------------------------------------
[4. Content ]
-------------------------------------------------------------------*/
#wrapper_inner {
    background: url(../images/splash/wrapper-inner.gif) repeat-y;
    height: 100%;
    min-height: 550px;
    width: 1024px;
}

#content_container {
    float: right;
    padding: 20px 140px 0px 56px;
    text-align: right;
    width: 490px;
}

#home_slideshow_container {
    padding: 0px 0px;
}

#home_slideshow_area {
    background-color: #A94926;
    height: 170px;
    width: 490px;
}

#home_slide1, #home_slide2, #home_slide3 {
    background-color: #FFFFFF;
    height: 150px;
    width: 150px;
}

/*------------------------------------------------------------------
[4. Footer ]
-------------------------------------------------------------------*/
#social_media {
    background: url(../images/bg-social-media.jpg) no-repeat;
    height: 32px;
    margin: auto;
    padding: 8px 0px 0px 44px;
    width: 980px;
}

#social_media ul { float:left; }

#social_media ul li {
    display: inline;
    list-style-type: none;
    padding: 0px 4px;
}

#newsletter { float:right; padding-right:50px; }

#ftr {
    color: #7E8278;
    font-size: 10px;
    margin: auto;
    padding-top: 8px;
    text-align: center;
    width: 838px;
}

#ftr a {
    color: #7E8278;
    padding: 0px 2px;
    text-decoration: none;
}

#ftr a:hover { color: #000; }

#ftr p { padding: 2px 0px; }

.clear { clear: both; }

/*------------------------------------------------------------------
[5. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errEmail {
    color: #CC0000;
    font-style: italic;
}