@charset "utf-8";
/* CSS Document */

html {overflow: scroll;} /* force scrollbars to appear so background image is constant from page to page */

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff6e7;
	font-size:14px;
	color:#58595b;
	margin:0 0 0 10%;
	background-repeat:no-repeat;
	height:100%;
	}

ol {margin-left:280px;}

ol li {
	list-style:upper-roman;
	padding:15px 0 0 40px;
	}
	
ul {margin:0;padding:0;}
li {margin:0;padding:.2em 0.5em;display:inline;}

a {color:#1b1464;text-decoration:none;}
a:hover {text-decoration:underline;}

#content img {margin:4px;}

#header {
	background-image:url('images/header.png');
	background-repeat:no-repeat;
	height:250px;
	}
a.LST_header {display:block;position:absolute;
	margin:10px 0 0 60px;
	height:200px;
	width:760px;
	}
#navigation ul {position:absolute;margin:225px 0 0 58px;}
#navigation ul li{
	display:inline;
	}
#navigation ul li a {
	height:20px;
	text-decoration:none;
	}
#navigation span {display:none;} /* hides text between span tags so that width can be smaller than text */

.excerpt,
.about,
.media,
.buy,
.meet,
.reviews,
.twain {display:inline-block;}

.excerpt {width:125px;}
.about {
	width:92px;
	margin-left:13px;
	}
.media {
	width:49px;
	margin-left:12px;
	}
.buy {
	width:104px;
	margin-left:16px;}
.meet {
	margin-left:14px;
	width:83px;}
.reviews {
	margin-left:15px;
	width:65px;}
.twain {
	margin-left:8px;
	width:57px;}

#left_nav {
	width:170px;
	margin:60px 0 0 0;
	height:100%;
	position:absolute;
	}
#left_nav ul {}
#left_nav ul li {display:block;}


h1 {font-size:1.5em;
	font-weight:lighter;
	margin-left:0.4em;
	padding:0;}
	
p {
	margin:0;
	padding:0.5em;}
a img {border:0;}
#container {
	width:990px;
	margin:0px 0 10px 10px;
	padding:50px 0 0 0;
	height:100%;
	}

/* 	Scalable background image.
	Note that the image is actually part of 
	the html at the bottom of the page
*/
#background_image {
	position:fixed;
	left:0; /*forces left margin over to the left to scale image height in ie */
	top:0;
	z-index:-1;}
img#background_image  {
	min-height:100%;
	min-width:100%;
	width:auto;
	}

#container {
	width:1000px;
	}

#content {
background-image:url('images/content_area_repeat.png');
background-repeat: repeat-y;
width:750px;
margin:0;
padding:10px 60px 0 60px;
height:100%;
}


#slideshow.hp {margin:0px 0 0 100px;list-style:none;padding:20px 0 20px 0;}
.hide {display:none;} /* prevents .hide class item from flickering onto the screen before jquery loads */
ul.about span {visibility:hidden;}	

#footer {
	background:url('images/footer.png') no-repeat;
	height:176px;
	padding:4px 0 0 0;
	margin:0;
	}

#footer ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#footer li {display:block;}	
#footer ul li a {
	height:15px;
	width:123px;
	margin:1px 0 4px 363px;
	display:block;
	}
#footer ul li a span {display:none;}
#footer ul a {
	text-decoration:none;
	}

#footer ul li a.facebook {
	height:35px;width:125px;
	}
.float_left {float:left;}
.float_right {float:right;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

#content #right_side {margin-left:180px;width:560px;}

/* Typographical adjustments classes */
.review_quote {margin:15px 25px;}
.caption {font-size:0.9em;margin-bottom:30px;}