/* Eric Meyer Reset
--------------------------------------------------------*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT,
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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
/*	background:transparent;*/
	}
BODY {
	line-height:1;
	}
UL {
	list-style:none;
	}
BLOCKQUOTE, Q {
	quotes:none;
	}
BLOCKQUOTE:before, BLOCKQUOTE:after,
Q:before, Q:after {
	content:'';
	content:none;
	}
:focus {
	outline:0;
	}
INS {
	text-decoration:none;
	}
DEL {
	text-decoration:line-through;
	}
TABLE {
	border-collapse:collapse;
	border-spacing:0; /* little bug in lj control strip */
	}


/* Commons
--------------------------------*/
A:link *, A:hover * {
	cursor:pointer;
	}
.irt {
	display:block;
	position:relative;
	overflow:hidden;
	}
	.irt A {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		}
	.irt .img {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-position:50% 50%;
		background-repeat:no-repeat;
		}
A * {
	cursor:pointer;
	}

#Page, #Content .portfolio-menu .line, #Content .portfolio-pattern { zoom:1; }
#Page:after, #Content .portfolio-menu:after, #Content .portfolio-pattern:after {
	content:".";
	display:block;
	clear:both;
	width:0;
	height:0;
	font-size:0;
	overflow:hidden;
	}

/* Layout
--------------------------------*/
BODY {
	font:62.5%/1.4 Tahoma, sans-serif;
	}

HTML {
	color:#AAA;
	background:#181818;
	}

/* layout widths
---------------------------*/
#Page {
	width:910px;
	margin:0 auto;
	padding:0 45px;
	position:relative;
	background:#181818 url(../i/bg.jpg) 0 0 no-repeat;
	}
	#Logo {
		margin:0 0 12px 41px;
		width:379px;
		height:124px;
		}
		#Logo .img {
			background:url(../i/logo.jpg);
			}
	#Menu {
		height:136px;
		position:absolute;
		top:0;
		right:45px;
		}
		#Menu .nav {
			position:absolute;
			bottom:0;
			right:0;
			white-space:nowrap;
			}
			#Menu .nav .item {
				display:inline;
				}
				#Menu .nav .inner {
					font-weight:bold;
					text-transform:uppercase;
					font-size:1.1em;
					background:#454545;
					color:#AAA;
					text-decoration:none;
					display:inline-block;
					padding:.5em 1em;
					min-width:5em;
					text-align:center;
					line-height:1;
					-webkit-border-top-left-radius:.3em;
					-webkit-border-top-right-radius:.3em;
					-moz-border-radius-topleft:.3em;
					-moz-border-radius-topright:.3em;
					text-shadow:0 0 #000;
					}
				#Menu .nav .selected .inner {
					color:#BECD8B;
					background:#303030;
					}
				#Menu .nav .item A:hover {
					color:#FFF;
					}
	#Content {
		position:relative;
		background:#303030 url(../i/content-top-line.png) 0 0 no-repeat;
		min-height:8em;
		-webkit-border-radius:4em;
		-webkit-border-top-right-radius:0;
		-moz-border-radius:4em;
		-moz-border-radius-topright:0;
		overflow:hidden;
		}
	* HTML #Content {
		-height:8em;
		overflow:visible;
		zoom:1;
		}
		#Content .nav-line {
			font-size:1.4em;
			padding:33px 41px 17px;
			}
			#Content .nav-line .item {
				font-weight:bold;
				text-shadow:0 0 #000;
				color:#AAA;
				text-decoration:none;
				white-space:nowrap;
				}
				#Content .nav-line A.item:hover {
					text-decoration:underline;
					color:#FFF;
					}
	#Content .portfolio-menu {
		padding-bottom:1em;
		}
		#Content .portfolio-menu .item {
			width:350px;
			padding:0 0 0 70px;
			float:left;
			position:relative;
			overflow:hidden;
			margin-bottom:2em;
			}
			#Content .portfolio-menu .item DT {
				font-size:4.2em;
				}
				#Content .portfolio-menu .item DT A {
					display:block;
					padding-top:233px;
					text-decoration:none;
					color:#BECD8B;
					font-weight:bold;
					background-position:50% 0;
					background-repeat:no-repeat;
					text-shadow:0 0 #000;
					zoom:1;
					}
			#Content .portfolio-menu .item DD {
				color:#BBB;
				min-height:12em;
				}
			* HTML #Content .portfolio-menu .item DD {
				height:12em;
				}
	#Content .portfolio-pattern {
		padding:0 0 1em 5px;
		}
		#Content .portfolio-pattern .item {
			margin:0 0 25px 25px;
			float:left;
			display:inline;
			}
		#Content .portfolio-pattern .item A IMG {
			border:1px solid #FFF;
			}
	#Footer {
		text-align:right;
		padding:1em .8em 3em;
		}
		
/* .content */
.content {
	font-size:1.3em;
	line-height:1.5;
	padding:0 3.1em;
	margin:0 0 1.5em;
	}
	.content H1, .content H2, .content H3, .content H4, .content H5, .content H6 {
		margin:0 0 .5em;
		font-weight:normal;
		}
	.content H1 {
		font-size:2.4em;
		}
	.content H2 {
		font-size:2.2em;
		}
	.content H3 {
		font-size:2em;
		}
	.content H4 {
		font-size:1.8em;
		}
	.content H5 {
		font-size:1.6em;
		}
	.content H6 {
		font-size:1.4em;
		}
	.content P {
		margin:0 0 1em;
		}
	.content A {
		color:#BECD8B;
		}
	.content P IMG {
		float:left;
		margin:0 1.5em 1em 0;
		}