/* Browser Reset
---------------------------- */
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Default
---------------------------- */
body { background: #333030 url(bg.jpg); }
body, td { font: 12px Georgia, Times New Roman, Verdana, Helvetica, sans-serif; color: #5b5249; font-weight: bold; }
p { margin: 0 0 20px 0; line-height: 1.75em; }
a { color: inherit; text-decoration: underline; }
a:hover, a:active { color: #000;  }
label { font-weight: bold; cursor: pointer; color: #5b52490; }
h1, h2, h3, { font-weight: bold; }
h1 { color: #332c2a; font-size: 20px; margin: 0 0 20px 0; }
h2 { color: #332c2a; font-size: 20px; margin: 0 0 20px 0; }
h3 { font-size: 14px; margin: 0 0 5px 0; }
h4, h5 { font-weight: 12px; margin: 0 0 25px 0; font-weight:normal;}


hr { border: none; border-top: 1px solid #7e715f; height: 1px; padding: 0; margin: 0 0 15px 0; }
ul, ol { list-style: none; margin: 0 0 20px 0; padding: 0; }
li { margin: 0 0 4px 0; }
object, embed { margin: 0 0 15px 0; }

/* Clearing
---------------------------- */
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


#container { width: 964px; height: 595px; margin: 50px auto 15px auto; }

#sd-t { background: url(shadow-top.png) no-repeat; width: 964px; height: 13px; }
#sd-b { background: url(shadow-bottom.png) no-repeat; width: 964px; height: 11px; }
#sd-l { background: url(shadow-left.png) no-repeat; width: 24px; height: 571px; float: left; }
#sd-r { background: url(shadow-right.png) no-repeat; width: 28px; height: 571px; float: left; }

#sd-wrapper { }

#book { background: #ddd4c2 url(book-bg.jpg) no-repeat; width: 912px; height: 571px; float: left; }

#header { position: relative; }
#header h2 { margin: 0; padding: 0; }
#header h2 a { display: block; background: url(logo.jpg) no-repeat; width: 335px; height: 79px; position: absolute; top: 15px; left: 75px; text-indent: -9999px; overflow: hidden; }


#header #nav { position: absolute; top: 50px; left: 483px; width: 340px; height: 30px; }
#header #nav li { display: inline; margin: 0; padding: 0; }
#header #nav li.item1 a,
#header #nav li.item2 a,
#header #nav li.item3 a,
#header #nav li.item4 a,
#header #nav li.item5 a { float: left; background: url(nav-sprite-bg.jpg) no-repeat 0 0; height: 30px; text-indent: -9999px; overflow: hidden; display: block; }

#header #nav li.item1 a { width: 60px; background-position: 0 0; }
#header #nav li.item2 a { width: 72px; background-position: -60px 0; }
#header #nav li.item3 a { width: 58px; background-position: -132px 0; }
#header #nav li.item4 a { width: 103px; background-position: -190px 0; }
#header #nav li.item5 a { width: 47px; background-position: -292px 0; }

#header #nav li.item1 a:hover { background-position: 0 -30px; }
#header #nav li.item2 a:hover { background-position: -60px -30px; }
#header #nav li.item3 a:hover { background-position: -132px -30px; }
#header #nav li.item4 a:hover { background-position: -190px -30px; }
#header #nav li.item5 a:hover { background-position: -292px -30px; }

#about-page #header #nav li.item1 a { background-position: 0 -30px; }
#timeline-page #header #nav li.item2 a { background-position: -60px -30px; }
#videos-page #header #nav li.item3 a { background-position: -132px -30px; }
#photos-page #header #nav li.item4 a { background-position: -190px -30px; }
#photo-gallery #header #nav li.item4 a { background-position: -190px -30px; }
#blog-page #header #nav li.item5 a { background-position: -292px -30px; }

#wrapper { padding: 0 15px 0 40px; }

#col-1 { float: left; width: 390px; margin: 115px 52px 0 0;}
#col-2 { float: left; width: 410px; margin: 100px 0 0 0; }


#footer { text-align: center; color: #c0a578; height: 100px; }
#footer ul { margin: 0 auto; width: 535px; }
#footer li { float: left; display: inline; padding: 0 8px 0 0; }
#footer li a { color: #c0a578; padding: 0 10px 0 0; text-decoration: none; font-weight: bold; font-size: 11px; }
#footer li a:hover { /*text-decoration: underline;*/ color: #ccc; }




#scroll-container {
	position: relative;
	height: 380px;
	overflow: hidden;

	}

#scroll-container #content {
	position: absolute;
	top: 0;
	right: 30px;
	/*clip: rect(0px, 410px, 300px, 0px);*/
	overflow: hidden;
	padding-bottom: 10px;
	height: 600px;
	}

#scroll-container #content { height: 600px ! }
.about #scroll-container #content { height: 3700px ! important; }
.terms #scroll-container #content { height: 1500px ! important; }
.privacy-policy #scroll-container #content { height: 1000px ! important; }

	
#scroll-container #track {
	position: absolute;
	right: 5px;
	top: 23px;
	width: 4px;
	height: 288px;
	background: #7e715f;
	cursor: pointer;
	z-index: 2;
	
	}

#scroll-container #handle {
	position: absolute;
	right: -7px;
	top: 0;
	width: 17px;
	height: 53px;
	background: url(scroll-track.png) no-repeat;
	cursor: move;
	z-index: 1;
	}

#scroll-container #button-up {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 4px;
	height: 15px;
	background: #5d5447;
	cursor: pointer;
	}

#scroll-container #button-down {
	position: absolute;
	top: 314px;
	right: 5px;
	width: 4px;
	height: 15px;
	background: #5d5447;
	cursor: pointer;
	}

#scroll-container #button-down:hover,
#scroll-container #button-up:hover { background: #484036; }

.links #scroll-container #content { padding-right: 80px; width: 300px; }
.links #scroll-container #content a:hover,
.links #scroll-container #content a:active { text-decoration: none; } 


#videos-page #wrapper { padding: 0 15px 0 40px; }
#videos-page #col-1 { float: left; width: 370px; margin: 115px 52px 0 0;}
#videos-page #col-2 { float: left; width: 430px; margin: 110px 0 0 0;  _width: 410px; _margin-left: 25px; }
#videos-page #scroll-container #content {
	right: 17px;
	_right: 10px;
	min-height: 500px;
	_height: 500px;
	}

.video-player { text-align: center; margin: 0 0 3px 15px; }

.video-meta { padding-left: 25px; }
.video-meta  h2 { margin: 0 0 5px 0; }
.video-meta h3 { font-size: 13px; margin: 0 0 12px 0; }

.video-meta ul { margin: 5px 0 0 0; }
.video-meta li { float: left; display: inline; padding: 0 6px 0 0; }
.video-meta li a { padding: 0 6px 0 0; text-decoration: none; font-size: 11px; font-weight: normal; }
.video-meta li a:hover { text-decoration: underline; }

.video-meta li a.add-delicious { background: url(delicious-logo.gif) no-repeat 0 1px; padding-left: 15px; }
.video-meta li a.add-facebook { background: url(facebook-logo.gif) no-repeat 0 2px; padding-left: 14px; }
.video-meta li a.add-digg { background: url(digg-logo.gif) no-repeat 0 2px; padding-left: 21px; }


.video-thumbs { }
.video-thumbs ul { margin: 0; }
.video-thumbs li { display: inline; margin: 0; text-align: center; vertical-align: middle; }
.video-thumbs li a { display: block; width: 120px; float: left; margin: 0 10px 10px 0; min-height: 125px; outline: none; }

#photo-gallery #wrapper { padding: 0 15px 0 40px; }
#photo-gallery #col-1 { float: left; width: 370px; margin: 115px 52px 0 0;}
#photo-gallery #col-2 { float: left; width: 430px; margin: 110px 0 0 0;  _width: 410px; _margin-left: 25px; }
#photo-gallery #scroll-container #content {
	right: 17px;
	_right: 10px;
	min-height: 500px;
	_height: 500px;
	}

.photos-thumbs { }
.photos-thumbs ul { margin: 0; }
.photos-thumbs li { display: inline; margin: 0; text-align: center; vertical-align: middle; }
.photos-thumbs li a { display: block; width: 120px; float: left; margin: 0 10px 10px 0; min-height: 125px; outline: none; }

.photo-large { text-align: center; margin: 0 0 3px 15px; }

.photo-meta { padding-left: 25px; }
.photo-meta  h2 { margin: 0 0 5px 0; }
.photo-meta h3 { font-size: 13px; margin: 0 0 12px 0; }

.photo-meta ul { margin: 5px 0 0 0; }
.photo-meta li { float: left; display: inline; padding: 0 6px 0 0; }
.photo-meta li a { padding: 0 6px 0 0; text-decoration: none; font-size: 11px; font-weight: normal; }
.photo-meta li a:hover { text-decoration: underline; }

.timeline h3 { margin-top: 25px; }
.timeline h4 { margin-bottom: 0; }
.timeline-thumbs { }
.timeline-thumbs ul { margin: 0; }
.timeline-thumbs li { float: left; margin: 0; text-align: center; vertical-align: middle; }
.timeline-thumbs li a { display: block; width: 120px; margin: 0 10px 10px 0; min-height: 125px; outline: none; }

/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #fff;
padding: 7px 10px;
background: #d3c8b6;
visibility: hidden;
z-index: 100;
font-weight:bold;
font-size: 11px;
color: #635a50;
line-height: 1.5em;
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#flash-container { position: relative; }
#flash-home { position: absolute; top: 80px; left: -25px; }
#flash-home p { padding: 50px 0 0 40px; width: 320px; }

body#home #footer { margin-top: 90px; }