@CHARSET "UTF-8";

html, body {
    margin:0;
    padding:0;
}

body {
    background:#fff;
    color:#222;
    font-size:12px;
    font-family:Courier, "Courier New", fixed, monospace;
}

#Head {
	width:600px;
	float:left;	
}

#Address {
	float:left;
	width:160px;
	height:184px;
	margin:26px 21px 0 30px;
	display:inline;
}
	#Address .Worx, #Address .Address, #Address .Newsletter {
		display:block;
		background:url('../images/address_new.png') no-repeat top left;
	}
	
	#Address .Worx { height:55px; }
	#Address .Address { height:112px; background-position:0px -55px; cursor:pointer; } 
	#Address .Newsletter { height:17px; background-position:0px -167px; }
	#Address a span, #Address a strong, #Address span span { display:none; }
	
ul#Navigation {
	list-style-type:none;
	float:left;
	width:375px;
	margin:26px 0;
	padding:0;
}

	#Navigation li { margin:0; padding:0; }
	
	#Navigation span { display:none; }

	#Navigation a {
		display:block;
		height:46px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	
	#Navigation a:hover {
		background-position:center left;
	}
	
	#Navigation a.current, #Navigation a.section, #Navigation a.current:hover, #Navigation a.section:hover {
		background-position:bottom left;
	}
	
#Content {
	clear:both;
	background:#f6f6f7;
	margin:0 0 26px 0;
}

	.HomeArea, .ImageArea {
		line-height:0px !important;
	}
	
	.ContentArea {
		padding:1em 0 0.5em 215px;
	}
	
	.TextArea { width:375px; }
	.ImageArea { max-width:700px; }
	.ImageArea img { display:block; margin:0}
	
.legend {
	display:block;
	float:left;
	clear:both;
	color:#fff;
	background:#ff4673;
	line-height:1.2em !important;
	margin-bottom:1.5em;
	padding:2px 0 3px 0;
}

.legend span { 
	padding:0 8px 0 22px; 
	display:block;
	background:url('../images/arrow_white_up.png') no-repeat top left;
}

#PortfolioContent {
	width:922px;
}

.PortfolioNavi {
	float:left;
	text-align:right;
	margin:1em 21px 1em 10px;
	width:178px;
	display:inline;
}

	.PortfolioNavi ul, .PortfolioNavi li {
		list-style-type:none;
		margin:0;
		padding:0;
		border:0px solid #999;
		border-bottom-width:1px;
		float:right;
	}
	
	.PortfolioNavi li {
		border-width:1px 0 0 0;
		float:right; 
		width:100%;
	}
	
	.PortfolioNavi ul ul, .PortfolioNavi ul ul li {
		border:0 !important;
		padding:0;
		margin:0;
	}
	
	.PortfolioNavi ul ul { margin-bottom: 0.5em; }
	
	.PortfolioNavi a { color:#222 !important; display:block; line-height:1.5em !important; padding:0 2px; }
	.PortfolioNavi a:hover { color:#ff4673 !important; }
	.PortfolioNavi a.current, .PortfolioNavi a.current:hover { color:#fff !important; }
	a.ReferencePage { color:#ff4673 !important; }
	a.ReferencePage:hover { color:#222 !important; }
	.PortfolioNavi a.current, .PortfolioNavi a.section {
		background:#ff4673;
		color:#fff !important;
	}
	
	.PortfolioNavi a.Child { 
		background:none !important; 
		color:#222 !important;
	}
	
	.PortfolioNavi a.Child:hover { 
		background:none !important; 
		color:#ff4673 !important;
	}
	
	.PortfolioNavi a.Child.current {
		color:#ff4673 !important;
	}
	
.PortfolioTeasers {
	float:left;
	width:701px;
}

	.Teaser {
		float:left;
		line-height:0px !important;
		margin:0 1px 1px 0;
	}
	
		.Teaser .legend {
			float:left;
			width:100%;
			margin:0;
		}
		
		.Teaser a { line-height:0px; }
		.Teaser img { display:block; border:0; }
		
.PortfolioPage {
	float:left;
	width:700px;
	margin:1em 0em;
}

	.PortfolioImage {
		float:left;
		max-width:700px;
		width:auto;
	}
	
		.PortfolioImage img {
			display:block;
			float:left;
			margin-bottom:0.8em;
		}
		
		.PortfolioImage .legend {
			float:left;
			margin:0 !important;
		}

	ul.Thumbs {
		list-style-type:none;
		margin:0.8em 0 0 0 !important;
		padding:0 !important;
		clear:both;
		float:left;
		width:100%;
	}
		ul.Thumbs * { line-height:0px !important; display:block; }
	
		ul.Thumbs li {
			float:left;
			margin:0 3px 0.8em 0 !important; 
			padding:0; 
			height:80px;
		}
		
			ul.Thumbs a {
				border:0px solid #f6f6f7;
				border-bottom-width:2px;
			}
		
			ul.Thumbs a:hover {
				border-color:#ff4673;
			}
			
			ul.Thumbs a.current img {
				opacity:0.2;
				-moz-opacity:0.2;
				filter:alpha(opacity=20);
			}

#OrderForm, #OrderTitle { clear:both; }
#OrderForm { 
	border:1px solid #ff4673; 
	float:left; 
	padding:1em; 
	width:400px;
}
	#OrderForm form {
		margin:0 !important;	
	}
	
#OrderTitle { 
	margin-top:1em !important;
	float:left; 
	cursor:pointer;
	font-weight:normal;
}

#OrderTitle:hover, #OrderTitle.active {
	color:#ff4673; 	
}