/* -- General Styles --*/
* {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #666666;
	font-family: Georgia;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

img {
	border: 0;
}

#container {
	width: 730px;
	height: 930px;
	table-layout: fixed;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(../Images/bkgd_img.gif) repeat-y;
}

#pageHeader {
	background: url(../Images/bkgd_img_top.gif) center top no-repeat;
	height: 145px;
	position: relative;
	top: 0px;
	left: 0px;
}

#pageHeader span.header {
	position: absolute;
	margin: 25px 25px 0px 25px;
	top: 0px;
	left: 0px;
	width: 678px;
	height: 108px;
	border: solid 1px #666666;
}

#body {
	height: 720px;
	width: 680px;
}

#mainBody {
	position: relative;
	width: 498px;
	height: 708px;
	top: 0px;
	left: 0px;
	margin: 0px 10px 10px 0px;
	border: solid 1px #666666;
	background: url(../Images/bkgd_img_mainBody_home.jpg) left no-repeat;
	float: left;
	z-index: 70;
}

body.gallery #mainBody {
	background: url(../Images/bkgd_img_mainBody_gallery.jpg) left no-repeat;
}

body.bio #mainBody {
	background: url(../Images/bkgd_img_mainBody_bio.jpg) left no-repeat;
}

body.contact #mainBody {
	background: url(../Images/bkgd_img_mainBody_contact.jpg) left no-repeat;
}

body.retouch #mainBody {
	background: url(../Images/bkgd_img_mainBody_retouch.jpg) left no-repeat;
}

* html body.gallery #mainBody {
	width: 500px;
}

#mainBody h3 span, #displayContent h3 span {
    display: none;
}

#displayContent {
	position: relative;
	top: 0px;
	left: 0px;
	background: url(../Images/img_mainBody_home.jpg) left top no-repeat;
	width: 498px;
	height: 430px;
}

body.gallery #displayContent {
	position: absolute;
	top: 93px;
	left: 50px;
	background: none;
	width: 395px;
	height: 395px;
}

body.bio #displayContent {
	position: absolute;
	top: 85px;
	left: 30px;
	background: none;
	width: 440px;
	font-family: Georgia, Times;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: left;
}

body.bio #displayContent span {
	display: block;
	padding-bottom: 12px;
}

body.bio #displayContent span.name {
	text-align: right;
	padding-top: 6px;
	padding-bottom: 0px;
}

body.contact #displayContent {
	position: absolute;
	top: 85px;
	left: 30px;
	background: none;
	width: 325px;
	font-family: Georgia, Times;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: left;
}

body.contact #displayContent ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-bottom: 16px;
}

body.contact #displayContent li {
	margin: 0px;
	padding: 0px;
}

body.contact #displayContent li span {
	font-weight: bold;
	padding-right: 4px;
}

body.contact #displayContent li a, body.contact #displayContent li a:visited {
	color: #666666;
	text-decoration: underline;
}

body.contact #displayContent li a:hover {
	color: #ffffff;
}

body.retouch #displayContent {
	position: absolute;
	top: 85px;
	left: 30px;
	background: none;
	width: 440px;
	font-family: Georgia, Times;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: left;
}

body.retouch #displayContent ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-bottom: 16px;
}

body.retouch #displayContent li {
	margin: 0px;
	padding: 0px;
}

body.retouch #displayContent li span {
	font-weight: bold;
	padding-right: 4px;
}

body.retouch #displayContent li a, body.contact #displayContent li a:visited {
	color: #666666;
	text-decoration: underline;
}

body.retouch #displayContent li a:hover {
	color: #ffffff;
}

/* -- Homepage Styles -- */

#mainNav {
	position: relative;
	width: 168px;
	height: 708px;
	top: 0px;
	right: 0px;
	margin: 0px 0px 10px 0px;
	border: solid 1px #666666;
	background-color: #cccccc;
	float: right;
	z-index: 80;
}

#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 168px;
	height: 657px;
}

#mainNav ul li {
	margin: 0px;
	padding: 0px;
}

#mainNav div.header {
	width: 168px;
	height: 34px;
	background: url(../Images/bkgd_img_galleryNav_header.gif) top left no-repeat;
	border-bottom: solid 1px #666666;
}

#mainNav div.header h3 {
	display: none;
}

#mainNav ul li a {
	margin: 0px;
	padding: 6px 0px 0px 38px;
	display: block;
	width: 130px;
	height: 28px;
	background: url(../Images/bkgd_img_galleryNav_button.gif) top left no-repeat;
	border-bottom: solid 1px #666666;
	font-family: Georgia;
	font-size: 18px;
	line-height: normal;
	color: #777777;
	text-decoration: none;
	text-align: left;
}

* html #mainNav ul li a {
	margin: 0px;
	padding: 6px 0px 0px 38px;
	display: block;
	width: 168px;
	height: 35px;
	background: url(../Images/bkgd_img_galleryNav_button.gif) top left no-repeat;
	border-bottom: solid 1px #666666;
	font-family: Georgia;
	font-size: 18px;
	line-height: normal;
	color: #777777;
	text-decoration: none;
	text-align: left;
}

body.editorial #mainNav ul li#menu_editorial a,
body.architecture #mainNav ul li#menu_architecture a,
body.nature #mainNav ul li#menu_nature a,
body.travel #mainNav ul li#menu_travel a,
body.interiors #mainNav ul li#menu_interiors a,
body.products #mainNav ul li#menu_products a,
body.people #mainNav ul li#menu_people a {
	background: url(../Images/bkgd_img_galleryNav_button_on.gif) top left no-repeat;
	color: #ffffff;
}

#mainNav ul li a:hover {
	background: url(../Images/bkgd_img_galleryNav_button_on.gif) top left no-repeat;
	color: #ffffff;
}

#mainNav ul li#editorial, 
#mainNav ul li#architecture,
#mainNav ul li#nature,
#mainNav ul li#travel,
#mainNav ul li#interiors,
#mainNav ul li#products,
#mainNav ul li#people {
	margin: 0px;
	padding: 0px;
	width: 168px;
	height: 412px;
	border-bottom: solid 1px #666666;
	background-color: #aaaaaa;
}

#mainNav ul li#editorial #divUpControl a, 
#mainNav ul li#architecture #divUpControl a, 
#mainNav ul li#nature #divUpControl a,
#mainNav ul li#travel #divUpControl a,
#mainNav ul li#interiors #divUpControl a,
#mainNav ul li#products #divUpControl a,
#mainNav ul li#people #divUpControl a {
	margin: 0px;
	padding: 0px;
	border: none;
	background: url(../Images/upArrow.gif) top left no-repeat;
	width: 168px;
	height: 12px;
	display: block;
	font-size: 9px;
	text-indent: -700em;
	text-decoration: none;
}

#mainNav ul li#editorial #divDownControl a,
#mainNav ul li#architecture #divDownControl a,
#mainNav ul li#nature #divDownControl a,
#mainNav ul li#travel #divDownControl a,
#mainNav ul li#interiors #divDownControl a,
#mainNav ul li#products #divDownControl a,
#mainNav ul li#people #divDownControl a {
	margin: 0px;
	padding: 0px;
	border: none;
	background: url(../Images/downArrow.gif) top left no-repeat;
	width: 168px;
	height: 12px;
	display: block;
	font-size: 9px;
	text-indent: -700em;
	text-decoration: none;
}

#mainNav ul li#editorial #divUpControl a:hover,
#mainNav ul li#architecture #divUpControl a:hover,
#mainNav ul li#nature #divUpControl a:hover,
#mainNav ul li#travel #divUpControl a:hover,
#mainNav ul li#interiors #divUpControl a:hover,
#mainNav ul li#products #divUpControl a:hover,
#mainNav ul li#people #divUpControl a:hover {
	background: url(../Images/upArrow_on.gif) top left no-repeat;
}

#mainNav ul li#editorial #divDownControl a:hover,
#mainNav ul li#architecture #divDownControl a:hover,
#mainNav ul li#nature #divDownControl a:hover,
#mainNav ul li#travel #divDownControl a:hover,
#mainNav ul li#interiors #divDownControl a:hover,
#mainNav ul li#products #divDownControl a:hover,
#mainNav ul li#people #divDownControl a:hover {
	background: url(../Images/downArrow_on.gif) top left no-repeat;
}

#mainNav ul li #divContainer {
	position: relative; 
	width: 168px;
	height: 388px;
	overflow: hidden; 
	clip: rect(0,168,388,0); 
	visibility: hidden; 
	vertical-align: top;
} 

#mainNav ul li #divContent { 
	position: absolute; 
	top: 0; 
	left: 0;
}

#mainNav ul li #divContent table {
	margin: 12px 0 12px 0;
}

#mainNav ul li #divContent td {
	margin: 0;
	padding: 0;
	width: 168px;
	height: 122px;
	background: transparent url(../Images/bkgd_img_thumbnail.gif) top left no-repeat;
}

#mainNav ul li #divContent td a {
	border: none;
	margin: 19px 0px 0px 25px;
	padding: 0;
	background: none;
	display: block;
	position: absolute;
	width: 116px;
	height: 84px;
}

* html #mainNav ul li #divContent td a {
	margin: 19px 0px 0px 25px;
}

#mainNav div.footer {
	width: 168px;
	height: 15px;
	border-top: solid 1px #666666;
	background: url(../Images/bkgd_img_galleryNav_footer.gif) top left no-repeat;
}

body.gallery #mainNav div.footer {
	background: url(../Images/bkgd_img_galleryNav_footer.gif) top left no-repeat;
}

* html body.gallery #mainNav div.footer {
	height: 14px;
	border: none;
	background: url(../Images/bkgd_img_galleryNav_footer.gif) top left no-repeat;
}

#mainNav div.footer span {
	display: none;
}

#pageFooter {
	background: url(../Images/bkgd_img_bottom.gif) center bottom no-repeat;
	height: 27px;
	position: relative;
	top: 0px;
	left: 0px;
}

#pageFooter span {
	display: none;
}

#footer {
	background-color: #cccccc;
	border: solid 1px #666666;
	height: 40px;
	width: 678px;
	position: relative;
	top: 0px;
	left: 0px;
}

#footer div.copyright {
	float: left;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding: 13px 0px 0px 10px;
}

#footer div.links {
	float: right;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding: 13px 0px 0px 0px;
}

#footer div.links a, #footer div.links a:visited {
	color: #666666;
	text-decoration: underline;
	padding: 0px 10px 0px 0px;
}

#footer div.links a:hover {
	color: #ffffff;
}