@charset "utf-8";
/* CSS Document */

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

body {
	padding-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	background-color: #FFFFFF;
}

#wrapper {
	margin: 0 auto;
	width: 792px;
	height: 612px;
	background: #dededd;
	border: 2px double #999999;
}

#fp-logo {
	padding: 47px 0 0 35px;
}

#logo {
	padding: 47px 0 0 0;
}

#logo img, #fp-logo img {
	border: 0;
}

/* Navigation Styles */

#nav {
	float: left;
	display: inline;
	margin: 88px 0 0 72px; /* 72px */
}

#nav li {
	list-style: none;
	display: block;
	position: relative;
	margin-bottom: 16px;
	zoom: 1;
}

#nav li a, #inspiration-content li a {
	position: relative;
	display: block;
	border: 0;
}

#nav li#portfolio { position: relative; background: url(../images/nav-portfolio-over.png) no-repeat top left; }
#nav li#clients { position: relative; background: url(../images/nav-clients-over.png) no-repeat top left; }
#nav li#bio { position: relative; background: url(../images/nav-biography-over.png) no-repeat top left; }
#nav li#inspiration { position: relative; background: url(../images/nav-inspiration-over.png) no-repeat top left; }
#nav li#contact { position: relative; background: url(../images/nav-contact-over.png) no-repeat top left; }

#nav li img, #inspiration-content li img {
	position: relative;
	border: 0;
}

#nav li a:hover img, #inspiration-content li a:hover img {
	visibility: hidden;
}

#nav li#portfolio.current, #nav li#clients.current, #nav li#bio.current, #nav li#inspiration.current, #nav li#contact.current {
	margin-left: 20px;
}

/* Sub Nav */

#nav ul li ul li{
	list-style: none;
	display: block;
	position: relative;
	margin: 4px 0;
}

#nav ul li ul li#crafts { position: relative; background: url(../images/nav-crafts-over.png) no-repeat top left; }
#nav ul li ul li#still-life { position: relative; background: url(../images/nav-still-life-over.png) no-repeat top left; }
#nav ul li ul li#lifestyle { position: relative; background: url(../images/nav-lifestyle-over.png) no-repeat top left; }
#nav ul li ul li#editorial { position: relative; background: url(../images/nav-editorial-over.png) no-repeat top left; }
#nav ul li ul li#commercial { position: relative; background: url(../images/nav-commercial-over.png) no-repeat top left; }



/* Footer */
#footer {
	margin: 5px auto;
	width: 792px;
	font-size: 11px;
}

#footer a {
	color: #666;
	font-size:11px;
	text-decoration: none;
}

#footer a:hover {
	color: #ee6225;
}

/* Page Content Styles */

#portfolio-crafts, #portfolio-still-life, #portfolio-lifestyle, #clients-content, #bio-content, #contact-content, #inspiration-content {
	display: inline;
	float: right;
}

/* --- Portfolio Pages */
#portfolio-crafts {
	width: 550px;
	height: 400px;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#portfolio-still-life {
	width: 550px;
	height: 400px;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#portfolio-lifestyle {
	width: 550px;
	height: 400px;
	margin-top: 50px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

/* --- Clients Page */

#clients-content {
	width: 450px;
	height: 385px;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	margin-top: 80px;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 0;
}

#clients-content span {
	float: left;
	width: 200px;
	margin-right: 20px;
}

#clients-content span li {
	list-style: none;
	margin-bottom: 4px;
}

/* --- Biography Page */

#bio-image {
	width: 792px;
	height: 612px;
	background: url(../images/biography-bg.jpg) no-repeat bottom;
}

#bio-content {
	width: 500px;
	margin: 85px 40px 0 0;
	text-align: left;
	font-size: 13px;
	line-height: 20px;
}

/* --- Contact Page */

#contact-content {
	width: 500px;
	margin: 0 40px 0 0;
	text-align: right;
	font-size: 13px;
}

#contact-content img#stamp {
	margin-bottom: 10px;
}

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

#contact-content a:hover {
	color: #ee6225;
}

/* --- Inspiration Page */

#inspiration-content {
	width: 390px;
	height: 389px;
	background: #fff;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 2px;
}

#inspiration-content li {
	list-style: none;
	display: block;
	position: relative;
	width: 76px;
	height: 76px;
	float: left;
	margin: 0 2px 2px 0;
}

#inspiration-content li#insp1 { position: relative; background: url(../images/inspiration/insp1_over.jpg) no-repeat top left; }
#inspiration-content li#insp2 { position: relative; background: url(../images/inspiration/insp2_over.jpg) no-repeat top left; }
#inspiration-content li#insp3 { position: relative; background: url(../images/inspiration/insp3_over.jpg) no-repeat top left; }
#inspiration-content li#insp4 { position: relative; background: url(../images/inspiration/insp4_over.jpg) no-repeat top left; }
#inspiration-content li#insp5 { position: relative; background: url(../images/inspiration/insp5_over.jpg) no-repeat top left; }
#inspiration-content li#insp6 { position: relative; background: url(../images/inspiration/insp6_over.jpg) no-repeat top left; }
#inspiration-content li#insp7 { position: relative; background: url(../images/inspiration/insp7_over.jpg) no-repeat top left; }
#inspiration-content li#insp8 { position: relative; background: url(../images/inspiration/insp8_over.jpg) no-repeat top left; }
#inspiration-content li#insp9 { position: relative; background: url(../images/inspiration/insp9_over.jpg) no-repeat top left; }
#inspiration-content li#insp10 { position: relative; background: url(../images/inspiration/insp10_over.jpg) no-repeat top left; }
#inspiration-content li#insp11 { position: relative; background: url(../images/inspiration/insp11_over.jpg) no-repeat top left; }
#inspiration-content li#insp12 { position: relative; background: url(../images/inspiration/insp12_over.jpg) no-repeat top left; }
#inspiration-content li#insp13 { position: relative; background: url(../images/inspiration/insp13_over.jpg) no-repeat top left; }
#inspiration-content li#insp14 { position: relative; background: url(../images/inspiration/insp14_over.jpg) no-repeat top left; }
#inspiration-content li#insp15 { position: relative; background: url(../images/inspiration/insp15_over.jpg) no-repeat top left; }
#inspiration-content li#insp16 { position: relative; background: url(../images/inspiration/insp16_over.jpg) no-repeat top left; }
#inspiration-content li#insp17 { position: relative; background: url(../images/inspiration/insp17_over.jpg) no-repeat top left; }
#inspiration-content li#insp18 { position: relative; background: url(../images/inspiration/insp18_over.jpg) no-repeat top left; }
#inspiration-content li#insp19 { position: relative; background: url(../images/inspiration/insp19_over.jpg) no-repeat top left; }
#inspiration-content li#insp20 { position: relative; background: url(../images/inspiration/insp20_over.jpg) no-repeat top left; }
#inspiration-content li#insp21 { position: relative; background: url(../images/inspiration/insp21_over.jpg) no-repeat top left; }
#inspiration-content li#insp22 { position: relative; background: url(../images/inspiration/insp22_over.jpg) no-repeat top left; }
#inspiration-content li#insp23 { position: relative; background: url(../images/inspiration/insp23_over.jpg) no-repeat top left; }
#inspiration-content li#insp24 { position: relative; background: url(../images/inspiration/insp24_over.jpg) no-repeat top left; }
#inspiration-content li#insp25 { position: relative; background: url(../images/inspiration/insp25_over.jpg) no-repeat top left; }