@charset "UTF-8";
/* CSS Document */

body {
	font:12px normal Georgia, "Times New Roman", Times, serif;
	background:#fff;
}

* { margin:0; padding:0; }

li { list-style:none; }

a { text-decoration:none; }
a img {border:none;}

div#wrapper {
	width:1024px;
	position:absolute;
	left:50%;
	margin-left:-512px;
}

div#header {
	position:absolute;
	top:0;
	left:0;
	height:100px;
	width:100%;
	z-index:20;
	background:url(../images/HOD_logo.png) no-repeat 120px 20px;
}

ul#menu_main {
	float:left;
	height:30px;
	padding:0  0 0 325px;
}

ul#menu_main li {
	float:left;
}

ul#menu_main li a {
	display:block;
	text-indent:-9999px;
	height:60px;
}

ul#menu_main li a#nav_home {
	background:url(../images/nav/home.jpg) no-repeat 0 bottom;
	width:63px;
}

ul#menu_main li a#nav_home:hover {
	background-position:-63px bottom;
}

ul#menu_main li a#nav_home_selected {
	background:url(../images/nav/home_selected.jpg) no-repeat 0 bottom;
	width:63px;
}

ul#menu_main li a#nav_story {
	background:url(../images/nav/the_story.jpg) no-repeat 0 bottom;
	width:75px;
}

ul#menu_main li a#nav_story:hover {
	background-position:-75px bottom;
}

ul#menu_main li a#nav_story_selected {
	background:url(../images/nav/the_story_selected.jpg) no-repeat 0 bottom;
	width:75px;
}

ul#menu_main li a#nav_gallery {
	background:url(../images/nav/gallery.jpg) no-repeat 0 bottom;
	width:62px;
}

ul#menu_main li a#nav_gallery:hover {
	background-position:-62px bottom;
}

ul#menu_main li a#nav_gallery_selected {
	background:url(../images/nav/gallery_selected.jpg) no-repeat 0 bottom;
	width:62px;
}

ul#menu_main li a#nav_press {
	background:url(../images/nav/press.jpg) no-repeat 0 bottom;
	width:57px;
}

ul#menu_main li a#nav_press:hover {
	background-position:-57px bottom;
}

ul#menu_main li a#nav_press_selected {
	background:url(../images/nav/press_selected.jpg) no-repeat 0 bottom;
	width:57px;
}

ul#menu_main li a#nav_talk {
	background:url(../images/nav/lets_talk.jpg) no-repeat 0 bottom;
	width:79px;
}

ul#menu_main li a#nav_talk:hover {
	background-position:-79px bottom;
}

ul#menu_main li a#nav_talk_selected {
	background:url(../images/nav/lets_talk_selected.jpg) no-repeat 0 bottom;
	width:79px;
}

ul#menu_main li a#shop {
	background:url(../images/nav/shop.gif) no-repeat 0 bottom;
	width:54px;
	margin:0 15px;
}

ul#menu_main li a#shop:hover {
	background-position:-54px bottom;
}

ul#menu_main li a#shop_selected {
	background-position:-54px bottom;
}

ul#menu_special {
	float:left;
	padding:20px 0 0 20px;
}

ul#menu_special li a {
	display:block;
	text-indent:-9999px;
	height:20px;
}

ul#menu_special li a#nav_blog {
	background:url(../images/nav/our_blog.jpg) no-repeat 0 bottom;
	width:60px;
}

ul#menu_special li a#nav_blog:hover {
	background-position:-60px bottom;
}

ul#menu_special li a#nav_newsletter {
	background:url(../images/nav/newsletter_signup.jpg) no-repeat 0 bottom;
	width:121px;
}

ul#menu_special li a#nav_newsletter:hover {
	background-position:-121px bottom;
}


#shopLink { 
	float:left;
	height:60px;
	display:block;
}

div#content-home    { background:url(../images/homeBG.jpg) no-repeat; }
div#content-story   { background:url(../images/storyBG.jpg) no-repeat; height:830px; }
div#content-gallery { background:url(../images/gallery-bg.jpg) no-repeat; height:860px; }
div#content-press   { background:url(../images/pressBG.jpg) no-repeat; }
div#content-talk    { background:url(../images/talkBG.jpg) no-repeat; }

.page-content {
	float:left;
	width:1024px;
	height:700px;
	padding-top:100px;
}

div#footer { 
	width:1024px;
	float:left;
	clear:both;	
}

ul#menu_footer {
	float:left;
	margin:20px 50px;
}

ul#menu_footer li {
	display:inline;
	margin:0 10px;
}

ul#menu_footer li a       { color:#9e9b9a; }
ul#menu_footer li a:hover { color:#75716f; }


/* home content */
#home {
	background:url(../images/home-bg.gif) no-repeat 0 0;
	height:578px;
	margin:100px auto 0 auto;
	width:977px;
}

#item-wrapper{ position:relative; }

#shop-collection {
	background:url(../images/shop-collection.gif) no-repeat 0 0;
	position:absolute;
	height:36px;
	font-size:0;
	line-height:0;
	top:113px;
	right:422px;
	text-indent:-9999px;
	width:224px;
}

#shop-collection:hover { background-position:-224px 0; }

#items_container_1 {
	height:168px;
	left:70px;
	overflow:hidden;
	position:absolute;
	top:180px;
	width:113px;
}

#items_container {
	height:415px;
	overflow:hidden;
	position:absolute;
	right:100px;
	top:40px;
	width:346px;
}

#items_container_2 {
	height:312px;
	left:160px;
	overflow:hidden;
	position:absolute;
	top:110px;
	width:208px;
}

#items_container_3 {
	height:320px;
	left:364px;
	overflow:hidden;
	position:absolute;
	top:170px;
	width:167px;
}

div.slide_item_1 {
	width:113px;
	height:168px; 
	position: absolute;
	left: 113px;
	top: 20px;
}

div.slide_item {
	width:346px;
	height:415px; 
	position: absolute;
	left: 346px;
	top: 20px;
}

div.slide_item_2 {
	width:208px;
	height:312px;
	left: 208px;
	position: absolute;
	top: 20px;
}

div.slide_item_3 {
	width:167px;
	height:320px;
	left: 167px;
	position: absolute;
	top: 20px;
}

div.first_item {
	left: 0;
}

div#myspace-link {
	position:absolute; 
	left: 182px; 
	top: 188px;
}

div#myspace-link a {
	color:white;
	text-decoration:underline;
}

div#myspace-link a:hover { text-decoration:none; }

div#come-in-link a{
	position:absolute; 
	left: 440px; 
	top: 253px;
	width:120px;
	height:70px;
	display:block;
	text-indent:-9999px;
}

/* story content */

div#story {
	float:left;
	margin:80px 0 0 360px;
}

div#story-content {
	float:left;
font-size:1.2em;
height:270px;
margin:50px 0 0 30px;

width:230px;
}

div#story-content a {
	text-align:center;
	color:#000;
	text-decoration:underline;
}

div#story-content a:hover { text-decoration:none; }

#content1{
	height: 206px;
	width: 300px;
	float:left;
	margin:20px 0 0 0;
	overflow:hidden;
	color:#ffffff;
}
#content1 p{
	font-size:1.2em;
	line-height:18px;
	
}
.scrollbar-vert{
	background-color: #ffffff;
	height: 206px;
	width: 10px;
	float:left;
	margin:20px 0 0 0;
}
.handle-vert{
	height: 42px;
	width: 10px;
	background: #FFD801;
}


/* contact content */

div#contact_form {
	position:absolute; 
	width:486px; 
	height:211px; 
	left:280px; 
	top: 485px;
}
div#contact_form input, div#contact_form textarea { 
	background:none;
    border:none;
    color:white; 
	width:100%;
	font:14px normal Georgia, "Times New Roman", Times, serif;
}

div#in_name {
	position:absolute; 
	width:172px; 
	height:35px; 
	left:12px; 
	top:5px;
}

div#in_email {
	position:absolute; 
	width:167px; 
	height:35px; 
	left:204px; 
	top:5px;
}

div#in_msg {
	position:absolute; 
	width:334px; 
	height:122px; 
	left:11px; 
	top:60px;
}

div#in_submit {
	position:absolute; 
	width:133px; 
	height:55px; 
	left:349px; 
	top:90px;
}

div#contact-info {
	position:absolute; 
	left: 110px; 
	top: 561px;
	color:#ffffff;
	width:136px;
	overflow:auto; 
	height: 91px;
	text-align:center;
	margin-top:30px;
}

#submit-btn {
	width:100%; 
	height:100%; 
	background:none; 
	border:none;
}

/* press content */

div#press-books {
	position:absolute; 
	width:440px; 
	height:340px; 
	left: 403px; 
	top: 20px;
}

a#book-btn {
	width:440px;
	height:340px;
	display:block;
	float:left;
	background:url(../images/press_books.png) no-repeat 0 0;
}

a#book-btn:hover {
	background-position:-440px;
}

/* gallery content */

ul#gallery_thumbs {
	text-align:center;
}

ul#gallery_thumbs li {
	display:inline;
	margin:0 10px;
}

ul#gallery_thumbs li a img {
	border:6px solid #000000;
}

ul#gallery_thumbs li a:hover img {
	border:6px solid #fcfa2d;
}


#manilla-logo {
	width:100px;
	height:40px;
	background:url(../images/manilla_footer.gif) no-repeat 0 0;
	display:block;
	float:right;
	margin-right:80px;
}


.yellow { color:#FFD800;
font-size:1.2em;
font-style:italic; }
.white { color:#ffffff; font-family:Verdana,Arial sans-serif; }