body {
  background: #8e8f93;
  border:0px;
  margin:0px;
  
    font-family: Geneva, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#ffffff;
    text-align:left;
    line-height:16pt;
}

p {
    font-family: Geneva, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#ffffff;
    text-align:left;
    line-height:16pt;
}

h1 {
    font-family:Century Gothic;
    text-transform:uppercase;
    font-weight: 100;
    color:#c8e2f1;
    margin-top:0px;
    font-size:22pt;
}

h2 {
    font-family:Trebuchet MS;
    text-transform: capitalize;
    font-weight: 100;
    color:#c8e2f1;
    font-size:14pt;
    margin-bottom:4pt;
    margin-top:12pt;
}

h3 {
    font-family:Trebuchet MS;
    text-transform: capitalize;
    font-weight: 100;
    color:#c8e2f1;
    font-size:12pt;
    margin-bottom:4pt;
    margin-top:12pt;
}

a {
    color:#c8e2f1;
    text-decoration:none;
}

a:hover {
    color:#d2dbe1;
}

#page_container {
    width:100%;
    /* for firefox, to center box content */
    text-align:center; 
    
}

#page_container div {
    /* for firefox, reset text to align left */
    text-align:left;
}

#page_container #mainbody_container {
    position:absolute;
    background:url('../images/bg.jpg') repeat-x;
    text-align:center;
    width:100%;
    left:0px;
    /*removed vertical align*/
    /*top:50%;
    margin-top:-250px;*/
    margin-top:170px;
}

#page_container #mainbody_container #mainbody {
    /* this must be declared for absolute positions to be relative to the container */
    position:relative;

    /* centering in firefox */
    margin-left:auto;
    margin-right:auto;
    width:820px;
    height:475px;
    border:0px solid black;
    /*background:#ffffff;*/
}

#page_container #splash_home, #page_container #splash, #page_container #navigation, #page_container #bodycontent {
    float:left;
}


/*******************************************************************************
*
* left side splash
* 
********************************************************************************/
#page_container #splash_home {
    border-left:2px solid #ffffff;
    border-right:2px solid #ffffff;
}

#page_container #splash {
    border-left:2px solid #ffffff;
    border-right:2px solid #ffffff;
    background:#496e88;
    width:203px;
    height:465px;
}

/*******************************************************************************
*
* logo positioning
* 
********************************************************************************/
#page_container #logo {
    position:absolute;
    top:-135px;
    left:19px;
}

/*******************************************************************************
*
* top navigation positioning
* 
********************************************************************************/
#page_container #top_navigation {
    position:absolute;
    top:-55px;
    left:185px;
    color:#ffffff;
    width:650px;
    text-align:center;
}

#top_navigation a {
    font-family:Century Gothic;
    text-transform:uppercase;
    text-decoration:none;
    color:#ffffff;
    font-size:11pt;
}

#top_navigation a:hover, 
#top_navigation, 
#top_navigation .home-over, 
#top_navigation .about-us-over,
#top_navigation .our-collections-over,
#top_navigation .hospitality-over,
#top_navigation .contact-us-over {
    color:#c8e2f1;
}

/*******************************************************************************
*
* sub navigation positioning
* 
********************************************************************************/
#page_container #top_navigation_sub {
    position:absolute;
    top:-30px;
    left:185px;
    color:#ffffff;
    width:650px;
    text-align:center;
}

#page_container #top_navigation_sub div {
    width:100%;
    text-align:center;
}

#top_navigation_sub a {
    font-family:Century Gothic;
    text-decoration:none;
    color:#c8e2f1;
    font-size:8.5pt;
}

#top_navigation_sub a:hover, 
#top_navigation_sub .corporate-overview-over,
#top_navigation_sub .artist-submissions-over,
#top_navigation_sub .tradeshow-schedule-over,
#top_navigation_sub .in-the-news-over,
#top_navigation_sub .press-and-media-over,
#top_navigation_sub .career-opportunities-over,
#top_navigation_sub .top-sellers-over,
#top_navigation_sub .mirror-catalog-over,
#top_navigation_sub .fine-art-catalog-over,
#top_navigation_sub .quality-originals-over,
#top_navigation_sub .buying-our-products-over,
#top_navigation_sub .licensing-over,
#top_navigation_sub .downloads-over {
    color:#ffffff;
}

/*******************************************************************************
*
* footer wrapper css 
* 
********************************************************************************/
#page_container #footer {
    margin-left:auto;
    margin-right:auto;
    width:820px;
    text-align:center;
    margin-top:15px;
}

#page_container #footer_links {
    margin-top:60px;
    width:820px;
}

.footer {
    font-family: Geneva, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	font-size:10pt;
}

.footer a {
    color:#5a5a5a;
    text-decoration:none;
}

.footer a:hover {
    color:#363636;
}

/*******************************************************************************
*
* navigation wrapper css 
* NOTE: the floats are declared above
* 
********************************************************************************/
#mainbody #navigation {
    width:203px;
    height:465px;
    background:#ffffff;
}

#mainbody #navigation #navigation_background {
    background:#496e88;
    height:465px;
    border-right:2px solid #ffffff;
}

#navigation_background #navigation_wrapper {
    padding-top:60px;
    text-align:center;
    line-height:30px;
}

#navigation_background a {
    font-family: Century Gothic; 
    font-size:11pt;
    text-transform: uppercase;
    color:#ffffff;
    text-decoration:none;
    font-weight:100;
}

#navigation_background a:hover {
    color:#d2dbe1;
}

#navigation_background hr {
    width:110px;
    color:#d2dbe1;
    height:1px;
}

/*******************************************************************************
*
* content wrapper css 
* NOTE: the floats are declared above
* 
********************************************************************************/
#mainbody #bodycontent {
    width:608px;
    height:465px;
    background:#ffffff;
}

#mainbody #bodycontent #bodycontent_background {
    background:#496e88;
    height:465px;
    border-right:2px solid #ffffff;
}

#bodycontent_background #bodycontent_wrapper {
    font-family: Geneva, Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size:10pt;
    color:#ffffff;
    padding:30px;
    text-align:left;
    line-height:16pt;
}

#bodycontent_wrapper #text {
    padding-right:10px;
    height:360px;
    overflow:auto;
    background-attachment:fixed; 
    scrollbar-arrow-color: #0b2038;
    scrollbar-track-color: #0b2038;
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #4b6f89;
    scrollbar-shadow-color: #ffffff;
}

#bodycontent_wrapper p {
    margin-top:0px;
}

#bodycontent_wrapper h1 {
    font-family:Century Gothic;
    text-transform:uppercase;
    font-weight: 100;
    color:#c8e2f1;
    margin-top:0px;
    font-size:22pt;
}

#bodycontent_wrapper h2 {
    font-family:Trebuchet MS;
    text-transform: capitalize;
    font-weight: 100;
    color:#c8e2f1;
    font-size:14pt;
    margin-bottom:4pt;
    margin-top:12pt;
}

#bodycontent_wrapper h3 {
    font-family:Trebuchet MS;
    text-transform: capitalize;
    font-weight: 100;
    color:#c8e2f1;
    font-size:12pt;
    margin-bottom:4pt;
    margin-top:12pt;
}

#bodycontent_wrapper a {
    color:#c8e2f1;
    text-decoration:none;
}

#bodycontent_wrapper a:hover {
    color:#d2dbe1;
}