@charset "UTF-8";

/* CSS Document */
* { margin: 0; padding: 0;}

/* HTML */
html, body { height: 100%;}

body {
	background: #b6a184 url(../img/bg-repeated.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color:#4c3302;
	font-size: 12px;
}

#splash { position:absolute; z-index:999; width:100%; background:#000000; height:100%; min-height: 701px;}

h1{ color:#6f0564; font-size:16px; line-height:1em; font-weight:normal;}

h2{	color:#ff6b00; font-size:16px; line-height:1em; font-weight:normal;}

p { margin-bottom: 1em;	line-height:1.5em;}

a { text-decoration: none;  color:#7f6c4f;}
a:hover { text-decoration: underline;}

img { border: 0px Solid Transparent;}

/* Element */
.invisible { display: none;}
.clear { clear: both; float: none;}
.left { float: left;}
.right { float: right;}

/* Layout, Base */
#base {	margin:0 auto;	position: relative;	display: block;	min-height: 100%; }
*html #base {	height: 100%;}
#layout { display: block; width: 1200px; height:701px; margin:0 auto; /*background:url(../img/skin_bg.jpg) no-repeat;*/ }

/* Header - Headerwrap, Logo, Navi*/
#header { width:1000px; height:80px; margin:0 auto; background:url(../img/header_bg.jpg) no-repeat;}
#bespoke #header {  background:url(../img/header_bg_bespoke.jpg) no-repeat; }

#logo {  width:165px; height:37px; margin-top:26px; margin-right:24px; }

#navi { margin-top:52px; margin-left:15px; height:15px; width:638px; float:left; background-image:url(../img/nav_off2.gif);}
#navi ul{ list-style-type:none; padding:0; margin:0; }
#navi li{ float:left; position:relative; margin-left:18px; border:0px solid;}
#navi li a{  height:15px; display:block; background-image:url(../img/nav_off2s.gif); }
#navi li a:hover, #navi li a.current{ background-image:url(../img/nav_on2.gif);}
#navi li#btn_index a		{ width:50px; margin-left:-18px; }
#navi li#btn_profile a		{ width:63px; background-position: -68px 0;}
#navi li#btn_collections a	{ width:91px; background-position: -149px 0;}
#navi li#btn_bespoke a		{ width:129px;background-position: -258px 0; }
#navi li#btn_events a		{ width:59px; background-position: -405px 0; }
#navi li#btn_promotions a	{ width:53px; background-position: -482px 0; }
#navi li#btn_contact a		{ width:85px; background-position: -553px 0; }
	
	
/* Holder - Main Left & Right */
#holder { display: block; width: 1000px; height:580px; margin:0 auto; background:url(../img/holder_bg.jpg); padding-bottom:0px; }
#bespoke #holder  { background:url(../img/holder_bg_bespoke.jpg); } 

#main_left { display: block; margin:0 auto; width:300px; float:left;}
#bespoke #main_left { display: block; margin:0 auto; width:980px; float:none;}
#contact #main_left  { display: block; margin:0 auto; width:335px; float:left; height:410px; margin-top:100px; background:url(../img/contact_flower_new.gif) no-repeat right; text-align:right; }

#main_right { display: block; width: 311px; height:412px; margin-right:10px; margin-top:20px; float:right; }
#contact #main_right { display: block; width: 639px; height:428px; margin-right:20px; margin-top:80px; float:right;}

/* Static Content */
.static { margin-left:250px; margin-top:170px; width:500px; text-align:justify;}

/* Bespoke left right buttons */
#bespoke_prev, #bespoke_next{ cursor:pointer;}

/* Collections Page */
#collection_title {font-size:24px; color:#7f6c4f; background:#e9e1c8; text-indent:10px;} 
#collection_description { color: #898a8a; margin-left:10px; margin-top:5px; margin-right:10px; text-align:justify; }

#collection_bar{ width:978px; margin:0 auto; height:135px; border-top:2px solid #e9e1c8;}
#collection_bar_left { color:#7f6c4f; background:#e9e1c8; width:189px; height:130px; padding-top:5px; float:left; margin-right:17px;} 
#collection_bar_left2 { color:#7f6c4f; background:#e9e1c8; width:189px; height:130px; padding-top:5px; float:left; margin-right:0px;} 
	
/* jScrollPane - Collections */
#collection_bar_left #pane { height:120px; }
#collection_bar_left .leftscroll .jScrollPaneTrack { background: url(../img/scroll_track.gif) 50% 50%; left: 0; right: auto;}
#collection_bar_left .leftscroll .jScrollPaneDrag {	background: url(../img/small_flower.jpg) no-repeat 50% 50%;}
#collection_bar_left .holder { width:179px; float: left; padding-left:10px; }

#collection_bar_left2 #pane { height:120px; }
#collection_bar_left2 .leftscroll .jScrollPaneTrack { background: url(../img/scroll_track.gif) 50% 50%; left: 0; right: auto;}
#collection_bar_left2 .leftscroll .jScrollPaneDrag {	background: url(../img/small_flower.jpg) no-repeat 50% 50%;}
#collection_bar_left2 .holder { width:179px; float: left; padding-left:10px; }

#collection_bar .thumb { margin-left: 20px; margin-top:20px; float:left;}
#collection_bar .gallery { background-color:#ffffff; height:95px; float:left; margin-top:19px; margin-left:20px; border:1px solid #e9e1c8;}
#collection_bar .gallerythumb { margin-left: 20px; float:left; }
#collection_bar .gallerythumb img { display:block;}
#collection_bar .galleryname { position:absolute; width:127px; text-align:center; margin-top:-25px; font-size:11px; color:#7f6c4f; float:left; }
#collection_bar .galleryname span { font-size:8px;} /*for the arrow ►*/
#collection_bar .leftmost { margin-left: 0px; }

#collection_bar .gallery2 { background-color:#ffffff; height:95px; float:left; margin-top:19px; margin-left:8px; border:1px solid #e9e1c8;}

/* jCycle */
#slideshow { margin-left:237px; margin-top: 20px; }
#pager li { width: 125px; float: left; margin: 0px; list-style: none; margin-left:20px; margin-top:20px; }
#pager a { width: 125px; padding: 1px; display: block; }
#pager a.activeSlide { background: #e9e1c8; }
#pager a:focus { outline: none; }
#pager img { border: none; display: block;  }

#pager2 li { width: 125px; float: left; margin: 0px; list-style: none; margin-left:5px; margin-top:20px;  }
#pager2 a { width: 125px; padding: 1px; display: block; }
#pager2 a.activeSlide { background: #e9e1c8; }
#pager2 a:focus { outline: none; }
#pager2 img { border: none; display: block;  }

/* jScrollPane - Press Coverage */
#press #pane { height:400px; }
#press #pane .press { float:left; width:142px; height:190px; margin-right:50px;}
#press #pane .press img{ border:3px solid #4c3302; display:block;}
#press #pane .press div{ text-align:center; color:#4c3302; }
#press .leftscroll .jScrollPaneTrack {	background: url(../img/scroll_track.gif); left: 0; right: auto;}
#press .leftscroll .jScrollPaneDrag {	background: url(../img/scroll_flower.gif) no-repeat 50% 50%;}
#press .leftscroll a.jScrollArrowUp {	left: 0;right: auto;}
#press .leftscroll a.jScrollArrowDown {left: 0;right: auto;}
#press .holder h3{color:#4c3302; font-size:20px; margin-left:10px; margin-bottom:5px;}
#press .holder { width:650px; float: left; margin-left:200px; margin-top:80px;}

/* jScrollPane - Events */
#events #pane { height:400px; }
#events #pane .press { float:left; width:86px; height:100px; margin-right:20px;}
#events #pane .press img{ border:3px solid #4c3302; display:block;}
#events #pane .press div{ text-align:center; color:#4c3302; }
#events .leftscroll .jScrollPaneTrack {	background: url(../img/scroll_track.gif); left: 0; right: auto;}
#events .leftscroll .jScrollPaneDrag {	background: url(../img/scroll_flower.gif) no-repeat 50% 50%;}
#events .holder h3{color:#4c3302; font-size:20px; margin-left:10px; margin-bottom:5px;}
#events .holder { width:570px; float: left; margin-left:200px; margin-top:30px;}

/* Footerwrap, Footercontent */
#footerwrap {
margin:0 auto; position:absolute; bottom:0; display: block; width:100%; background: #d7d7d7; height:65px; text-align:center;
}

#footercontent { display: block; padding-top:10px; width:780px; margin:0 auto;font-size:11px;color:#6f6f6f; }