*{ margin:0; padding:0; }
html{ 
	background-color:#231F20; 
	font-size:62.5%;
	height:100%;
}
html#splash, html#splash body{ background-color:#000; }
body{ 
	background-color:#231F20; 
	font: 12px Courier New,Courier,monospace;
	/*height:100%;*/
	overflow-y:auto;
}
#container{
	width:980px;
	height:auto; 
	margin:0 auto;
	position:relative;
}
h1#logo{ 
	position:fixed; 
	margin-left:30px;
	top:0;
	z-index:100; 
}
h1#logo a{
	display:block;
	overflow:hidden;
	height:0 !important;
	width:193px;
	padding:233px 0 0 0;
	background: url(images/daneldon-logo.png) no-repeat left top;
}
ul#nav{
	background: url(images/nav-bg.png) no-repeat left top;
	width:980px;
	height:53px;
	position:fixed;
	z-index:99;
}
	#nav li{
		float:left;
		margin:5px 30px 0 0;
		position:relative;
		list-style-type:none;
	}
	#nav li#nav-home{ 
		margin-left:227px; 
	}
	#nav li a.level-1{
		display:block;
		overflow:hidden;
		height:0 !important;
		padding:34px 0 0 0;
	}
/*	#nav li a:active{
		margin-top:1px;
	}*/
	#nav li#nav-home a.level-1{
		width:52px;
		background: url(images/nav-home.gif) no-repeat left top;
	}
	#nav li#nav-about a.level-1{
		width:59px;
		background: url(images/nav-about.gif) no-repeat left top;
	}
	#nav li#nav-about ul{
		background: url(images/nav-tab-01.png) no-repeat left bottom;
	}
	#nav li#nav-news a.level-1{
		width:53px;
		background: url(images/nav-news.gif) no-repeat left top;
	}
	#nav li#nav-art a.level-1{
		width:42px;
		background: url(images/nav-art.gif) no-repeat left top;
	}
	#nav li#nav-art ul{
		background: url(images/nav-tab-02.png) no-repeat left bottom;
	}
	#nav li#nav-apparel a.level-1{
		width:73px;
		background: url(images/nav-apparel.gif) no-repeat left top;
	}
	#nav li#nav-shop a.level-1{
		width:51px;
		background: url(images/nav-shop.gif) no-repeat left top;
	}
	#nav li#nav-shop ul{
		background: url(images/nav-tab-03.png) no-repeat left bottom;
	}
	#nav li#nav-video a.level-1{
		width:55px;
		background: url(images/nav-video.gif) no-repeat left top;
	}
	#nav li#nav-join a.level-1{
		width:68px;
		background: url(images/nav-join.gif) no-repeat left top;
	}
	#nav li#nav-contact a.level-1{
		width:74px;
		background: url(images/nav-contact.gif) no-repeat left top;
	}
	#nav li ul{
		display:none;
		/*left:-1px;*/
		margin:0;
		position:absolute;
		width:166px;
		padding-bottom:10px;
	}
	#nav li#nav-art ul{
		left:-5px;
		padding-left:5px;
	}
	#nav li li{
		float:none;
		margin:0;
	}
	#nav li li a{
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		color:#231F20;
		padding:5px 10px 0;
		display:block;
	}
	#nav li li a:hover{
		color:#746851;
	}
	#nav li:hover ul{
		display:block !important;
	}
	
	
/*  ----- global items -----  */

p{ color:#231F20; }
a{ color:#231F20; }
a:hover{ text-decoration:none; }
h3 a{ text-decoration:none; }
p.small{
	font:normal 10px/150% Arial,Verdana,sans-serif;
	color:#a7a08d;
}

body.bg1{ background: url(images/bg-01.jpg) repeat 50% top fixed; }
body.bg2{ background: url(images/bg-02.jpg) repeat 50% top fixed; }
body.bg3{ background: url(images/bg-03.jpg) repeat 50% top fixed; }
body.bg4{ background: url(images/bg-04.jpg) repeat 50% top fixed; }
body.bg5{ background: url(images/bg-05.jpg) repeat 50% top fixed; }
body.bg6{ background: url(images/bg-06.jpg) repeat 50% top fixed; }
body.bg7{ background: url(images/bg-07.jpg) repeat 50% top fixed; }
body.bg8{ background: url(images/bg-08.jpg) repeat 50% top fixed; }
body.bg9{ background: url(images/bg-09.jpg) repeat 50% top fixed; }
body.bg10{ background: url(images/bg-10.jpg) repeat 50% top fixed; }
	
#content{
	width:740px;
	margin-left:202px;
	padding-top:15px;
	min-height: 900px;
}
	#content #main p, #content #features p{
		margin-bottom:10px;
	}
.wrapper{ background: url(images/sides-bg.png) repeat-y left top; }
#wrapper-bottom{ background: url(images/main-bg-bottom.png) no-repeat left top; height:27px; }
#main{	
	background: url(images/center-bg.jpg) repeat-y left top;
	position:relative;
	font-size:11px;
	line-height:145%;
	font-weight:500;
	margin:0 20px;
	padding:10px 20px;
	min-height:500px;
}
#news-bar{
	background: url(images/news-bar-bg.png) no-repeat left top;
	padding:22px 30px 0;
	height:43px;
}
	#news-bar h3{
		display:inline;
		float:left;
		width:100px;
		text-transform:uppercase;
		font-size:12px;
	}
	#news-bar #news-item{
		float:left;
		width:450px;
	}
	#news-bar a.btn{
		float:right;
		width:80px;
	}
#features{	
	background: url(images/features-bg.png) no-repeat left top;
	height:200px;
}
	#features .item{
		float:left;
		width:190px;
		margin:30px 20px;
	}
	#features h3{
		text-transform:uppercase;
		font-size:12px;
		margin-bottom:10px;
		padding-left:2px;
	}
	#features .item a img.link{
		padding:3px;
		border:2px solid #c9c8a4;
	}
	#features .item a:hover img.link{
		border:1px solid #c9c8a4;
		padding:4px;
		background-color:#fff;
	}
	#features p{
		border-top:2px solid #c3b79d;
		border-bottom:2px solid #c3b79d;
		padding:9px 0;
	}
.btn{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#231F20;
	padding:0 10px 2px 1px;
	background: url(images/arrow-right.gif) no-repeat right 3px;
}
.btn-back{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#231F20;
	padding:0 1px 2px 10px;
	background: url(images/arrow-left.gif) no-repeat left 3px;
}
.more{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#231F20;
	float:right;
	margin-right:10px;
	padding:0 10px 2px 1px;
	background: url(images/arrow-right.gif) no-repeat right 3px;
}
	.more:active, .btn:active{
		padding-bottom:1px;
		margin-top:1px;
	}
h3{
	text-transform:uppercase;
	margin-bottom:10px;
}
h3.group span{ float:left; }
h3.group a{ float:right; color:#000;}
#main hr{
	border:0;
	height:2px;
	color:#d4d4b6;
	background-color:#d4d4b6;
	margin-bottom:10px;
}
#col-1{
	float:left;
	width:300px;
}
#col-2{
	float:left;
	width:330px;
}

/* ----- splash ----- */

#splash a{
	display:block;
	width:768px;
	height:512px;
	margin:10% auto;
	background: url(images/splash.jpg) no-repeat;
	position:relative;
}
#splash a span{
	position:absolute;
	width:768px;
	height:512px;
	background: url(images/Journal_Flip.gif) no-repeat;
	display:none;
	text-indent:-9999px;
}
#splash a:hover span{
	display:block;
}


/* ----- home ----- */

body#home{ background: url(images/bg-01.jpg) no-repeat 50% top fixed; }
#home #col-1{
	float:left;
	width:300px;
	margin-left:-25px;
}
#home #col-2{
	float:left;
	width:330px;
}
#home #hero{
	margin:30px 0 0;
	background: url(images/home-page-hero.jpg) no-repeat left top;
	width:710px;
	height:535px;
}
#home #hero #main-shop-img{
	position:absolute;
	top:60px;
	left:20px;
	width:500px;
	height:500px;
	text-indent:-9999px;
}
#home #hero h4#title-shop{
	position:absolute;
	top:190px;
	right:0;
	width:150px;
	height:70px;
	text-indent:-9999px;
}
	#home #hero h4#title-shop a{
		display:block;
		width:150px;
		height:70px;
	}
#home #hero #hero-img{
	width:600px;
	height:331px;
	background: url(images/hero-frame.jpg) no-repeat left top;
	display:block;
	margin:30px 0 20px;
	padding:10px;
}
/*#home #hero #hero-img img{
	margin:10px;
	display:block;
}*/
#home #main{
	padding:15px 0 20px;
}
#home #main #logos{
	margin-left:15px;
	padding-top:30px;
}
	#home #main #logos a{
		float:left;
		margin-right:10px;
	}
#home #main img{
	display:block;
	position:relative;
	
}
#home #main h2{
	display:block;
	overflow:hidden;
	height:0 !important;
	padding:43px 0 0 0;
	width:296px;
	margin:25px 0 10px;
	background: url(images/tagline.gif) no-repeat left top;
}
#video{	
	/*margin-bottom:20px;*/
	/*background: url(images/center-bg.jpg) repeat-y left bottom;
		position:relative;
		font-size:11px;
		line-height:145%;
		font-weight:500;
		padding-bottom:20px;
		margin-top:-1px;*/
	/*margin:0 0 50px;
		padding:0 0 20px;*/
}
#video h3{
	float:left;
	margin-left:5px;
}
#video p{
	float:right;
	text-align:right;
	margin-right:5px;
}
#video #video-frame{
	width:640px;
	background: url(images/video-bg.png) no-repeat left bottom;
	padding:0 5px 10px;
	margin:-1px 0 50px 29px;
	clear:both;
}
#news-items{
	position:absolute;
	width:135px;
	text-align:right;
	right:12px;
	top:268px;
}
#news-items h4 a{
	display:block;
	position:relative;
	height:0 !important;
	padding:20px 0 0 0;
	overflow:hidden;
	width:135px;
}
#news-items #news-item p{
	margin-top:7px;
	line-height:15px;
}
#news-items #title-shop{
	width:110px;
	margin:0 0 20px 30px;
}
#news-items h3 a:hover{
	color:#4a341c;
}
#home #hero #journal-btn{
	position:absolute;
	display:block;
	right:0;
	top:410px;
	width:180px;
	height:160px;
	text-indent:-9999px;
}

/* ----- art ----- */

/*body#art{ background: url(images/bg-art.jpg) no-repeat 50% top fixed; }*/
#art #content{
	width:820px;
	margin-left:150px;
	min-height: 900px;
	position:relative;
}
#art .wrapper{
	background: url(images/main-bg-wide.png) repeat-y left top;
}
#art #wrapper-bottom{
	background: url(images/wide-bg-bottom.png) no-repeat left top;
}
#art #main{
	padding:10px 0 20px;
}
#art #content #slideshow-holder{
	margin-left:2px;
	width:768px;
	height:512px;
	padding:4px;
	background: url(images/art-slideshow-bg.png) no-repeat left top;
}
#art #content #slideshow{
	width:768px;
	height:512px;
	display:block;
	z-index:49;
	text-align:center;
	position:relative;
}
#art #content #slideshow img{
	margin:0 auto;
	display:block;
}
#art #buttons{
	width:210px;
	height:34px;
	background: url(images/art-buttons-bg.png) no-repeat left top;
	top:514px;
	left:309px;
	position:absolute;
	z-index:50;
}
#art a#btn-next{
	position:absolute;
	right:-30px;
	top:250px;
	display:block;
	height:31px;
	width:106px;
	text-indent:-9999px;
	z-index:50;
	background: url(images/btn-next.png) no-repeat left top;
}
#art a#btn-prev{
	position:absolute;
	left:-30px;
	top:250px;
	display:block;
	height:32px;
	width:108px;
	text-indent:-9999px;
	z-index:51;
	background: url(images/btn-previous.png) no-repeat left top;
}
#art a#journal_stack{
	margin:20px 20px 0;
	display:block;
}
#art #also-list{ margin-left:140px; }
#art #also-list li{ float:left; margin-right:20px; text-transform:uppercase; }
#art #also-list a{ font-weight:bold; color:#000;}

/* ----- about ----- */

/*body#about{ background: url(images/bg-about.jpg) no-repeat 50% top fixed; }*/
#about #hero{
	margin-left:-10px;
}
#about #main h3{ margin-top:25px; }
#about h4{
	position:relative;
	overflow:hidden;
	height:0px !important;
	padding:70px 0 0 0;
	width:541px;
	background: url(images/inform-tape.png) no-repeat left top;
	margin:10px 0 0 -30px;
}
#about #col-1{
	margin:-85px 0 0 -15px;
}
#about #col-2{
	margin-top:40px;
}
#about blockquote{
	background: url(images/blockquote-bg.png) no-repeat;
	padding:15px 20px;
	width:290px;
	height:175px;
	margin-bottom:15px;
}
#about blockquote p{
	text-indent: -0.6em;
	font-style: italic;
}
#about blockquote cite{
	display:block;
	font-style:normal;
	padding-top:5px;
}
#about #about-video{
	margin:5px 0 20px;
	width:600px;
	height:425px;
	padding:10px;
	background: url(images/video-border.gif) no-repeat left top;
}

/* ----- news ----- */

/*body#news{ background: url(images/bg-news.jpg) no-repeat 50% top fixed; }*/
#news #main h3{ margin-top:25px; }
#news .item{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #a7a08d;
}
	#news p.meta{
		float:left;
		width:100px;
		margin-right:20px;
		font:normal 10px/150% Arial,Verdana,sans-serif;
	}
		#news .meta, #news .meta a{
			color:#a7a08d;
		}
		#news .meta .date{
			display:block;
		}
	#news .body-copy{
		float:left;
		width:500px;
	}

/* ----- video ----- */

/*body#video-pg{ background: url(images/bg-news.jpg) no-repeat 50% top fixed; }*/
#video-pg h3{ margin-top:20px; }

/* ----- shop ----- */

/*body#shop{ background: url(images/bg-shop.jpg) no-repeat 50% top fixed; }*/
#shop #main{ padding-top:40px; }
#shop a#hero-men, #shop a#hero-women{
	display:block;
	float:left;
	margin:0 0 20px 40px;
	width:268px;
	text-align:center;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}
#shop a#hero-men span, #shop a#hero-women span{
	display:block;
	position:relative;
	height:0 !important;
	overflow:hidden;
}
#shop a#hero-men img{
	position:relative;
	display:block;
	z-index:75;
}
#shop a#hero-men span{
	padding:45px 0 0 0;
	width:95px;
	background: url(images/tag-mens.png) no-repeat left top;
	margin:-25px 0 0 85px;
	z-index: 76;
}
#shop a#hero-women img{
	position:relative;
	display:block;
	z-index:77;
}
#shop a#hero-women span{
	padding:46px 0 0 0;
	width:99px;
	background: url(images/tag-womens.png) no-repeat left top;
	margin:-25px 0 0 92px;
	z-index: 78;
}
#shop .category .item{ float:left; width:129px; margin:10px 13px; }
#shop .category h4{ text-transform:uppercase; margin-left:5px; }
#shop .category span{ margin-left:5px; }
#shop .category img{
	width:120px;
	padding:4px 5px 4px 4px;
	height:161px;
	background: url(images/shop-thumb-frame.jpg) no-repeat;
}

#shop .detail #product-photo{ 
	width:250px;
	/*height:334px;*/
	padding:8px 9px;
	background: url(images/shop-img-frame.jpg) no-repeat;
	float:left;
	display:block;
	margin-right:30px;
	position:relative;
}
	#shop .detail #product-photo img{ margin-bottom:10px; }
	#shop .detail #product-photo #zoom-img{
		position:absolute;
		display:none;
	}
	#shop .detail #product-photo #zoom-btn{
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bold;
		color:#89887a;
	}
	/*#shop .detail #product-photo a{ display:none; } */
#shop .detail h3{ padding-top:5px; }
/*#shop .detail .desc{}*/
#shop .detail .price{ font-weight:bold; display:block; margin-bottom:10px; }
#shop .detail .color, #shop .detail .size{ display:block; margin-bottom:5px; }
#shop .detail #add_to_bag_btn{
	background-color:#000;
	border:0;
	color:#fff;
	text-transform:uppercase;
	padding:3px 5px 1px;
	margin-top:10px;
	cursor: pointer;
	font:bold 12px Courier New,Courier,monospace;
}
#shop .detail #sold-out-btn{
	display:none;
	margin-top:10px;
}
	#shop .detail #sold-out-btn span{
		background-color:#000;
		color:#fff;
		text-transform:uppercase;
		margin-top:10px;
		padding:3px 5px 1px;
		font:bold 12px Courier New,Courier,monospace;
	}
#shop .detail .back{
	display:block;
	margin-top:100px;
}
#shop .detail .back a{
	color:#000;
}

#shop #bag table{
	width:100%;
}
#shop #bag table td{
	padding:5px;
}
#shop #bag table thead td{
	border-bottom:1px solid #000;
}
#shop #bag table tr.last td{
	border-top:1px solid #000;
	padding-top:10px;
}
#shop #bag #checkout-amt{
	background-color:#000;
	padding:5px;
	color:#fff;
}
#shop #checkout{ width:350px; float:left; }
#shop #checkout fieldset{ border:none; }
#shop #checkout legend{ font-weight:bold; text-transform:uppercase; padding-bottom:10px; color:#231F20; }
#shop #checkout label{ width:120px; }
#shop #checkout input{ width:200px; }

#shop #cust-serv { width:282px; float:right; margin-bottom:50px; }
#shop #cust-serv li{ font-weight:bold; margin-bottom:10px; }
#shop #cust-serv li a{ text-decoration:none; }
#shop #cust-serv li li{ font-weight:normal; }
#shop #cust-serv li li a{ text-decoration:underline; }
/*#shop #cust-serv li ul{ display:none; }*/

#shop .retailers-list{ width:250px; float:left; }
#shop .retailers-intl{ width:150px; }
#shop .retailers-list ul{ margin-bottom:10px; }
#shop .retailers-list li strong{ background-color:#231F20; color:#e6e4d5; padding:0 2px 1px; }
#shop .retailers-list li li{ font-weight:normal; }
#shop .retailers-list a{ text-decoration:none; }


/* ----- join us ----- */

/*body#join{ background: url(images/bg-ca.jpg) no-repeat 50% top fixed; }*/
#join #main h3{ margin-top:25px; }
#join ol{ margin:0 0 10px 40px;}
#join #mailing-list-signup{
	background: url(images/mailing-list-top.jpg) no-repeat left top;
	padding:30px 30px 10px;
}
#join #mailing-list-signup #personal-info{
	float:left;
	width:250px;
}
#join #mailing-list-signup #address-info{
	width:300px;
	float:right;
}
#join #mailing-list-signup #submit_btn{
	clear:both;
}
#join #mailing-list-bottom{
	height:27px;
	background: url(images/mailing-list-bottom.jpg) no-repeat left top;
}

/* ----- contact ----- */

/*body#contact{ background: url(images/bg-home.jpg) no-repeat 50% top fixed; }*/
#contact #main{ padding-top:40px; }
#main form label{
	display:block;
	width:60px;
	float:left;
}
#contact form span{ color:red; }
#contact form #submit_btn{ float:left; margin:0 10px 10px 0; }
#contact form #required{ float:left; padding-top:3px; }

/*  ----- footer -----  */

#footer{
	display:block;
	font-family: 'HelveticaNeue','Helvetica Neue',Arial,Verdana,sans-serif;
	font-size:11px;
	letter-spacing:0.2em;
	color:#b5b4a8;
	background: url(images/footer-bg.png) no-repeat 45px 43px;
	position:fixed;
	bottom:0;
	width:980px;
	height:82px;
	text-transform:uppercase;
}
	#footer a#purchase-purpose{
		margin-left:60px;
		display:block;
		width:140px;
		height:0 !important;
		padding:82px 0 0 0;
		overflow:hidden;
		background: url(images/purpose-icon.png) no-repeat left top;
		float:left;
	}
	#footer #copyright{
		text-align:left;
		margin:36px 0 0 7px;
		padding:10px 10px 10px 15px;
		font-weight:bold;
		font-size:10px;
		float:left;
		width:400px;
		display:block;
		color:#b5b4a8;
	}
	#footer #by{
		position:absolute;
		top:10px;
		right:30px;
		color:#444;
		font-weight:bold;
		/*padding:10px;*/
		font-size:10px;
		width:200px;
		text-align:right;
		display:block;
	}
	#footer #by a{
		color:#444;
	}

/*  ----- utilities -----  */

:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}
a img{ border:0; }
ul li{ list-style-type:none; }
.hide{ display:none; }

.group:after, #checkout fieldset p:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.group, #checkout fieldset p{ 
	display: inline; 
}
* html>body .group, * html>body #checkout fieldset p{
	display: inline; 
	width: 100%;
}
/* Hides from IE-mac \*/
* html .group, * html #checkout fieldset p {height: 1%;}
.group, #checkout fieldset p {display: block;}
/* End hide from IE-mac */