/*------------------------------------------------------------------
[Splash Page Stylesheet]

Project: Sherpani Partners
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 01/26/2010
-------------------------------------------------------------------*/

@import 'reset.css';

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

1. Body
2. Left
3. Right
4. Content
5. Footer
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; padding:0; }

body {
    background:#82D2E5 url(../images/body-bg.jpg) repeat-y top center; 
    color:#5A5A5A;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:16px;
    text-align:left;
    word-spacing:0px;
}

#main_container { background:#82D2E5 url(../images/main-bg-splash.jpg) no-repeat top center; height:560px; margin:0px auto; width:995px; }

.orange { color:#F58428; }

/*------------------------------------------------------------------
[2. Left ]
-------------------------------------------------------------------*/
#left_container { float:left; width:184px; }

.nav_sherpaniexplorer { height:101px; padding:119px 0px 0px 84px; }
.nav_services { height:101px; padding:14px 0px 0px 47px; }
.nav_viewsnews { height:101px; padding:16px 0px 0px 84px; }

/*------------------------------------------------------------------
[3. Right ]
-------------------------------------------------------------------*/
#right_container { float:right; height:560px; width:810px; }

.right_top_left, .right_top_right { float:left; }
.right_top_left { height:386px; width:336px; } /** .nav_about, .nav_home, and .video container */
.right_top_right { height:324px; padding:62px 80px 0px 34px; overflow:hidden; width:360px; } /** main content area */

.nav_about, .nav_home, .nav_volunteerhosts, .nav_contact { float:left; width:121px; }
.nav_about { height:127px; padding-top:51px; }
.nav_home { height:129px; padding-top:49px; }
.nav_volunteerhosts { padding-top:39px; }
.nav_contact { padding-top:40px; }

.video { background:#F58428; height:205px; padding:3px 3px 0px 3px; width:330px; }

.right_bottom_right { float:left; height:174px; width:568px; }
.donate_volunteer { float:right; padding:46px 64px 0px 0px; }

/*------------------------------------------------------------------
[4. Content ]
-------------------------------------------------------------------*/
#content { }
#content h1 { color:#F58428; font-size:18px; line-height:30px; padding-top: 8px; text-transform:uppercase; }
#content p { padding:4px 0px; }
#content a { color:#5A5A5A; }
#content a:hover { color: #000; }

.funky { font-size:15px; font-style:italic; font-weight:bold; }

/*------------------------------------------------------------------
[5. Footer ]
-------------------------------------------------------------------*/
#ftr { color: #FFF; font-size: 12px; margin:0px auto; width:994px; }

p.ftr_left { float:left; padding-left:15px; }
p.ftr_right { float:right; padding-right:15px; }