/*== History inside page styles */

.historyPage{
	padding-top: 0 !important;
}
.historyPage .pageContent {
	padding-top: 16px;
	/*line-height: 1.2em !important;*/
}
.historyPage .mainContent .imageContainer{
	/*margin-left: 40px;*/
}
.historyPage h3{
	width: 630px;
	float: left;
	margin: 20px 0 0 0;
}
#historyWrapper{
	width: 718px;
	height: 400px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 1px;
}
#historyContainer{
	width: 4000px;
	height: 2000px;
	position: absolute;
	left: 0;
	top: 0;
}

/* un-comment the following to view in design-mode or a comparable wysiwyg 
#historyWrapper{
	overflow: show;
	position: relative;
}*/

/**/

#historyWrapper .pageContent{
	float: left !important;
}
#historyWrapper .pageContent .mainContent p{
	line-height: 123% !important;
}

.historyPage .fullWidth{
	/*margin-left: 0;*/
}
.historyPage .historyNavWrapper{
	margin-bottom: 0 !important;
	margin-left: 0;
}
.historyPage .mainContent{
	padding-top: 8px !important;
}
.historyPage .sideContent{
	padding-top: 26px !important;
}


/*== History landing page styles */
.historyLandingPage{
	padding-top: 0 !important;
}
.historyLandingPage .sideContent{
	padding-top: 26px !important;
}
.historyLandingPage .mainContent{
	padding-top: 0 !important;
}
.historyLandingPage .overview {
	width: 660px !important;
	background: url(../images/history/landing-page-top-gradient.jpg) no-repeat;
	margin: 0 16px 6px 30px;
	padding: 10px 16px 0 0;
}
.historyLandingPageMosaic{
	margin-bottom: 60px;
	margin-left: 30px;
}
ul.historyLandingPageNav{
	height: 257px;
	list-style-type: none;
	float: left;
	position: relative;
	z-index: 90;
}
ul.historyLandingPageNav li{
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
ul.historyLandingPageNav li a{
	display: block;
	text-indent: -9999px;
	background: url(../images/history/landing-page-mosaic.jpg) no-repeat;
}
ul.historyLandingPageNav li#landing-1 a{
	width: 169px;
	height: 257px;
	background-position: 0 0;
}
ul.historyLandingPageNav li#landing-2{
	height: 100px;
	he\ight: 99px;
	border-bottom: 1px solid white;
}
ul.historyLandingPageNav li#landing-2 a{
	width: 161px;
	height: 100px;
	background-position: -169px 0;
}
ul.historyLandingPageNav li#landing-3 a{
	width: 161px;
	height: 157px;
	background-position: -169px -100px;
}
ul.historyLandingPageNav li#landing-4 a{
	width: 155px;
	height: 257px;
	background-position: -330px 0;
}
ul.historyLandingPageNav li#landing-5 a{
	width: 169px;
	height: 257px;
	background-position: -485px 0;
}
ul.historyLandingPageNav li#landing-1, ul.historyLandingPageNav li#landing-1 div{
	width: 169px;
}
ul.historyLandingPageNav li#landing-2, ul.historyLandingPageNav li#landing-2 div{
	width: 160px;
}
ul.historyLandingPageNav li#landing-3, ul.historyLandingPageNav li#landing-3 div{
	width: 160px;
}
ul.historyLandingPageNav li#landing-4, ul.historyLandingPageNav li#landing-4 div{
	width: 154px;
}
ul.historyLandingPageNav li#landing-5, ul.historyLandingPageNav li#landing-5 div{
	width: 169px;
}
ul.historyLandingPageNav li div{
	height: 40px;
	background: url(../images/history/landing-page-tabs.png) repeat-x;
	position: absolute;
	bottom: 0;
	left: 1px;
	display: none;
}
ul.historyLandingPageNav li div span{
	color: #fff;
	position: absolute;
	bottom: 4px;
	right: 6px;
}
.historyLandingPageMosaic a.enlargeBtn{
	float: left;
	margin-left: 70px;
	margin-top: 4px !important;
}





/*== History section page styles */


ul.historyNav{
	width: 656px;
	height: 55px;
	padding-bottom: 0 !important;
	margin: -8px 0 0 30px !important;
	list-style-type: none;
	background: url(../images/history/history-nav-border.gif) repeat-x;
	float: left;
}
ul.historyNav li{
	float: left;
	position: relative;
}
ul.historyNav li a{
	height: 55px;
	display: block;
	float: left;
	background: url(../images/history/history-nav.jpg) no-repeat;
	text-indent: -9999px;
	cursor: default;
}
ul.historyNav li.current ul a{
	color: #a45d19;
}
ul.historyNav li ul{
	width: 450px;
	height: 60px;
	position: absolute !important;
	top: 60px;
	left: 4px;
	z-index: 300;
	color: #ccc;
	display: none;
}
ul.historyNav li li{
	width: auto !important;
	padding-right: 10px;
	list-style-type: none;
}
ul.historyNav li ul a{
	width: auto !important;
	height: auto;
	padding-right: 10px;
	background: url(../images/historyNav-pipe.gif) no-repeat 100% 100% !important;
	text-indent: 0;
}
ul.historyNav li.last a{
	background: none !important;
}
ul.historyNav li ul a.current{
	color: #999 !important;
	text-decoration: none;
}
body.fr ul.historyNav li a{
	background: url(../images/history/history-nav-fr.jpg) no-repeat;
}
ul.historyNav li#history-1 a{
	width: 96px;
	background-position: 0 0;
}
ul.historyNav li#history-2 a{
	width: 117px;
	background-position: -96px 0;
}
ul.historyNav li#history-3 a{
	width: 90px;
	background-position: -214px 0;
}
ul.historyNav li#history-4 a{
	width: 112px;
	background-position: -304px 0;
}

ul.historyNav li#history-1 a:hover, ul.historyNav li#history-1 a.current{
	background-position: 0 -55px;
}
ul.historyNav li#history-2 a:hover, ul.historyNav li#history-2 a.current{
	background-position: -96px -55px;
}
ul.historyNav li#history-3 a:hover, ul.historyNav li#history-3 a.current{
	background-position: -214px -55px;
}
ul.historyNav li#history-4 a:hover, ul.historyNav li#history-4 a.current{
	background-position: -304px -55px;
}
body.fr ul.historyNav li#history-1 a{
	width: 109px;
	background-position: -45px 0;
}
body.fr ul.historyNav li#history-2 a{
	width: 125px;
	background-position: -154px 0;
}
body.fr ul.historyNav li#history-3 a{
	width: 116px;
	background-position: -281px 0;
}
body.fr ul.historyNav li#history-4 a{
	width: 151px;
	background-position: -398px 0;
}
body.fr ul.historyNav li#history-1 a:hover, body.fr ul.historyNav li#history-1 a.current{
	background-position: -45px -55px;
}
body.fr ul.historyNav li#history-2 a:hover, body.fr ul.historyNav li#history-2 a.current{
	background-position: -154px -55px;
}
body.fr ul.historyNav li#history-3 a:hover, body.fr ul.historyNav li#history-3 a.current{
	background-position: -281px -55px;
}
body.fr ul.historyNav li#history-4 a:hover, body.fr ul.historyNav li#history-4 a.current{
	background-position: -398px -55px;
}



	/*== Commission page page styles */
.commissionPage {
	/*position: absolute;*/
	overflow: hidden;
}
.commissionPage .mainContent .imageContainer{
	margin-left: 10px;
}
.commissionPage .imageControls{
	width: 156px;
	margin: -16px 0 0 20px;
}
.commissionPage .imageContainer .tooltipBtn{
	left: 0;
}
.commissionPage .imageContainer .enlargeBtn{
	right: 56px;
}
.commissionPage .mainContent .imageContainer p{
	margin: -14px 55px 26px 20px !important;
	float: left;
}
.commissionPage .fullWidth{
	width: 689px;
	margin-left: 0;
}
.commissionPage .overview p{
	/*margin-right: 30px !important;*/
}
.commissionPage .overview{
	width: 689px;
	w\idth: 629px;
	padding: 0 30px 0 30px !important;
	/*margin-left: 4px;*/
}
.commissionPage .mainContent{
	padding-top: 0 !important;
	margin-top: -16px;
	width: 230px;
}
.commissionPage .sideContent{
	padding-top: 16px !important;
	margin-top: -16px;
}

	/* Fragmentation page styles */

.fragmentationPage .overview {
	padding-left: 30px !important;
	margin-bottom: 0 !important;
}/*
.fragmentationPage .videoThumb{
	width: 200px;
	float: right;
}*/
.fragmentationPage h3{
	margin-left: 0 !important;
	margin-bottom: 16px !important;
}
.fragmentationPage .sideContent{
	width: 460px;
}
.fragment{
	width: 330px;
	float: left;
}
.fragment .fragment_text{
	width: 130px;
	padding-top: 20px;
}
.fragment .fragment_text p{
	margin-left: 0 !important;
}
.fragmentationPage .imageContainer {
	width: 200px;
	height: 250px;
	margin-left: 16px !important;
}
.fragmentationPage .imageControls{
	width: 154px;
	margin: -18px 0 0 20px;
}
.fragmentationPage .enlargeBtn{
	margin-bottom: -10px;
}
.fragmentationPage h3{
	margin-top: 26px !important;
}
.fragmentationPage .details_content {
	padding-bottom: 110px;
	margin-bottom: 0 !important;
	float: left;
}
.fragmentationPage .noFooter {
	background: none;
	padding-bottom: 34px;
}
.fragmentationPage .last {
	background: none !important;
	padding-bottom: 16px;
}
.fragmentationPage .details_content h4{
	width: 621px !important;
	w\idth: 595px;
	padding-left: 26px !important;
	padding-bottom: 0;
}
.fragmentationPage .details{
	width: 441px !important;
	padding-top: 20px;
	margin-right: 10px;
	float: left;
}
.fragmentationPage .details p{
	font-size: 100% !important;
	line-height: 146.5% !important;
}
ul#fragmentationNav{
	width: 439px;
	height: 150px;
	margin-top: 6px;
	float: left;
	position: relative;
}
#fragmentationNav li{
	width: 111px;
	height: 150px;
	list-style-type: none;
	float: left;
	position: relative;
}
#fragmentationNav li a{
	width: 111px;
	w\idth: 106px;
	padding-right: 5px;
	height: 150px;
	display: block;
	background: url(../images/history/fragmentation/fragmentation-nav.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}
#fragmentationNav li.last{
	width: 106px !important;
	padding-bottom: 0 !important;
}
#fragmentationNav li.last a{
	width: 106px !important;
	padding-right: 0 !important;
}
#fragmentationNav li#frag-1 a{
	background-position: 0 0;
}
#fragmentationNav li#frag-2 a{
	background-position: -111px 0;
}
#fragmentationNav li#frag-3 a{
	background-position: -222px 0;
}
#fragmentationNav li#frag-4 a{
	background-position: -333px 0;
}
#fragmentationNav li div{
	width: 106px;
	background: url(../images/history/landing-page-tabs.png) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}
#fragmentationNav li#frag-1 div{
	height: 60px;
}
#fragmentationNav li#frag-2 div{
	height: 40px;
}
#fragmentationNav li#frag-3 div{
	height: 70px;
}
#fragmentationNav li#frag-4 div{
	height: 60px;
}
#fragmentationNav li div span{
	color: #fff;
	position: absolute;
	bottom: 4px;
	left: 6px;
}

	/* Restoration page styles */
.restorationPage {
	/*outline: 1px solid #fff;*/
	margin-top: -18px !important;
}
.restorationPage .sideContent {
	padding-top: 8px !important;
}
.restorationPage .overview {
	padding-left: 30px;
}
.restorationPage .imageContainer {
	width: 185px;
}
.restorationPage .imageControls{
	width: 170px;
	margin: -22px 0 0 22px;
}
.restorationPage .intro {
	width: 250px;
}
.restorationPage .intro p{
	width: 185px;
}
.restorationPage .imageContainer a.enlargeBtn{
	right: 50px !important;
}
.restorationPage h4{
	margin-top: 26px !important;
}
.restorationPage .details_content {
	width: 689px;
	overflow: hidden;
	background: url(../images/page-bg-bottom.jpg) no-repeat left bottom;
	padding-bottom: 100px;
	margin-left: 3px;
	margin-bottom: -30px;
	float: left;
}
.restorationPage .noFooter {
	background: none;
	padding-bottom: 30px;
}
.restorationPage .last {
	background: none !important;
	padding-bottom: 80px;
}
.restorationPage .details_content h4{
	width: 631px !important;
	w\idth: 605px;
	padding-left: 26px !important;
	padding-bottom: 0;
}
.restorationPage .details{
	width: 461px !important;
	padding-top: 28px;
	margin-right: 10px;
}
.restorationPage .details p{
	padding-left: 6px !important;
}
.restorationPage p.fullWidth{
	position:relative;
	z-index: 6;
}

	/* Reconstruction page styles */
.reconstructionPage {
	/*outline: 1px solid #fff;*/
	margin-top: -12px !important;
}
.reconstructionPage p.fullWidth{
	width: 440px !important;
}
.reconstructionPage .wideRight, .reconstructionPage .details_content{
	width: 460px !important;
}
.reconstructionPage .imageContainer{
	margin-left: 8px !important;
	padding-bottom: 6px;
}
.reconstructionPage .imageControls{
	width: 170px;
	margin: -32px 0 0 22px;
}
.reconstructionPage .narrowLeft{
	width: 236px;
}
.reconstructionPage .mainContent{
	padding-top: 0 !important;
}
.reconstructionPage .details_content{
	margin-left: 0 !important;
}
ul#reconstructionNav{
	width: 470px;
	height: 149px;
	background: url(../images/history/reconstruction/reconstruction-nav.jpg) no-repeat 0 0;
	float: left;
	margin-bottom: 20px;
	position: relative;
}
#reconstructionNav li{
	width: 65px;
	height: 149px;
	list-style-type: none;
	float: left;
	position: relative;
}
#reconstructionNav li a{
	width: 65px;
	height: 149px;
	display: block;
	text-indent: -9999px;
	float: left;
}
#reconstructionNav li.last{
	margin-right: 0 !important;
}
#reconstructionNav li#recon-1 a{
	background-position: 0 0;
}
#reconstructionNav li#recon-2 a{
	background-position: 65px 0;
}
#reconstructionNav li#recon-3 a{
	background-position: 130px 0;
}
#reconstructionNav li#recon-4 a{
	background-position: 195px 0;
}
#reconstructionNav li#recon-5 a{
	background-position: 225px 0;
}
#reconstructionNav li#recon-6 a{
	background-position: 255px 0;
}
#reconstructionNav li#recon-7 a{
	background-position: 320px 0;
}
#reconstructionNav li div{
	width: 60px;
	height: 40px;
	background: url(../images/history/landing-page-tabs.png) repeat-x;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}
#reconstructionNav li div span{
	color: #fff;
	position: absolute;
	bottom: 4px;
	right: 6px;
}