/**************************
* Main
**************************/


body {
	background-color:#000000;
	position:relative;
}

#container {
	width: 900px;
	height: 543px;
	margin: 93px auto;
	background: url(../images/container-bg3.jpg) no-repeat;
	position: relative;
}

h1 {
	display: none;
}

/**************************
* Navigation
**************************/

#navigation {
	position: absolute;
	width: 202px;
	height: 505px;
	top: 19px;
	left: 628px;
}

#navigation ul.main {
	margin-top: 150px;
}

#navigation li a {
	text-indent: -5000px;
	height: 38px;
	display: block;
	overflow: auto;
}

#navigation li.home a {
	width: 202px;
	background: url(../images/nav-Home.jpg) no-repeat;
}

#navigation li.portfolio a {
	width: 202px;
	background: url(../images/nav-Portfolio.jpg) no-repeat;
}

#navigation li.web a {
	width: 202px;
	background: url(../images/nav-Web.jpg) no-repeat;
}

#navigation li.print a {
	width: 202px;
	background: url(../images/nav-Print.jpg) no-repeat;
}

#navigation li.illustrations a {
	width: 96px;
	background: url(../images/nav-illustrations.gif) no-repeat;
	margin-left: 36px;
}

#navigation li.photography a {
	width: 202px;
	background: url(../images/nav-Photography.jpg) no-repeat;
}

#navigation li.ECBmagazine a {
	width: 202px;
	background: url(../images/nav-ECBmagazine.jpg) no-repeat;
}

#navigation li.flash a {
	width: 49px;
	background: url(../images/nav-flash.gif) no-repeat;
	margin-left: 36px;
}

#navigation li.contact a {
	width: 202px;
	background: url(../images/nav-Contact.jpg) no-repeat;
}

#navigation li a:hover {
	background-position: 0 -38px;
}

#navigation li.selected a {
	background-position: 0 -38px;
}

/**************************
* Content
**************************/

#content {
	width: 603px;
	height: 505px;
	position: relative;
	top: 19px;
	left: 25px;
}

/**************************
* Footer
**************************/

#footer {
	margin-top: 45px;
	margin-left: 11px;
	margin-bottom: 20px;
	height: 24px;
	height: 100px;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#ffa0ea;
}

#footer a {
	text-decoration:none; color:#dbdbdb; padding:2px;}

#footer a:visited {
	text-decoration:none; color:#dbdbdb; padding:2px;}

#footer a:hover {
	text-decoration:none;  background-color:#3c3c3c; color:#FFFFFF; padding:2px;}

#footer-2 {
	margin-top: 45px;
	margin-left: 11px;
	margin-bottom: 20px;
	height: 24px;
}

#copyright {
	float: left;
	background: url(../images/copyright.gif) no-repeat;
	width: 271px;
	height: 24px;
	text-indent: -5000px;	
}

#impulse {
	float: right;
	background: url(../images/impulse.gif) no-repeat;
	width: 231px;
	height: 24px;
	text-indent: -5000px;
	margin-right: 55px;
	display: inline;
}

#impulse a {
	display: block;
	width: 231px;
	height: 24px;
	margin-top: -15px;
	overflow: auto;
}

/**************************
* Portfolio Items
**************************/

#portfolio {
	width: 603px;
	height: 485px;
	overflow: hidden;
	position: relative;
}

#items {
	width: 2412px;
	height: 1940px;
}

#items div {
	float: left;
}

#item-1 {
	top:  0px;
	left: 0px;
}

#item-2 {
	top:  0px;
	left: 603px;
}

#item-3 {
	top:  0px;
	left: 1206px;
}

#item-4 {
	top:  0px;
	left: 1809px;
}

#item-5 {
	top:  485px;
	left: 0px;
}

#item-6 {
	top:  485px;
	left: 603px;
}

#item-7 {
	top:  485px;
	left: 1206px;
}

#item-8 {
	top:  485px;
	left: 1809px;
}

#item-9 {
	top:  970px;
	left: 0px;
}

#item-10 {
	top:  970px;
	left: 603px;
}

#item-11 {
	top:  970px;
	left: 1206px;
}

#item-12 {
	top:  970px;
	left: 1809px;
}

#item-13 {
	top:  1455px;
	left: 0px;
}

#item-14 {
	top:  1455px;
	left: 603px;
}

#item-15 {
	top:  1455px;
	left: 1206px;
}

#item-16 {
	top:  1455px;
	left: 1809px;
}

/**************************
* Portfolio Navigation
**************************/

#portfolio-navigation {
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}

#portfolio-navigation #project-titles {
	float: left;
	width: 260px;
	height: 20px;
	position: relative;
	overflow: hidden;
}

#portfolio-navigation #titles {
	width: 260px;
	height: 320px;
}

#portfolio-navigation #titles .title {
	background: #000;
	color: #ffa0ea;
	font-size: 11px;
	padding-right: 10px;
	text-align: right;
}

#portfolio-navigation ul {
	float: right;
}

#portfolio-navigation li {
	display: inline;
}

#portfolio-navigation li a {
	background: #000;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin-left: 1px;
}

#portfolio-navigation li a:hover {
	background: #666;
}

#portfolio-navigation li.selected a {
	background: #ffa0ea;
	color: #000;
}

/**************************
* Contact
**************************/

#contact {
	width: 603px;
	height: 505px;
	background: url(../images/contactPerla-bg.jpg) no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#contact .info {
	position: relative;
	width: 170px;
	top: 384px;
	left: 419px;
}

#contact .name {
	color: #666;
}

#contact a {
	text-decoration: none;
	color: #666;
}

#contact a span {
	color: #fb8de0;
}