/*
 *
 *   doc name  xx  Wulf's CSS Redefine
 *   desc      xx  Redefines CSS Rules
 *   author    xx  Ulf Lonegren
 *   version   xx  1.0  xx  Jan. 19 2009
 *
 * 
**/


/*ooooooooooooooooooooooooooooooooooooo*/
/*xxxxxx    Table of Contents    xxxxxx*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*

	[RD1] Global Settings
	[RD2] Content Styling
	[RD3] Headings
	xxxxxxxxxxxxxxxxxxx
	[WSS] Web Site Styles
		[WS1] Layout
		[WS2] Page 1
		[WS3] Page 2
		[WS4] Page 3
		[WS5] Page 4
		
*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooooooo*/


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooxxxxxx   [RD1] Global Settings    xxxxxxoooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

 
html, body {
	height:100%;
	color:#000;
	font-size:100.01%;
	}
 
body{
	font:13px/1.231 arial,helvetica,verdana,clean,sans-serif;
	}

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [RD2] Content Styling    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

a{
	color:#fff;
}
a:hover{
	text-decoration:none;
}

hr,pre, address,form{
	margin-bottom:1.6em;
	}

p{
	font-size:1em;
	line-height:1.6em;
	}

.content p, p.content{
	margin-bottom:1em;
	}
	
p+p{
	
	}

p.content{
	font-size:1em;
	line-height:1.6em;
	margin-bottom:1.6em;
	}

ul.content, ul.content ul, ul.content ul ul{
	list-style:disc outside;
	margin-bottom:1.6em;
	margin-left:2.2em;
	}

ol.content, ol.content ol, ol.content ol ol{
	list-style:decimal outside;
	margin-bottom:1.6em;
	margin-left:2.2em;
	}
	
.content li{
	line-height:1.6em;
	}	
	
dl.content, dl.content dl, dl.content dl dl{
	margin-bottom:1.6em;
	}
	
.content dt{
	font-weight:bold;
	margin-top:.8em;
	margin-bottom:.4em;
	}

.content dd{
	line-height:1.6em;
	}
	
	
blockquote.content{
  font: inherit;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 3px solid #ccc;
	} 

fieldset{
	margin:1.6em 0;
	padding:1.6em;
	}

legend{
	padding-left:.8em;
	padding-right:.8em;
	}

fieldset>*:first-child{
	margin-top:0;
	}

textarea,input[type='text']{
	padding:.1em .2em;
	}

input{
	padding:.2em .1em;
	}

select{
	padding:.2em .1em 0;
	}

select[multiple]{
	margin-bottom:.8em;
	}

option{
	padding:0 .4em .1em;
	}

button{
	padding:.3em .5em;
	}

input[type='radio']{
	position:relative;
	bottom:-.2em;
	}

caption.content,form div{
	padding-bottom:.8em;
	}


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooxxxxxx   [RD3] Headings    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
 

h1, h2, h3, h4, h5, h6 {
	margin:0 0 0 0;
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
 
h1 {
	font-size:182%;
	}
 
h2 {
	
	}
 
h3 {
	
	}
 
h4 {
	
	}
	
h5 {
	
	}
	
h6 {
	
	}
	

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooxxxxxx   [WSS] Web Site Styles    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

body {
	background:#828384;
	text-align:center;
	min-height:523px;/* for good browsers*/
	min-width:955px;/* for good browsers*/
	color:#fff;
	}


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooxxxxxx   [WS1] Layout    xxxxxxoooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/* center-frame */
#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
	}

#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 523px;
	}

#inner {
	width: 930px;
	height: 499px;
	padding:12px;
	background:#fff;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
/* /center-frame */

/* navigation */
#nav{
	width:179px;
	height:499px;
	overflow:hidden;
	background:url(images/nav-bg.jpg) no-repeat top left;
	float:left;
	}
	
	#nav a{
		color:#fff;
		text-decoration:none;
		line-height:30px;
		width:100%;
		display:block;
		line-height:30px;
		float:left;
		}

	#nav ul{
		margin:135px 0 0 10px;
		font-family: "Century Gothic", "Lucida Console", Verdana, Arial, sans-serif;
		}
		
	#nav ul li{
		display:block;
		
		clear:left;
		}
	
	#nav ul li.second-lvl{
		font-size:0px;
		}
		
	#nav ul li img{
		padding:11px 5px 0 0;
		float:left;
		}
	
	ul#subnav a{
		color:#fff;
		text-decoration:none;
		line-height:20px;
		width:100%;
		display:block;
		}
	
	ul#subnav{
		margin:0 0 10px 10px;
		font-family: "Century Gothic", "Lucida Console", Verdana, Arial, sans-serif;
		}
		
	ul#subnav li{
		display:block;
		font-size:11px;
		}
		
	ul#subnav li img{
		padding:10px 5px 0 0;
		}
		
/* /navigation */

/* main body */
#main-body{
	width:739px;
	height:499px;
	margin:0 0 0 12px;
	overflow:hidden;
	display: table; 
	float:left;
	}

.bg1{
	background:url(images/main-bg1.jpg) no-repeat 0 0;
	}

.bg2{
	background:url(images/main-bg2.jpg) no-repeat 0 0;
	}
.designers-bg{
	background:url(images/otherdesigners-bg.jpg) no-repeat 0 0;
	}	
.contact-bg{
	background:url(images/contact-bg.jpg) no-repeat 0 0;
	}
.corporate-bg{
	background:url(images/corporate-bg.jpg) no-repeat 0 0;
	}
.troll-bg{
	background:url(images/troll-bg.jpg) no-repeat 0 0;
	}
.custom-bg{
	background:url(images/custom-bg.jpg) no-repeat 0 0;
	}
.cad-bg{
	background:url(images/cad-bg.jpg) no-repeat 0 0;
	}
.bg-about{
	background:url(images/about-bg.jpg) no-repeat 0 0;
	}
.bg-atelier{
	background:url(images/atelier-bg.jpg) no-repeat 0 0;
	}
	
.bg-grad-1{
	background:url(images/main-bg-gradient.jpg) no-repeat 0 0;
	}	
	
/* /main body */

/* content wrapper */
.copy-outer{
	width:280px;
	display: table-cell;
	vertical-align:middle;
	}
	
.copy-inner{
	width:280px;
	padding:0 0 4px 0;
	margin:0 0 0 22px;
	}
/* /content wrapper */


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooxxxxxx   [WS2] Listing Details    xxxxxxooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

#listing-body{
	width:654px;
	height:499px;
	margin:0 4px 0 0px;
	overflow:hidden;
	float:left;
	}
	
#listing-details{
	width:272px;
	height:499px;
	overflow:hidden;
	background:url(images/listing-details-bg.jpg) no-repeat top left;
	float:left;
	display:table;
	
	}
	
	#listing-details .copy-outer{
		width:272px;
		display: table-cell;
		vertical-align:middle;
		}
	
	#listing-details .copy-inner{
		width:228px;
		padding:0 0 4px 0;
		margin:0 22px 0 22px;
		}
	
.listing-table{
	width:100%;
	}
	
	.listing-table td div.hr{
		height:2px;
		margin:5px 0 16px 0;
		}
	

/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooxxxxxx   [WS3] Store    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

div.utility-nav{
	height:30px;
	background:#333333;
	}
	div.utility-nav ul{
		height:30px;
		float:left;
		overflow:hidden;
		}
		div.utility-nav ul li{
			display:block;
			float:left;
			}
		div.utility-nav ul li a{
			display:block;
			float:left;
			line-height:30px;
			padding:0 15px;
			color:#fff;
			text-decoration:none;
			border-right:1px solid #555555;
			background:#262626 url(images/utility-nav-bg.gif) repeat-x 0 0;
			}
		div.utility-nav ul li a:hover{
			background:#262626 url(images/utility-nav-bg.gif) repeat-x 0 -30px;
			}
	div.utility-nav div.search{
		width:180px;
		height:21px;
		margin:6px 0 0 0;
		float:right;
		}
		div.utility-nav div.search input.bar{
			width:141px;
			height:21px;
			padding:3px 0 0 3px;
			margin:0;
			float:left;
			background:url(images/store-search-bg.gif) no-repeat;
			border:none;
			color:#fff;
			font-family: "Century Gothic", "Lucida Console", Verdana, Arial, sans-serif;
			font-size:93%;
			}
		div.utility-nav div.search input.btn{
			width:21px;
			height:21px;
			float:left;
			padding:0;
			margin:0;
			display:block;
			}
			
div.store{
	margin:20px 0 0 25px;
	height: 419px;
	/*overflow:hidden;*/
}
div.scrollbar {
	overflow: auto;
	height: 419px;
}
	div.store h1{
		width:360px;
		float:left;
		margin-bottom:6px;
		font-style:italic;
		white-space:nowrap;
		}	
	div.store div.hr{
		width:689px;
		margin:0px 0 15px;
		}
	div.store p.breadcrumbs{
		float:right;
		margin:8px 25px 0 0;
		}
		div.store p.breadcrumbs a{
			color:#ffbb00;
			}
	div.store ul.product{
		}			
		div.store ul.product li{
			width:118px;
			height:166px;
			margin:0 24px 20px 0;
			background:#333333;
			float:left;
			display:block;
			}	
		div.store ul.product li:hover{
			background:#262626;
			}	
			div.store ul.product li div.thumb{
				width:96px;
				height:96px;
				margin:9px;
				background:#969696;
				padding:1px;
				border: 1px solid #efefef;
				display:block;
				overflow:hidden;
				}	
			div.store ul.product_rel li div.thumb{
				background:#969696;
				padding:1px;
				border: 1px solid #efefef;
				width:66px;				}	
			div.store ul.product li div.details-btn {
				width:100px;
				margin:0 auto;
				}
				div.store ul.product li div.details-btn a{
					width:100px;
					height:21px;
					display:block;
					background:url(images/store-view-details-btn.gif) no-repeat 0 0;
					}
				div.store ul.product li div.details-btn a:hover{
					background:url(images/store-view-details-btn.gif) no-repeat 0 -21px;
					}
	
			div.store ul.product li p{
			text-align:center;
			font-size:11px;
			margin:6px 0 0;
			}	
			
div.bottom-bar{
	height:30px;
	background:#333333;
	clear:both;
	}
	div.bottom-bar p.page-display{
		margin:6px 0 0 15px;
		float:left;
		width:360px;
		font-size:11px;
		font-family:"Century Gothic", Arial, Verdana, Sans-Serif;
		}
	div.bottom-bar p.pagination{
		margin:6px 18px 0 0;
		float:right;
		word-spacing:4px;
		font-size:11px;
		font-family:"Century Gothic", Arial, Verdana, Sans-Serif;
		}
	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooxxxxxx   [WS4] Store  Details   xxxxxxooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

div.store div.images{
	width:245px;
	float:left;
	}
	div.store div.images div.thumb-lg{
		width:200px;
		height:202px;
		background:#262626;
		padding:9px 2px 1px 9px;
		}
		div.store div.images div.thumb-lg img{
			background:#969696;
			padding:1px;
			border: 1px solid #efefef;
			display:block;
			}
	div.store div.images ul.thumb-sm li{
		width:37px;
		height:37px;
		margin:15px 15px 0 0;
		padding:1px;
		background:#969696;
		border: 1px solid #efefef;
		display:block;
		float:left;
		}

div.store div.details{
	width:444px;
	float:left;
	}
	div.store div.details div.desc-text{
		margin:0 0 15px 0;
		float:left;
		clear:both;
		}
	div.store div.details div.quantity p{
		margin:0 15px 25px 0;
		float:left;
		clear:both;
		}
	div.store div.details div.quantity input{
		width:50px;
		margin:3px 0 0;
		float:left;
		}

	
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooxxxxxx   [WS5] News    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

			
div.news{
	margin:20px 25px 0 25px;
	height:449px;
	overflow:hidden;
}
	div.news h1{
		width:360px;
		float:left;
		margin-bottom:6px;
		white-space:nowrap;
		}	
	div.news div.hr{
		width:689px;
		margin:0px 0 15px;
		}
		
	div.news div.col{
		height:385px;
		float:left;
		overflow:hidden;
		}
		div.news div.col div.trunc-post{
			height:180px;
			float:left;
			}
		div.news div.col div.top{
			margin:0 0 15px 0;
			}
			div.news div.col div.trunc-post h3 {
				padding:0 0 6px 0;
				background:url(images/hr-gold-1px.gif) no-repeat 0 100%;
				}
				div.news div.col div.trunc-post h3 a{
					text-decoration:none;
					display:block;
					width:328px;
					}
			div.news div.col div.trunc-post p.date {
				margin:6px 0 5px 0;
				}
			div.news div.col div.trunc-post div.item-text {
				margin:10px 0 15px 0;
				}
			
	div.news div.col1{
		width:329px;
		padding:0 15px 0 0;
		margin:5px 15px 0 0;
		background:url(images/news-col1-bg.gif) repeat-y 100% 0;
		}
		
	div.news div.col2{
		width:330px;
		margin:5px 0 0 0;
		}
		
	div.news ul.archives li{
		width:215px;
		float:left;
		padding:0 10px 15px 0;
	}
	

div.bottom-bar div.back-btn {
	width:109px;
	float:left;
	margin:4px 0 0 15px;
	}
	div.bottom-bar div.back-btn a{
		width:109px;
		height:21px;
		display:block;
		background:url(images/news-back-btn.gif) no-repeat 0 0;
		}
	div.bottom-bar div.back-btn a:hover{
		background:url(images/news-back-btn.gif) no-repeat 0 -21px;
		}		
/* Store Product Details Back Button - START */
	div.bottom-bar div.product a{
		width:67px;
		height:21px;
		display:block;
		background:url(images/back-btn.gif) no-repeat 0 0;
		}
	div.bottom-bar div.product a:hover{
		background:url(images/back-btn.gif) no-repeat 0 -21px;
		}	
/* Store Product Details Back Button - END */
	
div.bottom-bar div.archive-btn {
	width:107px;
	float:right;
	margin:4px 15px 0 0;
	}
	div.bottom-bar div.archive-btn a{
		width:107px;
		height:21px;
		display:block;
		background:url(images/news-archive-btn.gif) no-repeat 0 0;
		}
	div.bottom-bar div.archive-btn a:hover{
		background:url(images/news-archive-btn.gif) no-repeat 0 -21px;
		}	
		
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooxxxxxx   [WS6]Atelier    xxxxxxooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
		
div.atelier h2{
	margin:15px 0;
	}
	
div.atelier img.border{
	padding:1px;
	border: 1px solid #efefef;
	display:block;
	margin:0 0 10px 10px;
	}
	
/******************************* WICKHAM ADDITIONS ********************************************/
#nav ul:hover ul.sub_nav {
}

#nav ul ul.sub_nav {
	padding:7px 0px;
	width: 220px;
	border-top:#444 solid 1px;
	border-left:#444 solid 1px;
	margin:25px 0 0 45px;
	position:absolute;
	background:#212121 url('images/subnav_bg.jpg') repeat-x;
	visibility: hidden;
	overflow: hidden;
}

#nav ul ul.sub_nav li {
	padding: 0px 0;
}
/*#nav ul ul.sub_nav li:hover a {
	color:#FFBB00;
}*/
/******************************* END WICKHAM ADDITIONS ****************************************/