/* CSS Document */

body 
{
margin: 0px 0px 0px 0px;
padding: 0px;
color:#000;
background: #CCC url(../images/background.jpg) top left repeat-x;
}


/* holds everything but the header */
.container
{
overflow: hidden;
margin: 0px auto;
width: 960px;
background: #FFF url(../images/container-background.png) top left repeat-y;
}


/* the main text container div */
.text
{
float: left;
padding: 0px 40px 15px 20px;
margin: 0px 0px 0px 0px;
width: 655px;
background: #FFF url(../images/corner.jpg) top right no-repeat;
}

/* the main text container on the contact us page */
.textcontact
{
float: left;
padding: 0px 40px 15px 20px;
margin: 0px 0px 0px 0px;
width: 655px;
background: #FFF url(../images/corner.jpg) top right no-repeat;
}


/* used to form two columns */
.textleft
{
float: left;
margin: 0px 25px 0px 0px;
width: 315px;
}

/* used to form two columns */
.textright
{
float: left;
width: 315px;
margin: 0px 0px 0px 0px;
}

.feature 
{
overflow: hidden;
clear: both;
float: left;
margin: 0px;
padding: 10px 10px 0px 10px;
margin: 0px 0px 10px 0px;
width: 633px;
background: #dedede;
border: 1px solid #CCC;
}

.featurewhite 
{
overflow: hidden;
clear: both;
float: left;
margin: 0px;
padding: 10px 10px 0px 10px;
margin: 0px 0px 10px 0px;
width: 633px;
background: #FFF;
border: 1px solid #CCC;
}

.column
{
overflow: hidden;
float: left;
width: 225px;
padding: 20px 10px 15px 10px;
}

.line
{
float: left;
width: 100%;
border-top: 1px solid #CCC;
margin: 10px 0px 10px 0px;
}

.footer 
{
clear: left;
margin: 0px auto;
overflow: hidden;
width: 960px;
padding: 0px 0px 20px 0px;
border-top: 2px solid #999;
background: #BFBFBF;
}



										/* FORMS */

.formleft
{
clear: left;
float: left;
width: 80px;
margin: 0px 0px 0px 0px;
}

.formright
{
float: left;
width: 400px;
margin: 0px 0px 0px 0px;
}


										/* NAVIGATION */


.menu 
{
margin: 0px auto;
overflow: hidden;
padding: 0px;
width: 960px;
background: #CC3300;
}

.menu p
{
font: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: center;
margin: 0px;
color: #FFF;
padding: 3px 0px;
}

 /* all lists */
#nav, #nav ul 
{
padding: 0px;
margin: 0px;
list-style: none;
}

#nav a 
{
display: block;
width: 130px;
text-decoration: none;
}

 /* all list items */
#nav li
{
float: left;
width: 130px;
background: #CC3300;
}

#nav li:hover
{
background: #E5987F;
}

 /* second-level lists */
#nav li ul 
{
position: absolute;
width: 130px;
left: -999em;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul 
{ 
left: auto;
}

/* Breadcrumb menu */
.breadcrumbs
{
clear: both;
font: 11px Arial, Helvetica, sans-serif;
color: #333;
text-align: left;
line-height: 1em;
width: 960px;
margin: 10px 0px 0px 0px;
}

/* holds the next and back links */
.next
{
margin: 15px auto;
width: 300px;
}



										/* BULLETS & LISTS */

.bullet-square
{
clear: left;
margin-left: -5px;
padding-left: 0px;
list-style: none;
margin-top: 0px;
}

.bullet-square li
{
background-image: url(../images/bullet-square.gif);
background-repeat: no-repeat;
padding-left: 25px;
background-position: 0.5em 0.3em;
text-align:justify;
font: 13px Arial, Helvetica, sans-serif;
line-height:1.7em;
margin: 0px;
}

.bullet-feature
{
clear: left;
margin-left: -5px;
padding-left: 0px;
list-style: none;
margin-top: 10px;
}

.bullet-feature li
{
background-image: url(../images/bullet-square.gif);
background-repeat: no-repeat;
padding-left: 25px;
background-position: 0.5em 0.1em;
text-align:justify;
font: 13px Arial, Helvetica, sans-serif;
margin: 0px;
}

.bullet-feature p
{
line-height: 1.2em;
}

ol
{
margin-left: -20px;
}
										
ol li
{
font-size: 12px;
margin-bottom: 10px;
font: 13px Arial, Helvetica, sans-serif;
text-align: justify;
line-height:1.7em;
margin-top: 0px;
}




										/* GRAPHICS */
.footer img
{
border: none;
}

.container img
{
border: none;
}

.thumbright 
{
clear: both;
float: right;
width: 220px;
margin: 0px;
padding: 5px 0px 10px 15px;
}

.thumbleft 
{
float: left;
width: 220px;
margin: 0px;
padding: 5px 15px 20px 0px;
text-decoration: none;
}

.caption
{
float: left;
width: 210px;
margin-top: 3px;
padding: 3px 5px 5px 5px;
background: #dedede;
}

/* holds images in the right column */
.thumbcolumn 
{
clear: both;
float: right;
width: 223px;
margin: 0px 5px 15px 0px;
padding: 0px;
}

.panorama
{
float: left;
width: 655px;
margin: 0px 0px 15px 0px;
}

/* holds embedded YouTube videos */
.movie
{
margin: 0px auto;
width: 425px;
height: 344px;
padding-bottom: 10px;
}

/* holds embedded YouTube videos */
.movieleft
{
float: left;
width: 425px;
height: 344px;
padding-bottom: 10px;
}

/* holds graphic links to quicktime videos */
.video
{
float: right;
width: 220px;
margin: 5px 0px 10px 15px;
}

										/* FONTS */


h1 
{
text-align: left;
font: 24px Arial, Helvetica, sans-serif;
color: #CC3300;
line-height: 1.5em;
margin: 5px 0px 10px 0px;
}

h2 
{
clear: left;
text-align: left;
font: 18px Arial, Helvetica, sans-serif;
line-height: 1.5em;
margin-bottom: 10px;
}

.footer h2
{
text-align: center;
font: 18px Arial, Helvetica, sans-serif;
margin: 20px 0px 10px 0px;
}

.feature h2
{
margin-top: 0px;
}

.featurewhite h2
{
margin-top: 0px;
}

.column h2
{
font: 12px Arial, Helvetica, sans-serif;
line-height: 1em;
color: #FFF;
}

h3 
{
text-align: left;
font: 16px Arial, Helvetica, sans-serif;
color: #CC3300;
line-height: 1.5em;
margin-bottom: 0px;
}

.textcontact h3
{
margin-bottom: 10px;
}

.feature h3
{
margin-top: 0px;
}

.featurewhite h3
{
margin-top: 0px;
}


/* video n podcast dates */
h4
{
clear: left;
font: 13px Arial, Helvetica, sans-serif;
text-align: left;
line-height: 1.7em;
margin: 0px 0px 3px 0px;
color: #666;
}

p 
{
clear: left;
text-align:justify;
font: 13px Arial, Helvetica, sans-serif;
line-height: 1.7em;
margin-top: 0px;
}

.textcontact p
{
line-height: 1em;
}


.footer p
{
text-align: center;
}

.column p
{
font-size: 12px;
line-height: 1em;
}

.caption p
{
font-size: 11px;
line-height: 1.4em;
margin-bottom: 0px;
}

.next p
{
text-align: center;
}

.caption em
{
color: #CC3300;
font-style: normal;
}

.footer em
{
font-size: 14px;
font-style: normal;
}

strong
{
color: #CC3300;
}

.feature strong
{
color: #000;
}


										/* LINKS */


/* standard link */
.body a:link 
{
color: #CC3300;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited 
{
color: #CC3300;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover 
{
color: #FFF;
background: #CC3300;
border-bottom: 1px solid #CC3300;
}

/* column link */
.columnlink a:link 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.columnlink a:visited 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.columnlink a:hover 
{
color: #FFF;
background: #CC3300;
border-bottom: 1px solid #CC3300;
}

/* titles link */
.title a:link 
{
color: #CC3300;
text-decoration: none;
}

.title a:visited 
{
color: #CC3300;
text-decoration: none;
}

.title a:hover 
{
color: #FFF;
background: #CC3300;
}


/* information link */
.inf a:link 
{
color: #000;
text-decoration: none;
border-bottom: 1px dotted;
}
.inf a:visited
{
color: #000;
text-decoration: none;
border-bottom: 1px dotted;
}
.inf a:hover 
{ 
background: #EDEDED;
cursor: help;
}

										/* headers */

/* holds headers */
.homeheader 
{
margin: 5px auto 0px auto;
width: 960px;
height: 165px;
background: url(../images/header-home.jpg)
}





/* Book Offer */

#book_offer_cart_btn {
    width:80px;
    margin-left:auto;
    margin-right:0px; 
}

.book_offer {
    height:120px;
    width:670px;
    margin-top:20px;
}

.book_offer_left_image {
    display:inline-block;
    width:160px;
    height:120px;    
}

.book_offer_right {
    display:inline-block;
    width:500px;
    height:150px;
    vertical-align: top;    
}

.book_offer_details {
    display:inline-block;
    width:390px;
}

.book_offer_price_block {
    display:inline-block;
    width:100px;
    height:50px;
    text-align: center;
    float:right;
}

.book_offer_price {
    font-weight: bold;
    color: black;
}

#book_offer_ruby_falls {
    display:inline-block; 
    width:180px;
    text-align: center;
    margin-top:5px;  
}

#book_offer_turtle_jpp {
    display:inline-block; 
    width:180px;
    text-align: center;
    margin-top:5px;   
}

#book_offer2_print_size {
    display:inline-block; 
    width:390px;
    text-align:center;
}

#book_offer_smokey_sunset {
    display:inline-block;
    width:390px;    
    height:170px;
}

#book_offer_sunset_jpp {
    display:inline-block;
    width:390px;    
    height:300px;   
}