#infoBox ul.galleryNav:after,
#globalNavBar #globalNavList > li ul:after,
#globalNavBar ul#globalNavList:after,
.clearFix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html {
	height: 100%;
	margin: 0; 
	padding: 0; 
	border: 0;
	background-color: #3D3830;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-image: url(/images/BGD_pageTop.gif);
	background-repeat: repeat-x;
	background-position: center -3px;
}

#frameTree {
	min-height: 100%;
	background-image: url(/images/BGD_halftone.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

#blogBox .blogBoxContent h2 a {
	color: #F2AA24;
	padding-bottom: 2px;
}

#blogBox .blogBoxContent h2 a:hover {
	color: #fff;
	padding-bottom: 0;
	border-bottom: 2px solid #ccc;
	text-decoration: none;
}

img {
	display: block;
}

ol,
ul {
	padding: 0;
	margin: 0;
}


li {
	list-style-type: none;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p {
	margin: 0;
}

#globalNavBar {
	position: absolute;
	height: 175px;
	width: 100%;
	z-index: 2;
}

#globalNavBar #globalNavList {
	width: 836px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	position: relative;
}

#globalNavBar #globalNavList > li {
	float: left;
	list-style: none;
	text-indent: -999em;
	font-size: 0;
	margin-top: 55px;
	position: relative;
	z-index: 3;
}

#globalNavBar #globalNavList > li#gnHome {
	margin-top: 0;
}

#globalNavBar #globalNavList > li > a {
	display: block;
	background-image: url(/images/NAV_global.png);
	background-repeat: no-repeat;
	height: 24px;
	padding: 2px 0 2px 0;
}

#globalNavBar #globalNavList > li:hover > a {
	padding-bottom: 0;
	border-bottom: 2px solid #fff;
	text-decoration: none;
}

#globalNavBar #globalNavList > li#gnHome a {
	background-image: url(/images/NAV_Ottoman-home.png);
	width: 518px;
	height: 123px;
	margin-right: 20px;
	margin-top: 0;
}

#globalNavBar #globalNavList > li#gnHome:hover a {
	border-bottom: none;
	padding-bottom: 2px;
}

#globalNavBar #globalNavList > li#gnAbout > a {
	width: 108px;
	background-position: 0px 0;
}

#globalNavBar #globalNavList > li#gnArt > a {
	width: 87px;
	background-position: -200px 0;
}

#globalNavBar #globalNavList > li#gnBlog > a {
	width: 42px;
	background-position: -400px 0;
}


#globalNavBar #globalNavList > li#gnAbout,
#globalNavBar #globalNavList > li#gnArt {
	padding-right: 20px;
	background-image: url(/images/NAV_global-sep.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#globalNavBar #globalNavList > li#gnAbout {
	width: 108px;
}

#globalNavBar #globalNavList > li#gnArt {
	width: 87px;
}

#globalNavBar #globalNavList > li#gnBlog {
	width: 42px;
}


#globalNavBar #globalNavList > li:hover ul {
	display: block;
}

#globalNavBar #globalNavList > li ul {
	display: none;
	padding-top: 4px;
	position: absolute;
	right: 24px;
	top: 28px;
}

#globalNavBar #globalNavList > li#gnBlog ul {
	right: 4px;
}

#globalNavBar #globalNavList > li li {
	list-style: none;
	text-indent: 0;
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
	font-family: verdana, sans-serif;
	line-height: 22px;
	float: right;
	background-image: url(/images/BGD_navShade.png);
	background-repeat: repeat-x;
	background-position: -4px center;
}

#globalNavBar #globalNavList > li li > a {
	padding: 2px 0 2px 2px;
}

#globalNavBar #globalNavList > li li > a:hover {
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

#globalNavBar #subsectionBox {
	width: 860px;
	height: 30px;
	margin: 0 auto 0 auto;
}

#globalNavBar h1 {
	height: 32px;
	width: 600px;
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	top: -5px;
	left: -30px;
	text-indent: -999em;
	font-size: 0;
}

#sectionChar #globalNavBar h1 {
	background-image: url(/images/HED_charDesigns.png);
}

#sectionMech #globalNavBar h1 {
	background-image: url(/images/HED_mechDesigns.png);
}

#sectionEnv #globalNavBar h1 {
	background-image: url(/images/HED_envDesigns.png);
}

.subsectionStory #globalNavBar h1 {
	background-image: url(/images/HED_aboutStory.png);
}

.subsectionProject #globalNavBar h1 {
	background-image: url(/images/HED_aboutProject.png);
}


#mainContentTree {
	position: relative;
	padding: 83px 0 25px 0;
}

#copyContent {
	width: 860px;
	margin: 0 auto 0 auto;
	position: relative;
}

#mainContentTree #mainGraphicTree {
	width: 100%;
	overflow: hidden;
}

#mainContentTree #mainGraphicBox {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: table;
}

#sectionStory.subsectionStory #mainContentTree #mainGraphicBox {
	margin-top: 10px;
}

#sectionProject.subsectionProject #mainContentTree #mainGraphicBox {
	margin-top: 19px;
}

#sectionChar.subsectionOttoman.pageRender #mainContentTree #mainGraphicBox {
	margin-top: 70px;
	left: 180px;
}

#sectionChar.subsectionOttoman.pageClothing #mainContentTree #mainGraphicBox {
	margin-top: 85px;
	left: 195px;
}

#sectionChar.subsectionOttoman.pageSketch #mainContentTree #mainGraphicBox {
	margin-top: 85px;
	left: 190px;
}

#sectionChar.subsectionWife #mainContentTree #mainGraphicBox {
	margin-top: 95px;
	left: 200px;
}

#sectionChar.subsectionRider #mainContentTree #mainGraphicBox {
	margin-top: 45px;
	left: 170px;
}

#sectionChar.subsectionSon #mainContentTree #mainGraphicBox {
	margin-top: 95px;
	left: 185px;
}

#sectionMech.subsectionScarab #mainContentTree #mainGraphicBox {
	margin-top: 120px;
	left: 165px;
}

#sectionMech.subsectionScorpion #mainContentTree #mainGraphicBox {
	margin-top: 40px;
	left: 130px;
}

#sectionEnv.subsectionMedina.pageOverview #mainContentTree #mainGraphicBox {
	margin-top: 12px;
}

#sectionEnv.subsectionMedina.pageSouq #mainContentTree #mainGraphicBox {
	margin-top: 71px;
}

#sectionEnv.subsectionMedina.pageAlley #mainContentTree #mainGraphicBox {
	margin-top: 20px;
}

#sectionEnv.subsectionSquare #mainContentTree #mainGraphicBox {
	margin-top: 72px;
}

#sectionEnv.subsectionWorkshop.pageOverview #mainContentTree #mainGraphicBox {
	margin-top: 72px;
}

#sectionEnv.subsectionWorkshop.pageSketch #mainContentTree #mainGraphicBox {
	margin-top: 60px;
	left: 135px;
}

#sectionEnv.subsectionLivingroom.pageOverview #mainContentTree #mainGraphicBox {
	margin-top: 72px;
}

#sectionEnv.subsectionRuins.pageOverview #mainContentTree #mainGraphicBox {
	margin-top: 72px;
}

#sectionEnv.subsectionRuins.pageAlt #mainContentTree #mainGraphicBox {
	margin-top: 72px;
}

#sectionEnv.subsectionAmphitheater #mainContentTree #mainGraphicBox {
	margin-top: 18px;
}

#sectionStory.subsectionStory #mainContentTree #mainGraphicBox img,
#sectionProject.subsectionProject #mainContentTree #mainGraphicBox img,
#sectionEnv.subsectionMedina #mainContentTree #mainGraphicBox img,
#sectionEnv.subsectionSquare #mainContentTree #mainGraphicBox img,
#sectionEnv.subsectionWorkshop.pageOverview #mainContentTree #mainGraphicBox img,
#sectionEnv.subsectionLivingroom #mainContentTree #mainGraphicBox img,
#sectionEnv.subsectionRuins #mainContentTree #mainGraphicBox img,
#sectionEnv.subsectionAmphitheater #mainContentTree #mainGraphicBox img {
	border: 1px solid #181613;
}

#infoBoxTree {
	background-image: url(/images/BGD_infobox-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 16px;
	width: 350px;
	position: absolute;
	z-index: 1;
	top: 86px;
	left: 22px;
}

#infoBox {
	background-image: url(/images/BGD_infobox-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 16px;
}

#infoBox .infoBoxContent {
	background-image: url(/images/BGD_infobox.png);
	background-repeat: repeat-y;
	background-position: center center;	
	padding-bottom: 8px;
}

#blogBox .blogBoxContent h2,
#infoBox .infoBoxContent h2 {
	font-family: "trebuchet MS", sans-serif;
	color: #F2AA24;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	border-bottom: 1px solid #0D0D0D;
	padding: 8px 35px 6px 35px;
	margin-bottom: 7px;
}

.subsectionRider #infoBox .infoBoxContent h2,
.subsectionWife #infoBox .infoBoxContent h2 {
	letter-spacing: 1.67px;
}

#sectionProject #infoBoxTree,
#sectionStory #infoBoxTree,
#blogBoxTree {
	background-image: url(/images/BGD_infoboxWide-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 16px;
	width: 650px;
	float: left;
}

#sectionProject #infoBox,
#sectionStory #infoBox,
#blogBox {
	background-image: url(/images/BGD_infoboxWide-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 16px;
}

#sectionProject #infoBox .infoBoxContent,
#sectionStory #infoBox .infoBoxContent,
#blogBox .blogBoxContent {
	background-image: url(/images/BGD_infoboxWide.png);
	background-repeat: repeat-y;
	background-position: center center;	
	padding-bottom: 2px;
}

#blogBox .blogBoxContent .post h2 {
	border-top: 1px solid #0D0D0D;
	margin-top: 18px;
}

#blogBox .blogBoxContent h2.archiveHead {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

#blogBox .blogBoxContent .post:first-child h2 {
	border-top: none;
	margin-top: 0;
}

#blogBox .blogBoxContent h3,
#infoBox .infoBoxContent h3 {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 14px;
	line-height: 24px;
	padding: 12px 35px 0 35px;
	margin: 6px 0 -6px 0;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	border-top: 1px solid #0D0D0D;
}


#blogBox .blogBoxContent h3#comments {
	margin-top: 18px;
}

#blogBox .blogBoxContent h3#respond {
	margin-top: 12px;
}

#blogBox .blogBoxContent .searchResults h3 {
	border: none;
	padding-top: 0;
	line-height: 14px;
}

#blogBox .blogBoxContent h4,
#infoBox .infoBoxContent h4 {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 14px;
	line-height: 24px;
	padding: 0 35px 0 35px;
	margin: 6px 0 -6px 0;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}

#blogNavTree h4 {
	font-family: "trebuchet MS", sans-serif;
	color: #F2AA24;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
}

#blogBox .blogBoxContent p,
#infoBox .infoBoxContent p {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 24px;
	padding: 0 35px 12px 35px;
	margin: 6px 0 0 0;
}

#infoBox .infoBoxContent ul li {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 15px;
	margin: 6px 0 0 0;
}

#infoBox .infoBoxContent ul {
	padding: 0 35px 12px 35px;
}

#infoBox .infoBoxContent .copySection ul,
#infoBox .infoBoxContent ul.credits {
	margin-bottom: 6px;
}

#infoBox .infoBoxContent .copySection,
#infoBox .infoBoxContent .inlineNav {
	border-top: 1px solid #0D0D0D;
}

#infoBox .infoBoxContent .galleryNav {
	border-bottom: 1px solid #0D0D0D;
	padding: 0 29px 10px 33px;
	margin: 10px 0 12px 0;
}

#infoBox .infoBoxContent .inlineNav > ul li {
	padding-left: 8px;
}

.subsectionOttoman #infoBox .infoBoxContent .inlineNav > ul li.subnavOttoman a,
.subsectionWife #infoBox .infoBoxContent .inlineNav > ul li.subnavWife a,
.subsectionSon #infoBox .infoBoxContent .inlineNav > ul li.subnavSon a,
.subsectionRider #infoBox .infoBoxContent .inlineNav > ul li.subnavRider a,
.subsectionScarab #infoBox .infoBoxContent .inlineNav > ul li.subnavScarab a,
.subsectionScorpion #infoBox .infoBoxContent .inlineNav > ul li.subnavScorpion a,
.subsectionOthermecha #infoBox .infoBoxContent .inlineNav > ul li.subnavOthermecha a,
.subsectionMedina #infoBox .infoBoxContent .inlineNav > ul li.subnavMedina a,
.subsectionSquare #infoBox .infoBoxContent .inlineNav > ul li.subnavSquare a,
.subsectionLivingroom #infoBox .infoBoxContent .inlineNav > ul li.subnavLivingroom a,
.subsectionWorkshop #infoBox .infoBoxContent .inlineNav > ul li.subnavWorkshop a,
.subsectionRuins #infoBox .infoBoxContent .inlineNav > ul li.subnavRuins a,
.subsectionAmphitheater #infoBox .infoBoxContent .inlineNav > ul li.subnavAmphitheater a {
	color: #000;
}

#infoBox .infoBoxContent .inlineNav > ul li.subnavOthermecha {
	display: none;
}

.pageRender #infoBox .infoBoxContent .galleryNav li.render a,
.pageClothing #infoBox .infoBoxContent .galleryNav li.clothing a,
.pageSketch #infoBox .infoBoxContent .galleryNav li.sketch a,
.pageOverview #infoBox .infoBoxContent .galleryNav li.overview a,
.pageSouq #infoBox .infoBoxContent .galleryNav li.souq a,
.pageAlley #infoBox .infoBoxContent .galleryNav li.alley a,
.pageParking #infoBox .infoBoxContent .galleryNav li.parking a,
.pageAlt #infoBox .infoBoxContent .galleryNav li.alt a,
.pageHQ #infoBox .infoBoxContent .galleryNav li.headquarters a {
	border: 2px solid #0D0D0D;
	background-color: #333;
}

.pageRender #infoBox .infoBoxContent .galleryNav li.render a:hover,
.pageClothing #infoBox .infoBoxContent .galleryNav li.clothing a:hover,
.pageSketch #infoBox .infoBoxContent .galleryNav li.sketch a:hover,
.pageOverview #infoBox .infoBoxContent .galleryNav li.overview a:hover,
.pageSouq #infoBox .infoBoxContent .galleryNav li.souq a:hover,
.pageAlley #infoBox .infoBoxContent .galleryNav li.alley a:hover,
.pageParking #infoBox .infoBoxContent .galleryNav li.parking a:hover,
.pageAlt #infoBox .infoBoxContent .galleryNav li.alt a:hover,
.pageHQ #infoBox .infoBoxContent .galleryNav li.headquarters a:hover {
	border: 2px solid #0D0D0D;
	background-color: #444;
}

.pageRender #infoBox .infoBoxContent .galleryNav li.render a img,
.pageClothing #infoBox .infoBoxContent .galleryNav li.clothing a img,
.pageSketch #infoBox .infoBoxContent .galleryNav li.sketch a img,
.pageOverview #infoBox .infoBoxContent .galleryNav li.overview a img,
.pageSouq #infoBox .infoBoxContent .galleryNav li.souq a img,
.pageAlley #infoBox .infoBoxContent .galleryNav li.alley a img,
.pageParking #infoBox .infoBoxContent .galleryNav li.parking a img,
.pageAlt #infoBox .infoBoxContent .galleryNav li.alt a img,
.pageHQ #infoBox .infoBoxContent .galleryNav li.headquarters a img {
	opacity: 0.25;
	filter: alpha(opacity = 25);
	border: none;
}

#infoBox .infoBoxContent ul.galleryNav li {
	float: left;
	margin: 0 0 0 7px;
}

#infoBox .infoBoxContent ul.galleryNav li:first-child {
	margin-left: 0;
}

#infoBox .infoBoxContent ul.galleryNav li a {
	border: 2px solid #fff;
	background-color: #ccc;
	display: block;
}

#infoBox .infoBoxContent ul.galleryNav li a img {
	background-color: #ccc;
	border: none;
}

#infoBox .infoBoxContent ul.galleryNav li a:hover {
	background-color: #fff;
	border: 2px solid #fff;
}

#infoBox .infoBoxContent ul.galleryNav li a:hover img {
	opacity: 0.75;
	filter: alpha(opacity = 75);
	background-color: #fff;
	border: none;
}

#blogBox .blogBoxContent .commentmetadata {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 17px;
	padding: 0 35px 12px 35px;
	margin: 0 0 0 20px;
}

#blogBox .blogBoxContent .authormetadata {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 13px;
	padding: 0 35px 0 35px;
	margin: 0;
}

#blogBox .blogBoxContent div.post {
	padding-bottom: 24px;
}

ol.commentlist li {
	margin-top: 16px;
}

#blogBox .blogBoxContent ol.commentlist li p {
	margin-left: 22px;
	line-height: 19px;
}

#blogBox .blogBoxContent p.postmetadata {
	padding-bottom: 0;
}

.sectionSep {
	background: #BDBCBB;
	padding: 7px 0 5px 0;
}

.sectionSep H3 {
	color: #fff;
	margin: 0;
}

.section H3 {
	font-size: 0;
	text-indent: -999em;
	height: 29px;
	width: 670px;
	background-repeat: no-repeat;
}

#copyContent #blogNavTree {
	width: 175px;
	float: left;
	margin: 24px 0 0 24px;
}

#copyContent #blogNavTree p {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 13px;
	line-height: 24px;
}

#copyContent #blogNavTree ul li {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 12px;
}


.permaLink a {
	background: transparent url(/images/BGD_permaLink.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 14px;
	height: 20px;
	line-height: 12px;
	margin-right: 8px;
	padding-bottom: 2px;
}

.commentmetadata .permaLink a {
	background: transparent url(/images/BGD_permaLink-c.png) top left no-repeat;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	width: 9px;
	height: 14px;
	line-height: 12px;
	margin-left: 8px;
	padding-bottom: 2px;
}

.permaLink a:hover {
	padding-bottom: 0;
	border-bottom: 2px solid #ccc;
}

small.commentmetadata {
	display: block;
}

.searchResults .sep,
.commentmetadata .sep,
.postmetadata .sep {
	color: #222;
	margin: 0 6px 0 6px
}

.permaLink, 
.permaDate, 
.permaTime, 
.commentmetadata .sep,
.postmetadata .sep {
	display: block;
	float: left;
}

.permaDate,
.permaTime,
.comments,
.theTimestamp {
	font-size: 12px;
	color: #666;
	float: left;
}

h3 .permaTime {
	float: none;
	display: inline;
	text-transform: capitalize;
	font-size: 11px;
	margin-right: 12px;
}

.commentmetadata .permaDate,
.commentmetadata .permaTime,
.commentmetadata .comments,
.commentmetadata .theTimestamp {
	font-size: 11px;
}

#blogNavTree  #sideSearch input.searchField {
	width: 120px;
	background: transparent url(/images/BGD_searchfield.png);
	color: #000;
	font-size: 10px;
	margin: 3px 2px 0 0;
	padding: 1px 2px 2px 2px;
	border-left: 1px #332f29 solid;
	border-top: 1px #332f29 solid;
	border-right: 1px #4d453a solid;
	border-bottom: 1px #4d453a solid;
}

.blogBoxContent #searchform input,
.blogBoxContent #commentform input,
.blogBoxContent #commentform textarea {
	background: transparent url(/images/BGD_searchfield.png);
	color: #eee;
	margin: 3px 2px 0 0;
	padding: 1px 2px 2px 2px;
	border-left: 1px #2d2d2d solid;
	border-top: 1px #2d2d2d solid;
	border-right: 1px #444 solid;
	border-bottom: 1px #444 solid;
}

.blogBoxContent #searchform .searchBracket {
	padding: 8px 35px 6px 35px;
}

.blogBoxContent #commentform p {
	padding-bottom: 0;
}

.blogBoxContent #commentform input {
	width: 180px;
}

.blogBoxContent #commentform input#submit {
	background-image: url(/images/BTN_submitComment.png);
	background-color: transparent;
	text-indent: -999em;
	font-size: 0;
	width: 67px;
	height: 24px;
	border: none;
	background-position: top center;
	margin-top: 0;
	padding: 0 0 2px 0;
	cursor: pointer;
}

.blogBoxContent #commentform input#submit:hover {
	padding-bottom: 0;
	border-bottom: 2px solid #ccc;
}


#blogNavTree  #sideSearch input.searchButton {
	display: none;
}

.archiveNav {
	font-family: "trebuchet MS", sans-serif;
	color: #FFDFB2;
	font-size: 12px;
	line-height: 14px;
	margin: 0 35px 0 35px;
	padding-top: 4px;
	text-transform: uppercase;
}

.blogBoxContent .archiveNav:first-child {
	margin-bottom: -6px;
}

.archiveNav .archivePrev {
	float: left;
	width: 50%;
}

.archiveNav .archivePrev A {
	background: transparent url(/images/NAV_archivePrev.png) left bottom no-repeat;
	padding-left: 18px;
}

.archiveNav .archiveNext {
	float: right;
	width: 50%;
	text-align: right;
}

.archiveNav .archiveNext A {
	background: transparent url(/images/NAV_archiveNext.png) right bottom no-repeat;
	padding-right: 18px;
}