body,
html {
	height : 100%;
	text-align : left;
}

/* @group homepage */

#home {
	position : relative;
	height : 100%;
}

#home .backimage {
	position : fixed;
	top : 0;
	left : 0;
	z-index : 1;
	/* IE 6 Hack */
	_position : absolute;
}

#home .content {
	position : absolute;
	z-index : 5;
	color : #fff;
	width : 100%;
}

#home #menu {
	position : absolute;
	bottom : 0;
	right : 0;
	z-index : 2;
	height : 215px;
	width : 320px;
}

#home #title a {
	text-indent : -9999px;
	display : block;
	position : absolute;
	bottom : 0;
	background : transparent url('/img/logo.png') bottom left no-repeat;
	height : 215px;
	width : 320px;
}

#home .menu {
	position : absolute;
	right : 0;
	bottom : 60px;
	opacity : 0;
	-moz-opacity : 0;
	z-index : 3;
	display : none;
}

#home .menu li a {
	position : relative;
	top : 0;
	left : 0;
	margin : 0 0 5px 0;
	display : block;
	text-indent : -9999px;
	width : 110px;
	height : 25px;
}

#home .menu li.about a {
	background : transparent url('/img/menu.png') 0 0 no-repeat;
}

#home .menu li.work a {
	background : transparent url('/img/menu.png') 0 -25px no-repeat;
}

#home .menu li.portfolio a {
	background : transparent url('/img/menu.png') 0 -50px no-repeat;
}

#home .menu li.contact a {
	background : transparent url('/img/menu.png') 0 -75px no-repeat;
}
#home .menu li.links a {
	background : transparent url('/img/menu.png') 0 -100px no-repeat;
}

/* @end */

#grid {
	width : 100%;
	height : 100%;
}

#content {
	float : left;
	margin-left : 75px;
	padding-top : 18px;
	padding-bottom : 40px;
	max-width : 500px;
	font-family : "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color : #262626;
}

#content h2 {
	padding : 0;
	font-size : 200%;
}

#content h3 {
	margin-top : 2em;
	font-size : 138.5%;
	color : #ff5b00;
}

#content p {
	margin : 1em 0;
	line-height : 1.6em;
}

#content a:link, #content a:visited {
	color : #ff9300;
}

#content a:hover {
	text-decoration : none;
	background-color : #444;
}

#content strong {
	color : #e28000;
}

#content .warning {
	border-top : 1px solid #444;
	border-bottom : 1px solid #444;
	padding : 5px 10px;
	background : #131313;
	text-align : center;
}

#content q {
	font-size : 93%;
	font-style : italic;
}

#sidebar {
	float : left;
}

/* @group contactform */

#contactform {
	width : 380px;
}

#contactform p {
	margin : 0;
	padding : 0;
	text-align : right;
}

label {
	display : block;
	margin-top : 1em;
	margin-bottom : .3em;
	font-size : 92%;
}

input, textarea {
	width : 374px;
	padding : 2px;
	border : 1px solid #aaa;
	font-family : Verdana, Arial, sans-serif;
}

input.submit {
	width : auto;
	padding : 4px .5em;
	font : 92% Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : #eee;
	color : #e28000;
	cursor : pointer;
	cursor : hand;
}


input.submit:hover {
	background : #262626;
	border : 1px solid #e9e9e9;
	color : #f3f3f3;
}

/* @end */



/* @group footer */

#foot {
	width : 600px;
	margin-left : 80px;
	margin-top : 40px;
	padding-bottom : 40px;
	font : normal 92% "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align : right;
	color : #333;
}

#foot a {
	color : #444;
}

#foot a:hover {
	color : #e28000;
}

/* @end */


/* @group sifr */

@media screen {

.sIFR-flash {
	visibility : visible !important;
	margin : 0;
	padding : 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility : visible !important;
}

.sIFR-alternate {
	position : absolute;
	left : 0;
	top : 0;
	width : 0;
	height : 0;
	display : block;
	overflow : hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
	margin : 0pt;
	padding : 0pt;
	overflow : auto;
	letter-spacing : 0px;
	float : none;
}

}

@media print {

.sIFR-flash {
	display : none !important;
	height : 0;
	width : 0;
	position : absolute;
	overflow : hidden;
}

.sIFR-alternate {
	visibility : visible !important;
	display : block   !important;
	position : static  !important;
	left : auto    !important;
	top : auto    !important;
	width : auto    !important;
	height : auto    !important;
}

}

@media screen {

.sIFR-active #content h2 {
	font-size : 32px;
	visibility : hidden;
}

}

/* @end */