/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#CCCCCC;
}

a {
	outline: none;
}
#sectionNavs h1 {
	display: block;
	width: auto;
	bottom: 0px;
	right: 10px;
	opacity: 0.5;
	position: absolute;
	color: #870000;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	filter:alpha(opacity=50);
}
h2 {
	font-size: 14px;
}
h3 {
	font-size:13px;padding: 0;margin:0;
}
dl {
	margin-left: 25px;
}
dt {
	font-weight: bold;
	padding: 0 0 5px 35px;
	background: url(../images/layout/bullet.jpg) no-repeat 1px 2px;
}
.page {
	width: 760px;
	border: 1px solid #000000;
	position: relative;
	left: 0px;
	top: 0px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	background: url(../images/layout/left_nav_bg.jpg) repeat-y #FFFFFF;
}
#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 760px;
	overflow: hidden;
}
#homeLink {
	display: block;
	padding-top: 100px;
	background-image: url(../images/layout/logo.jpg);
	height: 0;
	width: 162px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
}
#header h1 {
	background-image: url(../images/layout/header_bg.jpg);
	background-repeat: repeat-x;
	display: block;
	height: 100px;
	width: 598px;
	margin: 0 0 0 163px;
	padding-top: 43px;
	padding-left: 7px;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	color: #F7E5AE;
}
.pageCopy {
	margin-top: 427px;
	margin-right: 0;
	margin-bottom: 26px;
	margin-left: 177px;
	padding-top: 20px;
	padding-left: 0;
	font-size: 13px;
	padding-bottom: 15px;
	padding-right: 15px;
}

#storyboardPage .pageCopy {
/*
	background: url(../images/storyboard.jpg) right top no-repeat;
*/
}

ul{
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li a {
	display: block;
	text-decoration: none;
}
#mainNav {
	width: 162px;
	position: absolute;
	top: 327px;
	left: 0;
}
#mainNav li {
	margin-bottom: 3px;
}
#mainNav li a {
	height: 28px;
	width: 130px;
	padding: 9px 0 0 32px;
	background-color: #B0B1B3;
	color: #9F000B;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}

#mainNav li a:hover,
#processSection #mainNav li#mainProcessLink a,
#solutionsSection #mainNav li#mainSolutionsLink a,
#homeSection #mainNav li#mainHomeLink a,
#companySection #mainNav li#mainCompanyLink a
{
	background-color: #F3E2A7;
}

#categoryNav {
	position: absolute;
	top: 70px;
	left: 163px;
}
#categoryNav li {
	float: left;
	padding: 2px 10px 0px 10px;
	background: url(../images/layout/categoryNavSeparator.jpg) no-repeat;
	width: auto;
	height: 24px;
}
#categoryNav li.firstLink {
	background-image: none;
	padding-left: 8px;
}


#categoryNav li a {
	font-size: 13px;
	font-weight: bold;
	color: #F7E5AE;
	display: inline;
	padding-top: 20px;
	height: 0;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}
#categoryNav li a:hover,
#blendedLearningPage li#blendedLearningLink a,
#interactiveMultimediaPage li#interactiveMultimediaLink a,
#contentDevelopmentPage li#interactiveMultimediaLink a,
#productsAndBenefitsPage li#interactiveMultimediaLink a,
#fourdlmsPage li#fourdlmsLink a,
#knowledgeAssessmentPage li#knowledgeAssessmentLink a,
#katProcessPage li#knowledgeAssessmentLink a,
#fourdprocessPage li#fourdprocessLink a,
#developmentRoadmapPage li#developmentRoadmapLink a,
#storyboardPage li#developmentRoadmapLink a,
#clientsPage li#clientsLink a,
#caseStudiesPage li#caseStudiesLink a,
#c130Page li#caseStudiesLink a,
#sapPage li#caseStudiesLink a,
#firstEnergyPage li#caseStudiesLink a
{
	text-decoration: underline;
	background-position: 0 -25px;
}

#blendedLearningLink a{
	background-image: url(../images/category_nav/blended_learning_button.jpg);
	width: 122px;
}
#interactiveMultimediaLink a{
	background-image: url(../images/category_nav/interactive_multimedia_button.jpg);
	width: 159px;
}
#fourdlmsLink a{
	background-image:url(../images/category_nav/4dlms_button.jpg);
	width: 73px;
}
#knowledgeAssessmentLink a{
	background-image:url(../images/category_nav/knowledge_assessment_button.jpg);
	width: 157px;
}
#fourdprocessLink a{
	background-image: url(../images/category_nav/4d_process_button.jpg);
	width: 122px;
}
#developmentRoadmapLink a{
	background-image:url(../images/category_nav/development_roadmap_button.jpg);
	width: 159px;
}

#clientsLink a{
	background-image:url(../images/category_nav/clients_button.jpg);
	width: 55px;
}
#caseStudiesLink a{
	background-image:url(../images/category_nav/case_studies_button.jpg);
	width: 95px;
}


#sectionNavs {
	position: absolute;
	left: 162px;
	top: 100px;
	width: 598px;
	height: 328px;
}
#sectionNavs {
	background:url(../images/main_images/4di_still.jpg);
}
#solutionsPage #sectionNavs {
	background:url(../images/main_images/webphoto_01.jpg);
}
#fourdlmsPage #sectionNavs {
	background:url(../images/main_images/webphoto_05.jpg);
}
#blendedLearningPage #sectionNavs {
	background:url(../images/main_images/webphoto_04.jpg);
}
#contentDevelopmentPage #sectionNavs {
	background:url(../images/main_images/webphoto_03.jpg);
}
#interactiveMultimediaPage #sectionNavs {
	background:url(../images/main_images/webphoto_02.jpg);
}
#katProcessPage #sectionNavs {
	background:url(../images/main_images/webphoto_14.jpg);
}
#knowledgeAssessmentPage #sectionNavs {
	background:url(../images/main_images/webphoto_07.jpg);
}
#productsAndBenefitsPage #sectionNavs {
	background:url(../images/main_images/webphoto_08.jpg);
}
#fourdprocessPage #sectionNavs {
	background:url(../images/main_images/webphoto_09.jpg);
}
#developmentRoadmapPage #sectionNavs {
	background:url(../images/main_images/webphoto_10.jpg);
}
#videoProductionPage #sectionNavs {
	background:url(../images/main_images/video_prod_image.jpg);
}
#storyboardPage #sectionNavs {
/*	background:url(../images/main_images/4di_still.jpg);*/
	background: url(../images/storyboard.jpg) no-repeat center;
	border-bottom: 1px solid #000000;
}
#processPage #sectionNavs {
	background:url(../images/main_images/webphoto_11.jpg);
}
#companyPage #sectionNavs {
	background:url(../images/main_images/office.jpg);
}
#clientsPage #sectionNavs {
	background:url(../images/main_images/webphoto_13.jpg);
}

#videoProductionPage #foregroundImage {
	background:url(../images/main_images/accordent_system.png);
	position:absolute;
	left:65px;
	top:180px;
	width: 119px;
	height: 169px;
	display: block;
}
#caseStudiesPage #sectionNavs,
#c130Page #sectionNavs,
#sapPage #sectionNavs,
#firstEnergyPage #sectionNavs
{
	background:url(../images/main_images/4di_still.jpg);
}

#sectionNavs #sectionNav1 {
	position: absolute;
	left: 151px;
	top: 3px;
}
#processSection #sectionNavs #sectionNav1 {
	left: 20px;
}
#companySection #sectionNavs #sectionNav1 {
	left: 80px;
}

#sectionNavs #sectionNav2 {
	position: absolute;
	left: 424px;
	top: 3px;
}

#sectionNavs .nav ul {
	background-image: url(../images/layout/sectionNavBGtop.png);
	background-repeat: no-repeat;
	padding-top: 6px;
	float: left;
}
#sectionNavs .nav li {
	background-image: url(../images/layout/sectionNavBG.png);
	background-repeat: repeat-y;
	padding-left: 8px;
	padding-top: 0;
	float: left;
	clear: both;
}

#sectionNavs .nav li a {
	height: 22px;
	overflow: hidden;
	width: 230px;
	float: left;
	clear: none;
	display: block;
	font-size: 10px;
	text-transform:uppercase;
	color: #F3E2A7;
	font-weight: bold;
	background-repeat: no-repeat;
}

#sectionNavs .nav li a:hover,
#contentDevelopmentPage li#contentDevelopmentLink a,
#productsAndBenefitsPage li#productsAndBenefitsLink a,
#katProcessPage li#katProcessLink a,
#c130Page li#c130Link a,
#sapPage li#sapLink a,
#firstEnergyPage li#firstEnergyLink a

{
	text-decoration: underline;
	background-position: 0 -25px;
}
#sectionNavs .nav li a span {display: none;}
#sectionNavs li#contentDevelopmentLink a {
	background-image: url(../images/sub_nav/content_development_link.png);
}
#sectionNavs li#productsAndBenefitsLink a {
	background-image: url(../images/sub_nav/products_and_benefits_link.png);
}
#sectionNavs li#katProcessLink a {
	background-image: url(../images/sub_nav/kat_process_link.png);
}
#sectionNavs li#c130Link a {
	background-image: url(../images/sub_nav/c130_link.png);
}
#sectionNavs li#sapLink a {
	background-image: url(../images/sub_nav/sap_link.png);
}
#sectionNavs li#firstEnergyLink a {
	background-image: url(../images/sub_nav/first_energy_link.png);
}

#sectionNavs .nav li.lastLink {
	background-repeat: no-repeat;
	background-image: url(../images/layout/sectionNavBGbottom.png);
}

#fourDs {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 599px;
	background-color: #870000;
	height: 26px;
}

#fourDs li {
	float: left;
	padding-top: 5px;
	position: relative;
}
#fourDs .popup li {
	list-style: outside !important;
	list-style-type: disc !important;
	margin-left: 20px;
	clear: both;
	width: auto;
	float: none;
}
.popup {
	width:240px;
	border:1px solid #000000;
	border-bottom: none;
	height:200px;
	position:absolute;
	left:-80px;
	bottom:20px;
	padding: 0;
	display: none;
	background: url(../images/layout/arrow.gif) center bottom no-repeat #FFFFFF;
}
#determinePopup {
	height: 180px;
}
#designPopup {
	left: -92px;
}
#deliverPopup {
	left: auto;
	right: -20px;
	width: 320px;
	height: 250px;
	background-position: 240px 240px; 
}
#developPopup {
	width: 260px;
	height: 220px;
	left: -99px;
}
.popContent {
	padding: 3px;
}
.popup h3 {
	text-align: center;
	padding-bottom: 5px;
	background-color: #F3E2A7;
	color: #9F000B;
}
#fourDs li .popCloser a{
	background-repeat:no-repeat;
	color: #9F000B;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:16px;
	overflow:hidden;
	padding-top:0;
	text-transform:uppercase;
	background-image: none;
	position: absolute;
	top: 1px;
	right: 5px;
	width: 20px;
}
#fourDs li a {
	font-size: 13px;
	text-transform:uppercase;
	color: #F3E2A7;
	font-weight: bold;
	padding-top: 21px;
	height: 0;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
}

#fourDs li a:hover {
	text-decoration: underline;
	background-position: 0 -30px;
}

#determineLink a{
	background-image:url(../images/footer_nav/determine_button.jpg);
	width: 83px;
}
#designLink a{
	background-image:url(../images/footer_nav/design_button.jpg);
	width: 60px;
}
#developLink a{
	background-image: url(../images/footer_nav/develop_button.jpg);
	width: 68px;
}
#deliverLink a{
	background-image: url(../images/footer_nav/deliver_button.jpg);
	width: 68px;
}

#determineLink {
	width: 177px;
}
#designLink {
	width: 169px;
}
#developLink {
	width: 166px;
}

.pageCopy ul li {
	padding: 0 0 16px 35px;
	background: url(../images/layout/bullet.jpg) no-repeat 1px 2px;
}
.pageCopy dl ul li {
	background: none;
	list-style: outside;
	list-style-type:disc;
	padding: 0 0 8px 15px;
	margin-left: 20px;
}
.pageCopy ul li ul li {
	background-image: none;
	list-style: outside;
	list-style-type:disc;
	padding-left: 15px;
	margin-left: 15px;
}

#productsAndBenefitsPage .pageCopy ul,
#katProcessPage .pageCopy #features ul,
#developmentRoadmapPage .pageCopy ul,
#storyboardPage .pageCopy ul,
#fourdlmsPage .pageCopy ul,
#clientsPage .pageCopy ul,
#companySection .pageCopy ul
{
	margin-bottom: 5px;
	margin-left: 25px;
}
#developmentRoadmapPage .pageCopy ul li,
#storyboardPage .pageCopy ul li,
#fourdlmsPage .pageCopy ul li,
#clientsPage .pageCopy ul li,
#companySection .pageCopy ul li
{
	padding-bottom: 5px;
}

#productsAndBenefitsPage .pageCopy ul ul,
#videoProductionPage .pageCopy ul ul {
	margin-left: 0px;
}
#productsAndBenefitsPage .pageCopy ul li,
#videoProductionPage .pageCopy ul li {
	padding-bottom: 0px;
}
#knowledgeAssessmentPage .pageCopy ul li,
#katProcessPage .pageCopy #summary ul li
 {
	list-style: none;
	background: none;
}