@import "global.css";

#top {
	width: 962px;
	height: 39px;
	background-image: url(../img/home/header_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin: 57px 0 0 29px;
	padding: 0;
	position: relative;
}

#nav {
	background-image: url(../img/home/nav.gif);
	background-repeat: no-repeat;
	width: 509px;
	height: 39px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
}

#nav li, #nav a {
	list-style: none;
	position: absolute;
	top: 0;
	height: 39px;
}

#n1 {
	left: 0;
}

#n1, #n1 a {
	width: 85px;
}

#n1 a:hover {
	background-image: url(../img/home/nav.gif);
	background-repeat: no-repeat;
	background-position: -0px -39px;
}

#n2 {
	left: 85px;
}

#n2, #n2 a {
	width: 100px;
}

#n2 a:hover {
	background-image: url(../img/home/nav.gif);
	background-repeat: no-repeat;
	background-position: -85px -39px;
}

#n3 {
	left: 185px;
}

#n3, #n3 a {
	width: 141px;
}

#n3 a:hover {
	background-image: url(../img/home/nav.gif);
	background-repeat: no-repeat;
	background-position: -185px -39px;
}

#n4 {
	left: 326px;
}

#n4, #n4 a {
	width: 70px;
}

#n4 a:hover {
	background-image: url(../img/home/nav.gif);
	background-repeat: no-repeat;
	background-position: -326px -39px;
}

#n5 {
	left: 396px;
}

#n5, #n5 a {
	width: 113px;
}

#n5 a:hover {
	background-image: url(../img/home/nav.gif);
	background-repeat: no-repeat;
	background-position: -396px -39px;
}

#container {
	width: 100%;
	background-color: #2d2d2d;
	background-image: url(../img/home/content_bg.gif);
	background-repeat: repeat-y;
	position: relative;
}

/*
#content {
	width: 980px;
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}

#content.s1 {
	background-image: url(../img/home/sketch_1.gif);
}

#content.s2 {
	background-image: url(../img/home/sketch_2.gif);
}

#content.s3 {
	background-image: url(../img/home/sketch_3.gif);
}

#content.s4 {
	background-image: url(../img/home/sketch_4.gif);
}

#content.s5 {
	background-image: url(../img/home/sketch_5.gif);
}
*/

/* dupliciate IDs since MSIE6 can't understand subclasses */
#content1 {
	width: 980px;
	background-image: url(../img/home/sketch_1.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}

#content2 {
	width: 980px;
	background-image: url(../img/home/sketch_2.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}

#content3 {
	width: 980px;
	background-image: url(../img/home/sketch_3.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}

#content4 {
	width: 980px;
	background-image: url(../img/home/sketch_4.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}

#content5 {
	width: 980px;
	background-image: url(../img/home/sketch_5.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	position: relative;
}


#logo {
	background-image: url(../img/home/logo.png);
	background-repeat: no-repeat;
	width: 750px;
	height: 163px;
	margin: 335px 0 2px 0;
	padding: 0;
	_background-image: url(../img/pixel.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home/logo.png', sizingMethod='image/scale/crop');
}

#logo h1 {
	display: none;
}

#projects {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 355px;
	top: 45px;
}

#projects li, #projects a {
	list-style: none;
	position: relative;
	top: 0;
	width: 177px;
	height: 177px;
	display: inline;
}

#projects a {
	position: absolute;
}

#projects a:hover {
	background-position: -0 -177px;
}

#p1 {
	left: 0;
}

#p1 a {
	background-image: url(../img/home/pic_1.jpg);
	background-repeat: no-repeat;
}

#p2 {
	left: 199px;
}

#p2 a {
	background-image: url(../img/home/pic_2.jpg);
	background-repeat: no-repeat;
}

#p3 {
	left: 398px;
}

#p3 a {
	background-image: url(../img/home/pic_3.jpg);
	background-repeat: no-repeat;
}

address {
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	text-align: right;
	position: absolute;
	left: 150px;
	top: 125px;
}

address strong {
	color: #d2a56a;
	font-weight: normal;
}

#about {
	background-color: #000;
	display: none;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	padding: 20px;
	width: 535px;
	position: absolute;
	left: 355px;
	top: 245px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

#about strong {
	color: #d2a56a;
	font-size: 16px;
}

#about blockquote {
	color: #d2a56a;
	font-family: georgia, serif;
	font-style: italic;
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 10px;
}