body { background: #000410 url(../images/homeBg.jpg) no-repeat top center; }

.container { width: 960px; margin: 0px auto; }
#headerContainer, #contentContainer { width: 100%; }
#headerContainer { height: 108px; background: #FFFFFF url(../images/headerBg.png) repeat-x bottom left; }
#contentContainer { background: url(../images/headerShadow.png) repeat-x top left; padding-bottom: 20px; position: relative;  }

h1#logo { background: url(/images/sellafield_logo.jpg) no-repeat left center; float: left; width: 146px; height: 68px; margin: 0px; padding: 0px; }

#menu { float: left; list-style: none; margin: 0; padding: 0; width: 100%; height: 39px; }
#menu li { float: left; margin: 0; padding: 0; display: inline; }
#menu li a { color: #FFFFFF; font-size: 14px; font-weight: bold; display: block; float: left; margin: 0; padding: 10px 16px 0px 16px; text-decoration: none; height: 20px; }
#menu li a:hover { color: #1C3056; padding-bottom: 9px; background-color: #FFFFFF; }
#menu .topcurrent { color: #1C3056;	padding-bottom: 9px; background-color: #FFFFFF; }

#homeTop { padding-top: 30px; height: 410px; }
#homeTop #introText { width: 200px; margin-right: 26px; float: left; color: #FFFFFF; font-size: 1.25em; line-height: 1.2em; }
#homeTop #homeFeature { width: 720px; height: 376px; border: 7px solid #FFFFFF; float: left; position: relative; overflow: hidden; background-color: #FFFFFF; background-image: url(../images/homeFeature-1.jpg); background-repeat: no-repeat; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-shadow: 5px 5px 15px #000000; -moz-box-shadow: 5px 5px 15px #000000; }

#homeFeature .panel { width: 720px; height: 340px; position: relative; top: 0; display: none; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
#homeFeature .panel h2 { position: absolute; color: #FFFFFF; font-size: 7em; display: none; z-index: 10; margin: 0; }
#homeFeature .panel .infoLink { padding: 3px 0 3px 8px; display: block; line-height: 19px; position: absolute; text-decoration: none; background: #FFFFFF url(../images/homeIcons.png) no-repeat; width: 130px; height: 20px; color: #132652; z-index: 30; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#homeFeature .panel .infoPanel { padding: 25px 25px 20px 25px; background-color: #FFFFFF; position: absolute; z-index: 20; color: #132652; display: none;  -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#homeFeature .panel .infoPanel p { margin-top: 0; line-height: 1.4em; }
#homeFeature .panel .infoPanel a { color: #2B65A6; }
#homeFeature .panel .infoPanel a:hover { text-decoration: none; }

#homeFeature #panel-1 { background: url(../images/homeFeature-1.jpg) no-repeat; }
#homeFeature #panel-1 h2#firstH2 { top: 156px; left: 20px; }
#homeFeature #panel-1 h2#secondH2 { top: 245px; left: 20px; }
#homeFeature #panel-1 #infoLink-1 { top: 40px; left: -1000px; width: 160px; background-position: 140px -97px; }
#homeFeature #panel-1 #info-1 { width: 200px; top: 20px; left: 175px; }
#homeFeature #panel-1 #infoLink-2 { bottom: 20px; right: -1000px; background-position: 110px -72px; }
#homeFeature #panel-1 #info-2 { width: 200px; bottom: 40px; right: 10px; }

#homeFeature #panel-2 { background: url(../images/homeFeature-2.jpg) no-repeat; }
#homeFeature #panel-2 h2 { top: 245px; right: 20px; }
#homeFeature #panel-2 #infoLink-3 { top: 190px; left: -1000px; background-position: 110px -97px; }
#homeFeature #panel-2 #info-3 { width: 300px; top: 50px; left: 135px; }
#homeFeature #panel-2 #infoLink-4 { top: 20px; right: -1000px; background-position: 110px -122px; }
#homeFeature #panel-2 #info-4 { width: 300px; top: 35px; right: 10px; }

#homeFeature #panel-3 { background: url(../images/homeFeature-3.jpg) no-repeat; }
#homeFeature #panel-3 h2 { top: 245px; left: 20px; }
#homeFeature #panel-3 #infoLink-5 { top: 40px; left: -1000px; width: 160px; background-position: 140px -97px; }
#homeFeature #panel-3 #info-5 { width: 600px; top: 55px; left: 40px; }
#homeFeature #panel-3 #info-5 ul { margin: 0; padding: 0; list-style: none; display: inherit; }
#homeFeature #panel-3 #info-5 li { float: left; margin-right: 25px; }
#homeFeature #panel-3 #info-5 li img { vertical-align: bottom; }
#homeFeature #panel-3 #infoLink-6 { bottom: 20px; right: -1000px; background-position: 110px -72px; }
#homeFeature #panel-3 #info-6 { width: 200px; bottom: 40px; right: 10px; }

#homeFeature .featureMenu { width: 100%; height: 36px; display: inline; list-style: none; position: absolute; margin: 0; padding: 0; bottom: 0; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-right-radius: 9px; }
#homeFeature #featureMenuStyle-1 { background-color: #8D7B66; }
#homeFeature #featureMenuStyle-2 { background-color: #5B1B32; }
#homeFeature #featureMenuStyle-3 { background-color: #67A100; }

#homeFeature .featureMenu li { width: 240px; height: 36px; float: left; }
#homeFeature .featureMenu li a { text-align: center; display: block; line-height: 36px; text-decoration: none; width: 240px; height: 36px; color: #FFFFFF; font-size: 1.2em; }
#homeFeature .featureMenu li a.current, #homeFeature .featureMenu li a:hover { background-color: #FFFFFF; color: #132652; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
#homeFeature .featureMenu li a#link-1.current, #homeFeature .featureMenu li a#link-1:hover { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; }
#homeFeature .featureMenu li a#link-3.current, #homeFeature .featureMenu li a#link-3:hover { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }

#homeBottom { }
#homeBottom #sites { width: 340px; float: left; margin: 0 20px 30px 0; }
#homeBottom #news, #homeBottom #video { width: 290px; float: left; margin: 0 20px 30px 0; }
#homeBottom #video { margin-right: 0; }
#homeBottom h2 { border-bottom: 1px dashed #637EB1; color: #FFFFFF; font-size: 1.7em; background: url(../images/homeIcons.png) no-repeat top right; padding-bottom: 2px; }
#homeBottom #sites h2 { background-position: 318px 1px; }
#homeBottom #news h2 { background-position: 268px -24px; }
#homeBottom #video h2 { background-position: 268px -47px;  }

#sites h3 { color: #FFFFFF; height: 28px; background: #2B65A6 url(../images/homeIcons.png) no-repeat 310px -170px; line-height: 28px; text-indent: 10px; margin: 5px 0 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#sites h3:hover { cursor: pointer; background-position: 310px -198px; }
#sites h3.current { background-position: 310px -198px; }
#sites h3.current:hover { cursor: pointer; background-position: 310px -170px; }
#sites .panelContent { color: #FFFFFF; padding: 15px; background: #002A5C url(../images/collapsibleShadow.png) no-repeat top center; display: none; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px; }
#sites .panelContent p { margin-top: 0; line-height: 1.4em; }
#sites .panelContent ul { list-style: none; display: inline; margin: 0; padding: 0; }
#sites .panelContent ul li.image { width: 154px; margin-right: 10px; float: left; }
#sites .panelContent ul li.links { width: 145px; float: left; }
#sites .panelContent ul li.links a { color: #B2C4DD; }
#sites .panelContent ul li.links a:hover { text-decoration: none; }
#sites .panelContent ul li.links a.button { 
	background: #2B65A6 url(../images/homeIcons.png) 130px -226px no-repeat; 
	font-weight: bold; 
	text-decoration: none;
	padding: 1px 0 1px 5px; 
	width: 140px; 
	margin-top: 13px; 
	display: block; 
	color: #FFFFFF;
	 -moz-border-radius: 7px; 
	 -webkit-border-radius: 7px;
} 

#news { color: #FFFFFF; }
#news h3 { font-size: 1.4em; margin-bottom: 0; }
#news p { line-height: 1.4em; }
#news .newsDate { margin-top: 5px; font-weight: bold; color: #B8C9E0; }
#news .newsLink { margin-top: 0; }
#news .newsLink a { color: #B2C4DD; } 
#news .newsLink a:hover { text-decoration: none; }

#video { color: #FFFFFF; }
#video p { line-height: 1.4em; }
#video .videoLink { margin-top: 0; }
#video .videoLink a { color: #B2C4DD; }
#video .videoLink a:hover { text-decoration: none; }

#footer { width: 960px; padding: 0; margin: 0 0 20px 0; }
#footer #siteMap { padding: 20px; width: 920px; background-color: #002153; }
#footer #siteMap .col { margin-right: 10px; }
#footer #siteMap .last { border-left: 1px dashed #637EB1; margin-right: 0; padding-left: 10px; width: 210px; }

#footer #signOff { width: 100%; }
#footer #signOff .top {	width: 100%; background-color: #808487; float: left; }
#footer #signOff .top p.partnerText, #footer #signOff .top p.partnerLogos { float: right; }
#footer #signOff .top p.partnerText { color: #FFFFFF; margin-right: 30px; width: 260px; }
#footer #signOff .top p.partnerLogos { width: 240px; }
#footer #signOff .top .hr { border-top: 1px solid #B4B8BB; width: 940px; margin: 0 10px; float: left; height: 1px; padding: 0; }

#footer #signOff .bottom { list-style: none; display: inline; margin: 0; padding: 0; width: 960px; background: url(../images/footerBase.png) no-repeat bottom left; float: left; }
#footer #signOff .bottom li { width: 460px; padding: 4px 10px; float: left; }
#footer #signOff .bottom li.second { text-align: right; }
#footer #signOff .bottom li a { color: #FFFFFF; }
#footer #signOff .bottom li a:hover { text-decoration: none; }

	
.clear { clear: both; }