#html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

html, body { 
	background: url(main_bg2.jpg) top center repeat; 
	letter-spacing: 1px;
	font-family: Times, serif;
}

#page {
	width: 1010px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 210px;
	background: url(header4.png) top no-repeat;
	text-align: center;
	cursor: pointer;
}

	#header h1, #header p {
		display: none;
	}

/*******************************
	Menu
/******************************/
#menu {
	width: 100%;
	height: 30px;
	background: url(menu_bg.png) no-repeat;
	margin: 0 0 30px 0; 	
}

	#menu li {
		float: left;
		margin: 6px 0 0 0;
	}
	
	#menu li a {
		color: #d1d1ca;
		text-transform: uppercase;		
		text-decoration: none;
		font-size: 11px;
		letter-spacing: 2px;
	}
	
	#menu li a:Hover, #menu li a.sel {
		color: #b17000;
		text-decoration: none;
	}
	
	#menu #webshop {
		margin-left: 17px;
	}
	
	#menu #distribution, #menu #lookbook, #menu #press, #menu #human {
		margin-left: 144px;
	}



/*******************************
	Selector
/******************************/
#selector {
	width: 325px;
	height: 300px;
	/*background: url(splitter1px.png) red no-repeat right top;*/
	border-right: 1px #3e3e3e solid;
	text-align: right;
	font-size: 11px;
	float: left;
	margin: 0 0 0 0;
}

	#selector h2 {
		font-size: 14px;
		color: #393939;
		text-transform: uppercase;
		margin: 10px 65px 6px 0;
	}
	
	#blueprint {
		margin: 0 65px 20px 0;
		font-style: italic;
		color: #393939;
		cursor: pointer;
	}
	
	#blueprint.sel {
		color: #b17000;
	}
	
	#selector #blueprint:Hover {
		color: #000;
	}
	
	
	#selector ul {
		padding: 0 65px 0 0;
	}
	
	#selector ul li {	
		margin: 0 0 15px 0;		
	}

	#selector ul li a {
		color: #393939;
		text-decoration: none;
		text-transform: uppercase;
	}

	#selector ul li a:hover {
		color: #000;
		text-decoration: none;
	}

	#selector ul li a.sel {
		color: #b17000;
	}

	#image {
		width: 684px;
		height: 300px;
		float: left;
		background: url(img_bg.jpg) no-repeat;
		overflow: hidden;
	}


	#img_holder {
		width: 684px;
		height: 300px;
		/* margin: -21px 0 0 13px; */
		margin: -20px 0 0 0;
		overflow: hidden;
		cursor: pointer;
		z-index: 1;
	}
	
	#img_holder.ed, #img_holder.wolfgang, #img_holder.paulsenior, #img_holder.granddanois, #img_holder.union {
		margin: -15px 0 0 0;
	}
	
	#img_holder.doc {
		margin: -17px 0 0 0;
	}
	
	#variants {
		width: 80px;
		height: 10px;
		text-transform: uppercase;
		font-size: 9px;
		color: #393939;
		margin: 275px 0 0 583px;
		position: absolute;
		float: left;		
		z-index: 2;
	}
	
	#buy {
		width: 30px;
		height: 10px;
		float: left;
		margin: 275px 0 0 661px;
		position: absolute;
		font-size: 9px;		
		text-transform: uppercase;		
		z-index: 2;				
	}

	#image #variants a, #buy a {
		color: #777;
		text-decoration: none;
		padding: 1px;
	}
	
	#image #variants a:Hover, #buy a:Hover {
		color: #444;
		text-decoration: none;
	}
		
	#image #variants a.sel {
		color: #393939;
	}

#line {
	width: 1010px;
	height: 6px;
	background: url(double_line.png) no-repeat;	
	margin: 30px 0 0 0;
	float: left;
}

#footer {
	float: left;
	width: 100%;
	height: 253px;
	font-size: 10px;
	margin: 0 0 0 0;
}

#col1 {
	width: 480px;
	height: 253px;
	border-right: 1px solid #000;
/* 	border-bottom: 1px solid #000; */
	float: left;
}
	
	#products {
		height: 99px;
		width: 100%;
		font-family: "Arial Narrow", Arial;
		font-weight: bold;
		letter-spacing: 1px;
		color: #393939;
		border-bottom: 1px solid #000;
		padding: 5px 0 0 0;
	}
	
	#products h3 {
		display: inline;
/* 		font-family: Times, serif; */
		font-weight: normal;
		height: 10px;
		letter-spacing: 1px;
		padding: 2px 3px 1px 3px;
		font-size: 13px;
		text-transform: uppercase;
		float: none;
		color: #dbdad6;
		background: url(product_title.png) no-repeat;
	}
		
		#apparel {
			margin: 4px 0 0 0 ;
			width: 110px;
			height: 96px;			
			float: left;
		}
		
		#apparel ul {
			width: 90px;
			height: 96px;
			float: left;
			margin: 10px 0 0 0;
		}
		
		#frames {
			float: left;
			width: 363px;
			height: 96px;
			margin: 4px 0 0 0;
		}

		#frames ul {
			width: 100px;
			height: 70px;
			float: left;
			margin: 10px 19px 0 0;
		}
		
		#products li {
			/*
			font-size: 13px;
			text-transform: uppercase;
			height: 16px;
			margin: 5px 0 0px 0px;
			padding: 0 0 0 1px;
			border-bottom: 1px #9f9f9e dotted;
			letter-spacing: 0px;
			letter-spacing: 1px;
			*/
			font-family: Times, serif;
			font-size: 11px;
			font-weight: normal;
			text-transform: uppercase;
			height: 16px;
			margin: 5px 0 0px 0px;
			padding: 0 0 0 1px;
			border-bottom: 1px #9f9f9e dotted;
			letter-spacing: 1px;
			
		}
		
		#products li:last-child {
			border-bottom: none;
		}
		
		#products li a {
			color: #000;
			text-decoration: none;
			padding: 1px 1px 0px 2px;	
		}
		
		#products li a:Hover {
/*
			color: #FFF;
			background: #393939;
			text-decoration: none;
*/
			color: #b17000;
		}
		
		
		#products li a.sel {
/*
			color: #FFF;
			background: #393939;
			text-decoration: none;
*/
			color: #b17000;
			text-decoration: none;
			font-style: italic;

		}
		
	#about {
		width: 480px;
		height: 134px;
		margin: 0 0 0 0;
		padding: 14px 0 0 0;
		background: url(about_bg.png) repeat-y;
		overflow: hidden;
		float: left;
		color: #e8e8e8;
		
	}
	
	#about h3 {
		font-size: 16px;
		/* background: #FFF; */
		display: inline;
		color: #e8e8e8;
		padding: 0px 6px 0px 2px;
		margin: 0 0 0 20px;
		font-style: italic;
		font-weight: normal;
	}
	
	#about p {
		width: 210px;
		height: 105px;
		margin: 9px 0 0 20px;
		letter-spacing: 1px;
		float: left;
		text-align: justify;
		line-height: 14px;
		font-family: Arial, sans-serif;
	}
	
#col2 {
	width: 308px;
	height: 100%;
	float: left;
	border-right: 1px solid #000;
	/* background: url(col2_border.png) no-repeat top right; */
}

	#newsHeader {
		width: 283px;
		height: 37px;
		background: url(news.png) no-repeat;
		margin: 13px 0 0 17px;
	}
	
	#newsHeader h2 {
		display: none;
	}

	#newsBody {
		width: 270px;
		height: 188px;
		margin: 0 10px 0 20px;
		padding: 0 10px 0 0;
		letter-spacing: 1px;
		float: left;
		overflow: hidden;
		font-size: 11px;
		line-height: 14px;
		text-align: justify;
	}
	
#col3 {
	width: 220px;
	height: 100%;
	float: left;
	/* border-bottom: 1px solid #000; */
	color: #373b39;
}

#col3 h3 {
	font-family: Arial, sans-serif;
	/* font-family: "Arial Narrow", Arial; */
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0px;
}

	#facebook {
		height: 105px;
		width: 200px;
		margin: 7px 0 5px 10px;
	}
	
	#facebook h3 {
		border-bottom: 1px dotted #9f9f9e;
		padding: 0 0 6px 10px;
	}
	
	#facebook p {
		margin: 7px 0 0 10px;
		line-height: 14px;
	}
	
	#facebook a {
		font-style: italic;
		color: #373b39;
		text-decoration: underline;
	}
	
	#contact {
		height: 65px;
		width: 200px;
		margin: 0 0 0 10px;				
	}
	
	#contact h3 {
		border-bottom: 1px dotted #9f9f9e;
		border-top: 1px dotted #9f9f9e;
		padding: 5px 0 5px 10px;
	}	
	
	#contact p {
		margin: 12px 0 0 10px;
	}
	
	#contact p a {
		color: #363b39;
		text-decoration: underline;
	}
	
	#presskit {
		width: 200px;
		margin: 0 0 0 10px;
	}
	
	#presskit h3 {
		border-bottom: 1px dotted #9f9f9e;
		border-top: 1px dotted #9f9f9e;
		padding: 5px 0 5px 10px;
	}
	
	#presskit form {
		margin: 13px 0 0 10px;
	}
	
	#presskit input {
		font-size: 10px;
		border: 1px solid #000;
		background: none;
		color: #373b39;
	}
	
	a#press_ok {
		text-decoration: none;
		color: #363b39;
		margin: 0 0 0 5px;	
	}
	
	a#press_ok:Hover {
		color: #000000;
	}
	
#copyright {
	width: 100%;
	height: 20px;
	float: left;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	margin: 0 0 5px 0;
}

#copyright p {
	font-size: 10px;
	margin: 5px 0 5px 0px;
}

.reg {
	font-size: 10px;
	line-height: 0px;
}

#botLine {
	height: 1px;
	width: 100%;
	float: left;
	border-top: 1px dotted #9f9f9e;
}

#clearBot {
	width: 100%;
	height: 30px;
	float: left;
}

/*******************************
	Distribution
*******************************/
#distribution_holder {
	width: 100%;
	height: 300px;
	float: none;
	font-size: 11px;	
	line-height: 16px;
	color: #393939;
}

#distribution_holder .col {
	float: left;
	width: 240px;
	height: 300px;
}

#distribution_holder p {
	margin: 40px 0 0 0;
}

#distribution_holder p:first-child {
	margin: 0 0 0 0;
}


#distribution_holder h3 {
	font-size: 12px;
	text-decoration: underline;
	padding: 0;
	margin: 0 0 4px 0;
}

#distribution_holder a {
	color: #393939;
	text-decoration: none;
}

#loading {
	width: 100px;
	height: 20px;
	margin: 130px 0 0 310px;
	color: #393939;
}

#lookbook_holder {
	width: 100%;
	height: 300px;
	float: left;
}

#pass_input {
	width: 210px;
	height: 30px;
	margin: 130px 0 0 400px;
}

#pass_input label {
	font-size: 14px;
	color: #393939;
	margin: 0 10px 0 0;
}

#pass_input input {
	background: none;
	border: 1px solid #393939;
}

#pass_stat {
	text-align: center;
	color: #393939;
}

#pass_stat a {
	color: #b17000;
	text-decoration: none;
}

#pass_stat a:Hover {
	color: #000;
}


#formen {
	float: left;
	width: 300px;
}

#ok {
	width: 50px;
	position: absolute;
	margin: 5px 0 0 210px;
	color: #393939;
	font-size: 12px;
	cursor: pointer;
}

#press_holder {
	width: 100%;
	height: 300px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
}

#human_holder {
	width: 100%;
	height: 300px;
	float: left;
	overflow: hidden;
	cursor: pointer;	
}

#human_holder img, #press_holder img, #content img {
	margin: 0 0 0 0;
}

#past {
	width: 100%;
	height: 300px;
	background: url(../past/past.jpg) no-repeat;
}

#future {
	width: 100%;
	height: 300px;
	background: url(../future/future.jpg) no-repeat;
}

#ss11 {
	width: 100%;
	height: 300px;
}

#content {
	width: 100%;
	height: 300px;
	float: left;
	margin: 0 0 0 0;
	overflow: hidden;
}

#navigation {
	width: 1010px;
	height: 300px;
	z-index: 2;
	position: absolute;
}
	#prev, #next {
		width: 505px;
		height: 160px;
		padding: 130px 0 0 0;
		float: left;
		text-align: center;
		cursor: pointer;
	}

	#prev {
		background: url(prev.png) no-repeat -100px 0;
	}
	
	#next {
		background: url(next.png) no-repeat -100px 0;
	}
	
/*******************************
	Scroll
*******************************/

.jspVerticalBar {
	border: none;
	/* width: 20px; */
	height: 186px;
	border: 1px solid #000;
	margin: 0 0 0 0;

}

.jspTrack
{
	background: none;
	width: 20px;
	height: 170px;#
}

.jspDrag
{
	background:  url(scroll_handle.png) no-repeat;
	width: 16px;
	height: 40px;	
	margin: 1px 1px 1px 1px;
}
