@charset "utf-8";
/* CSS Document */
*,object{margin:0; padding:0}
body{background-color:#fff}
img{border:none}
a,p,td,div,span,h1,h2,h3,h4{font:12px/17px Verdana, Arial, Helvetica, sans-serif; color: #666}
.clear { clear: both}
.center { margin: 10px auto; display: block}

/* NAV Styles */
#nav{height:19px; background:url("/images/nav.gif") no-repeat; position: relative; width: 580px; float: left}
#Subnav{height:21px; position: relative; width: 580px; float: left; margin:0 0 0 13px}
.navHome{margin: 60px 0 0 0}
.navSubNav{margin: 40px 0 0 0}
#nav a{ font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.goaway{ display:none}
#nav li, #nav a{ height:19px; display:block}
#nav li{ float:left; list-style:none; display:inline;}

#nav01{	width:56px}
#nav02{	width:95px}
#nav03{	width:84px}
#nav04{	width:105px}
#nav05{	width:87px}
#nav06{	width:64px}
#nav07{	width:82px}

.hot{display:block; height:100%}
#nav01 a:hover,#nav01 a.selected,#nav01 span.hot{background:url("/images/nav.gif"); background-position: 0 -19px}
#nav02 a:hover,#nav02 a.selected,#nav02 span.hot{background:url("/images/nav.gif"); background-position: -56px -19px}
#nav03 a:hover,#nav03 a.selected,#nav03 span.hot{background:url("/images/nav.gif"); background-position: -151px -19px}
#nav04 a:hover,#nav04 a.selected,#nav04 span.hot{background:url("/images/nav.gif"); background-position: -235px -19px}
#nav05 a:hover,#nav05 a.selected,#nav05 span.hot{background:url("/images/nav.gif"); background-position: -340px -19px}
#nav06 a:hover,#nav06 a.selected,#nav06 span.hot{background:url("/images/nav.gif"); background-position: -427px -19px}
#nav07 a:hover,#nav07 a.selected,#nav07 span.hot{background:url("/images/nav.gif"); background-position: -491px -19px}

/* Sub Nav Styles */
#Subnav{height:21px; position: relative; width: 580px; float: left; margin:0 0 0 13px}
.CompSubNAV{background:url("/images/subnav-comp.png") no-repeat; }
.CapSubNAV{background:url("/images/subnav-capab.png") no-repeat; }
.ProSubNAV{background:url("/images/subnav-pro.png") no-repeat; }
.noSubNAV{background:url("/images/nonav.png") no-repeat; }

#Subnav li, #Subnav a{ height:21px; display:block}
#Subnav li{ float:left; list-style:none; display: inline-block;}

#SubNavComp01{width:59px}
#SubNavComp02{width:101px}
#SubNavComp03{width:82px}
#SubNavComp04{width:120px}

#SubNavComp01 a:hover,#SubNavComp01 a.selected,#SubNavComp01 span.hotSub{background:url("/images/subnav-comp.png"); background-position: 0 -21px}
#SubNavComp02 a:hover,#SubNavComp02 a.selected,#SubNavComp02 span.hotSub{background:url("/images/subnav-comp.png"); background-position: -59px -21px}
#SubNavComp03 a:hover,#SubNavComp03 a.selected,#SubNavComp03 span.hotSub{background:url("/images/subnav-comp.png"); background-position: -160px -21px}
#SubNavComp04 a:hover,#SubNavComp04 a.selected,#SubNavComp04 span.hotSub{background:url("/images/subnav-comp.png"); background-position: -242px -21px}

#SubNavCap01{width:89px}
#SubNavCap02{width:60px}
#SubNavCap03{width:109px}
#SubNavCap04{width:132px}

#SubNavCap01 a:hover,#SubNavCap01 a.selected,#SubNavCap01 span.hotSub{background:url("/images/subnav-capab.png"); background-position: 0 -21px}
#SubNavCap02 a:hover,#SubNavCap02 a.selected,#SubNavCap02 span.hotSub{background:url("/images/subnav-capab.png"); background-position: -89px -21px}
#SubNavCap03 a:hover,#SubNavCap03 a.selected,#SubNavCap03 span.hotSub{background:url("/images/subnav-capab.png"); background-position: -149px -21px}
#SubNavCap04 a:hover,#SubNavCap04 a.selected,#SubNavCap04 span.hotSub{background:url("/images/subnav-capab.png"); background-position: -258px -21px}


#SubNavPro01{width:160px}
#SubNavPro01 a:hover,#SubNavPro01 a.selected,#SubNavPro01 span.hotSub{background:url("/images/subnav-pro.png"); background-position: 0 -21px}

/*  Major Layout styles */

#Header {margin: 0 auto; height: 111px; background:url("/images/header-bg.png"); position: relative; z-index:1000}
#navWrap {margin: 0 auto; height:80px; width:950px}
#logo{background:url("/images/logo.gif") no-repeat; margin: 8px 30px 0 25px; float:left; width: 275px; height: 65px; display: block}
#SkyWrap { background: url("/images/sky.jpg") repeat-x; width:100%; position: relative; z-index:500; margin:-30px 0 50px 0}
#Grass{ margin: 0 auto;	height: 187px; background:url("/images/grass-test.jpg"); position: fixed; bottom:0px;	z-index:1; width: 100%;	clear:both}
#Grass p { position: fixed; right: 0px; bottom: 0px}


#PageWrap{ position:relative; width:901px; margin:0 auto; padding:30px 0 0 0}
#PaperWrap{ background: url("/images/paper-bg.png") repeat-y;	position:relative; width:901px}
#PaperTop{ background: url("/images/paper-top.png") repeat-y;	position:relative; width:901px; height:15px; margin:0 auto}
/*  PaperBottom is the Footer in the paper Design */
#PaperBottom{ background: url("/images/paper-bot.png") no-repeat;	position:relative; width:901px; height:48px; margin:0 auto}
#PaperBottom ul { display: inline; float: right; margin: 5px 25px 0 0}
#PaperBottom a { text-decoration: none; font-size: 12px; font-weight: bold; color: #FFFFFF }
#PaperBottom a:hover { text-decoration: underline}
#PaperBottom li { display: inline; margin-right: 3px; margin-left: 3px; font-size: 12px; font-weight: bold; color: #FFFFFF}



#HomeBottom { background-image: url("/images/home-bot.gif"); background-repeat: no-repeat; height: 101px; width: 800px;	float: left; margin: 0 10px 22px 20px}
#homeCopy {	background: url("/images/home-bot-copy.gif") no-repeat left bottom;	height: 411px; width: 280px; float: left; margin: 0 20px 0 20px}
#HomeFlash {height: 411px; width: 552px; float: left}
#noFlashWrap {background-image: url("/images/home-main.jpg");	background-repeat: no-repeat; height: 411px; width: 552px}
#homeCopy p { margin: 0 0 10px 0 }
#homeCopy span {font-size: 18px; font-weight: bold; color: #007ac3}


#InsidePaperBG { background: url("/images/insidePaperBG.jpg") right bottom no-repeat; margin: 0 16px 0 0}

#SubCopy{ float: left; position: relative}
#SubCopy p, #SubCopyWide p { margin: 0 0 10px 0}
#SubCopy h1, #SubCopyWide h1 { font-size: 30px; color:#003366; margin: 0 0 14px 0; background:url("/images/h1-line.jpg") bottom left no-repeat; padding: 0 0 10px 0; font-family: Geneva, Arial, Helvetica, sans-serif;}
#SubCopy h2, #SubCopyWide h2 { font-weight:bold; font-size: 14px; color:#003366; margin: 0; font-family: Geneva, Arial, Helvetica, sans-serif}
#SubCopy h3, #SubCopyWide h3 { font-weight:bold; font-size: 16px; color:#003366; margin: 0 0 10px 0; font-family: Geneva, Arial, Helvetica, sans-serif}
#SubCopy h4, #SubCopyWide h4 { font-weight:bold; font-size: 12px; color: #003366; margin: 0 0 10px 0; font-family: Geneva, Arial, Helvetica, sans-serif}
#SubCopy ul, #SubCopyWide ul { margin: 0 0 20px 20px; list-style: none}
#SubCopy li, #SubCopyWide li { margin: 2px 0 6px 0; background:url("/images/ul-img.gif") no-repeat 0 3px; padding-left:15px}
#SubCopy a, #SubCopyWide a { color: #003366}


#SubCopy { width: 561px}
#SubCopy p { width: 530px}
#SubCopy h1 { width:561px}
#SubCopy h2, #SubCopy h3, #SubCopy h4, #SubCopy ul { width: 541px}
#SubCopy li { width: 500px}

#SubCopyWide { width: 700px; position: relative; display:block; margin: 0 auto; padding: 0 0 30px 0}
#SubCopyWide p, #SubCopyWide h1, #SubCopyWide h2, #SubCopyWide h3, #SubCopyWide h4{ width: 700px}
#SubCopyWide ul, #SubCopyWide li { width: 600px}
#SubCopyWide span{ width: 700px; position: relative; margin: 0 auto; display:block}
#SubCopyWide span img{ margin: 0 0 20px}
#ProFlashHolder { margin: 0 0 25px 0; width: 700px}
#FlashInside{width: 700px}
.Profiles{ height:200px; background:url("/images/dreamworks.jpg")}
.EVDP{height:375px; background:url("/images/EVDP-flashBG.jpg")}
#SubCopyWide h5{ width: 620px; margin: 0 auto; display:block; padding: 0 0 40px 0; text-align:center; font:10px Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold}

a.Top {	font-size: 14px; margin: 0; font-family: Geneva, Arial, Helvetica, sans-serif}
a.Top:hover {text-decoration:none}
#SubCopy span { color: #003366;	font-weight: bold}
.map { position: absolute; left: 300px;	top: 60px}

#SubMain { width: 287px; float: left; margin: 0 17px 40px 20px; text-align: center}
.companyImg{ background:url("/images/SubImg01.jpg"); height: 522px }
.historyImg{ background:url("/images/SubImg02.jpg") no-repeat    ; height: 860px}
.keyImg{ background:url("/images/SubImg03.jpg") no-repeat    ; height: 900px}
.safetyImg{ background:url("/images/SubImg04.jpg"); height: 522px}
.partnersImg{ background:url("/images/SubImg05.jpg"); height: 522px}
.capabImg{ background:url("/images/SubImg06.jpg"); height: 522px}
.newsImg{ background:url("/images/SubImg07.jpg"); height: 522px}
.careerImg{ background:url("/images/SubImg08.jpg"); height: 522px}
.contactImg{ background:url("/images/SubImg09.jpg"); height: 522px}
.legalImg{ background:url("/images/SubImg10.jpg"); height: 522px}

#SubMain img { margin: 523px 0 0 0}