/* CSS Document */

/* RESET DEFAULT STYLES */

* {margin:0px; padding:0px;} /* normalizes margin, padding */
div {position:relative;} /* to help with position:absolute and z-index */
a {outline:none;} /* firefox fix */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol, ul {list-style:none;} /* removes bullets from lists */
table {border-collapse:collapse; border-spacing:0px;}
fieldset, img {border:none;} /* removes border */
caption, th {text-align:left;} /* default is center */

/* SOME COMMON STYLES */
/* for forms */
.warning_msg {color:#FF0000;}
.confirmation_msg {color:#0000FF;}
.clear_floats {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
hr {border:0px;height:1px;background-color:#6c3d10;margin-bottom:16px;}
.float_left {float:left;margin:10px 12px 10px 0px;}
.float_right {float:right;margin:10px 0px 10px 12px;}
.center {text-align:center;}

#main_content p,
#main_content h1,
#main_content h2,
#main_content h3,
#main_content h4,
#main_content h5,
#main_content h6,
#main_content address {padding:0px 40px 16px 40px;}

#main_content h2 {padding-bottom:0px;}
#main_content hr {margin:0px 40px 16px 40px;}

#main_content ul,
#main_content ol,
#main_content table {margin-bottom:16px;}

#main_content ul {list-style-image:url(../images/list_bullet.png);margin-left:80px;font-weight:bold;}
#site_map #main_content ul ul {margin:0px 0px 0px 20px;}
#site_map #main_content ul li {line-height:19px;}

#gallery_page #main_content ul {margin-left:70px;}
#gallery_page #main_content ul li a {font-weight:bold;text-decoration:none;}
#gallery_page #main_content ul li a:hover {text-decoration:underline;}
#gallery_page #main_content li.padding_top {padding-top:16px;}

/* MAIN STYLES */

body {
	background-image:url(../images/bg_body.png);
	background-repeat:repeat-x;
	background-color:#3f0000;		
}


#container {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../images/main-bg-repeat.jpg) repeat-y center;
	color:#6c3d10;
	font-size:12px;
	position:relative;
}

#container2 {background:url(../images/bg-body-1228.jpg) top center no-repeat;}

@media screen and (max-width: 1091px) {
	#container2 {background:url(../images/bg-body-1228.jpg) -76px top no-repeat;}
}

#wrapper {
	width:1077px;
	min-height:662px;
	margin:0px auto;
	padding-bottom:100px;
	position:relative;	
}

#wrapper_inside {
	width:1077px;
	margin:0px auto;
}

#wrapper_inside #masthead, #wrapper_inside #content_wrapper, #wrapper_inside #links {
	width:100%;
	position:relative;
}

#masthead {height:230px;}

#masthead address {position:absolute;top:40px;}
#masthead address a {display:block;height:97px;text-indent:-9999px;}
#masthead address#la-jolla {left:0px;}
#masthead address#la-jolla a {background:url(../images/address-la-jolla.png);width:162px;}
#masthead address#old-town {right:0px;}
#masthead address#old-town a {background:url(../images/address-old-town.png);width:207px;}
#masthead address#la-jolla a:hover, #masthead address#old-town a:hover {background-position:top right;}  

#identity {
	background:url(../images/logo-tagline.png);
	width:344px;
	height:195px;
	margin:0px auto;
	text-indent:-9999px;	
}

#identity a {
	display:block;
	width:344px;
	height:195px;
	text-indent:-9999px;	
}


#nav-icons {height:136px;position:relative;width:100%;}

#nav-icons li a {
	display:block;
	background:url(../images/sprite-main-icons.png) no-repeat;
	height:136px;
	width:254px;
	position:absolute;
	top:0px;
	text-indent:-9999px;	
}

#nav-icons li#link-look a {left:0px;background-position:0px 0px;}
#nav-icons li#link-marco a {left:275px;background-position:-274px 0px;}
#nav-icons li#link-custom a {right:275px;background-position:-548px 0px;}
#nav-icons li#link-gallery a {right:0px;background-position:-822px 0px;}

#nav-icons li#link-look a:hover {left:0px;background-position:0px -136px;}
#nav-icons li#link-marco a:hover {left:275px;background-position:-274px -136px;}
#nav-icons li#link-custom a:hover {right:275px;background-position:-548px -136px;}
#nav-icons li#link-gallery a:hover {right:0px;background-position:-822px -136px;}

#content-top {background:url(../images/box-content-top.png);width:1076px;height:26px;margin-top:15px;}
#content-middle {background:url(../images/box-content-middle.png);width:1076px;}
#content-bottom {background:url(../images/box-content-bottom.png);width:1076px;height:26px;}

#content-middle .padding {
	padding:20px 50px;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:22px;
}

#content-middle .padding h1, #content-middle .padding address {padding-bottom:16px;}
#content-middle .padding ul {list-style-type:disc;margin-left:48px;margin-bottom:20px;}
#content-middle .padding blockquote {font-style:italic;}

#content-middle .padding p {
	padding-bottom:20px;	
}

#content-middle .padding p .cap {font-size:28px;}
#content-middle a {color:#6c3d10;}
#content-middle a:hover {text-decoration:none;}

#wrapper_inside #content_wrapper {
	height:297px;
	width:1040px;
	position:relative;
	margin:23px auto 35px auto;
	/*
	position:absolute;
	top:191px;
	left:22px;
	*/
}

#wrapper_inside #main_image,
#wrapper_inside #gallery {
	position:absolute;
	top:0px;
	left:0px;
	height:297px;
	width:400px;
}

#slideshow {}
.slideshow-inner {position:relative;width:100%;height:296px;}

#wrapper_inside #main_content {
	width:600px;
	height:297px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:transparent;
}

#main_content .padding {
	padding:18px 0px 18px 0px;
	overflow:scroll;
	overflow:auto;
	height:261px;
}

#main_content h1 {text-align:center;font-size:18px;letter-spacing:1px;padding:0px 0px 16px 0px;}
#main_content h1 small {font-size:14px;}
#main_content h1 span {
	padding:0px 28px;
	background-repeat:no-repeat;
	position:relative;
	top:-5px;
}

#main_content h1 .left {background-image:url(../images/img_heading_left.png);margin-right:6px;}
#main_content h1 .right {background-image:url(../images/img_heading_right.png);margin-left:6px;}

#main_content p {font-size:32px;font-style:italic;line-height:42px;margin-top:56px;text-align:center;}
#main_content p .cap {font-size:48px;letter-spacing:3px;}
#main_content a {color:#6c3d10;}
#main_content a:hover {text-decoration:none;}
#main_content #navigation {
	font-style:normal;
	width:132px;
	position:absolute;
	bottom:10px;
	left:122px;
	text-align:center;
	border:1px solid #c8912b;
	padding:0px;
	line-height:16px;
	
}
#main_content #navigation a {
	color:#6c3d10;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
}

#main_content #navigation a:hover {color:#c8912b;}

#main_content #navigation .last_link {margin-right:0px;}

#main_content p .drop_cap {
	float:left;
	font-size:100px;
	line-height:80px;
	font-style:normal;
	color:#c8912b;
	font-weight:bold;
	border:0px solid #000000;
	margin:0px 5px 0px 0px;
}

#links {position:absolute;left:50px;top:6px;}

#links li {
	float:left;
	margin-right:20px;
}
#links li a {
	display:block;
	height:28px;
	background-position:left;
	position:relative;
	top:7px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#dd8c28;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#links li a:hover {background-position:right;color:#ae7836;}

/*
#links #btn_gallery a {background-image:url(../images/btn_gallery.png);width:117px;left:0px;}
#links #btn_look a {background-image:url(../images/btn_look.png);width:183px;left:117px;}
#links #btn_knowledge a {background-image:url(../images/btn_knowledge.png);width:168px;left:300px;}
#links #btn_story a {background-image:url(../images/btn_story.png);width:120px;left:468px;}
#links #btn_directions a {background-image:url(../images/btn_directions.png);width:131px;left:588px;}
#links #btn_say a {background-image:url(../images/btn_say.png);width:133px;left:719px;}
*/

#footer {
	clear:both;
}

/* GALLERY STYLES */
#wrapper_inside #gallery {background-color:#FFFFFF;}
#gallery #photo, #gallery #thumbnails {position:absolute;top:0px;height:297px;}
#gallery #photo {width:256px;left:0px;overflow:scroll;}
#gallery #thumbnails {width:144px;right:0px;background-color:#01000b;overflow:visible;}
#thumbnails h2 {text-align:center;padding:8px 10px 10px 10px;font-size:14px;}
#thumbnails ul {position:relative;}
#thumbnails li {
	background-color:#231f20;
	width:32px;
	height:32px;
	float:left;
	margin:0px 0px 8px 10px;
	position:relative;
	left:5px;
	z-index:100;
}

#gallery_page #main_content p {font-size:12px;line-height:17px;padding:0px 0px 12px 0px;margin-top:0px;}
#gallery_page #main_content .gallery_descriptions {min-height:220px;}
#gallery_page #main_content .gallery_descriptions h2 {padding-bottom:10px;}
#gallery_page #main_content .gallery_descriptions ul {padding-bottom:0px;}
#gallery_page #main_content .gallery_descriptions p {padding-bottom: 16px; padding-left:45px;}
#gallery_page #main_content .description_footer {position:relative;bottom:0px;left:-24px;text-align:center;height:50px;}
#gallery_page #main_content .description_footer p {padding-bottom:0px;width:100%;}
#gallery_page #main_content .description_footer .return_to_galleries {text-align:center;padding-top:6px;}

/* ScrollPane Styles */
.jScrollPaneContainer {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	top:0px;
	right:0px;
	padding:0px;
	width:144px;
	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0;
	height: 100%;
	background: #B8783A;
	z-index:100;
}
.jScrollPaneDrag {
	position: absolute;
	background: #E9D29C;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}