@charset "utf-8";
/* CSS Document */

body {
	background-color: #2b323b;
}

#wrapper {
  width : 965px;
  margin : auto; 
  border : 0px; 
  background: #ffffff;
}

#header {
  width : 965px;
  height : 90px;
  background: url(../images/dsrc-hmpg-logo.gif) no-repeat right center;
}



/* ----Homepage Button---- */


#homeBtn
{
  display: inline;
  float:left;
  width: 86px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/cs-btn.gif) no-repeat 0 0;
}

#homeBtn:hover
{ 
  background-position: 0 -57px;
}

#homeBtn span
{
  display: none;
}

/* ----About DSR Btn---- */

#aboutBtn
{
  display: inline;
  float:left;
  width: 104px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsr-about-btn.gif) no-repeat 0 0;
}

#aboutBtn:hover
{ 
  background-position: 0 -57px;
}

#aboutBtn span
{
  display: none;
}

/* ----North Sea modular BTN---- */


#systemsBtn
{
  display: inline;
  float:left;
  width: 148px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsr-systems-btn.gif) no-repeat 0 0;
}

#systemsBtn:hover
{ 
  background-position: 0 -57px;
}

#systemsBtn span
{
  display: none;
}

/* ----Custom Btn---- */

#customBtn
{
  display: inline;
  float:left;
  width: 143px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsr-customsys-btn.gif) no-repeat 0 0;
}

#customBtn:hover
{ 
  background-position: 0 -57px;
}

#customBtn span
{
  display: none;
  }
  
/* ----Applications Btn---- */

#appsBtn
{
  display: inline;
  float:left;
  width: 114px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsr-apps-btn.gif) no-repeat 0 0;
}

#appsBtn:hover
{ 
  background-position: 0 -57px;
}

#appsBtn span
{
  display: none;
}


/* ----Dealers BTN---- */


#dealerBtn
{
  display: inline;
  float:left;
  width: 99px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsrc-dealers-btn.gif) no-repeat 0 0;
}

#dealerBtn:hover
{ 
  background-position: 0 -57px;
}

#dealerBtn span
{
  display: none;

}

/* ----CUSTOMER BTN---- */

#customersBtn
{
  display: inline;
  float:left;
  width: 141px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsrc-customers-btn.gif) no-repeat 0 0;
}

#customersBtn:hover
{ 
  background-position: 0 -57px;
}

#customersBtn span
{
  display: none;
}

/* ----EVENTS BTN---- */

#eventsBtn
{
  display: inline;
  float:left;
  width: 130px;
  height: 57px;
  margin: 0 auto;
  background: url(../images/dsr-events-btn.gif) no-repeat 0 0;
}

#eventsBtn:hover
{ 
  background-position: 0 -57px;
}

#eventsBtn span
{
  display: none;
}

/* ----END OF TOP NAVIGATION---- */


/* ----ABOUT MIDSECTION---- */

#middleStage
{
  display:inline;
  float:left;
  width: 965px;
  height: 100%;
  margin: 0 auto;
  background:#65768d;
}

#topSpacer
{
	width: 965px;
	height: 34px;
	background: url(../images/top-about-spacer.gif) repeat-x 0 0;
	}	

#middleTop{
  display: inline;
  float:left;
  width: 822px;
  height: 100%;
  margin: 0 auto;
  background: url(../images/dsr-company-top-spacer.jpg) repeat-x 0 0;
  }
  
  #topVideo{
  display: inline;
  float:left;
  width: 752px;
  height: 100%;
  margin: 0 auto;
  background: url(../images/dsr-company-top-spacer.jpg) repeat-x 0 0;
  }
  
  #sideFlash
{
  display: inline;
  float:left;
  width: 70px;
  height: 353px;
  margin: 0 auto;
  background: url(../images/dsr-company-top-spacer.jpg) repeat-x 0 0;
}
  
#navRowl
{
  display:inline;
  float:left;
  width: 143px;
  height: 550px;
  margin: 0 auto;
  background:  url(../images/dsr-company-top-spacer.jpg) repeat-x #65768d;
}

/* ----LEFT NAVIGATION---- */


#overviewBtn
{
  display: inline;
  float:left;
  width: 143px;
  height: 31px;
  margin: 0 auto;
  background: url(../images/dsr-overview-btn.gif) no-repeat 0 0;
}

#overviewBtn:hover
{ 
  background-position: 0 -31px;
}

#overviewBtn span
{
  display: none;
}

#spacerLeft
{
  display: inline;
  float:left;
  width: 143px;
  height: 7px;
  margin: 0 auto;
  background: url(../images/leftnav-spacer.gif) no-repeat 0 0;
}

/*----VIDEO BTNS-----*/

#vid1Btn
{
  display: inline;
  float:left;
  width: 143px;
  height: 31px;
  margin: 0 auto;
  background: url(../images/dsr-vd1-btn.gif) no-repeat 0 0;
}

#vid1Btn:hover
{ 
  background-position: 0 -31px;
}

#vid1Btn span
{
  display: none;
}

#vid2Btn
{
  display: inline;
  float:left;
  width: 143px;
  height: 31px;
  margin: 0 auto;
  background: url(../images/dsr-vid2-btn.gif) no-repeat 0 0;
}

#vid2Btn:hover
{ 
  background-position: 0 -31px;
}

#vid2Btn span
{
  display: none;
}


#vid3Btn
{
  display: inline;
  float:left;
  width: 143px;
  height: 31px;
  margin: 0 auto;
  background: url(../images/dsr-vid3-btn.gif) no-repeat 0 0;
}

#vid3Btn:hover
{ 
  background-position: 0 -31px;
}

#vid3Btn span
{
  display: none;
}

/*---TEXT AREA-----*/

#textBlock1{
  display:inline;
  float:left;
  padding-left: 49px;
  width: 773px;
  height: 100%;
  margin: 0 auto;
}


#picBlock1{
  display:inline;
  float:left;
  padding-top: 20px;
  width: 307px;
  height: 100%;
  margin: 0 auto;
}

#midBlock{
  display:inline;
  float:left;
  padding-top: 20px;
  width: 58px;
  height: 100%;
  margin: 0 auto;
}



/* ----PRESENTATION---- */



#overview3Btn
{
  display: inline;
  float:left;
  width: 185px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-overview-btn.gif) no-repeat 0 0;
}

#overview3Btn:hover
{ 
  background-position: 0 -28px;
}

#overview3Btn span
{
  display: none;
}


#overview2Btn
{
  display: inline;
  float:left;
  width: 185px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-overview-btn.gif) no-repeat 0 0;
  background-position: 0 -28px;
}

#overview2Btn span
{
  display: none;
}


#processBtn
{
  display: inline;
  float:left;
  width: 185px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-manufacturing-btn.gif) no-repeat 0 0;
}

#processBtn:hover
{ 
  background-position: 0 -28px;
}

#processBtn span
{
  display: none;
}



#process2Btn
{
  display: inline;
  float:left;
  width: 185px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-manufacturing-btn.gif) no-repeat 0 0;
  background-position: 0 -28px;
}

#process2Btn span
{
  display: none;
}


#benefitsBtn
{
  display: inline;
  float:left;
  width: 185px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-features-btn.gif) no-repeat 0 0;
}

#benefitsBtn:hover
{ 
  background-position: 0 -28px;
}

#benefitsBtn span
{
  display: none;
}


#benefits2Btn
{
  display: inline;
  float:left;
  width: 185px;
  height: 28px;
  margin: 0 auto;
  background: url(../images/about-features-btn.gif) no-repeat 0 0;
  background-position: 0 -28px;
}

#benefits2Btn span
{
  display: none;
}



#sideSpacer
{
  display: inline;
  float:left;
  width: 185px;
  height: 15px;
  margin: 0 auto;
  background-color:#485465;
}


#middleText
{
  display: inline;
  float:left;
  width: 752px;
  height: 550px;
  margin: 0 auto;
}


#midBtm
{
  display: inline;
  float:left;
  width: 748px;
  height: 9px;
  margin: 0 auto;
  background: url(../../2010%20Revision/images/ns-modular-btm-hmpg.gif) 0 0;
}

#midBtm2
{
	display: inline;
	float:left;
	width: 965px;
	height: 125px;
	margin: 0 auto;
}




/* ----HOMEPAGE BTM NAV SECTION---- */

#footer {
  clear: both;
  height:auto;
  padding-top:10px;
  padding-right: 10px;
  text-align: right; 
  background-color:#1c242f;
  vertical-align: bottom;
  }
  
  
 
ul#footnav li {
  display : inline;
}

ul#footnav li a {
	padding : 0 20px;
	color : #999999;
	text-decoration: none;
}

ul#footnav li a:hover, ul#footnav li a:focus, ul#footnav li a:active {
  color : #fff; 
  text-decoration : none;
}


/* ----TEXT SETTINGS---- */

h1{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  font-size: .9em;
  margin-top: 15px;
}

h2{
  font-size: 14pt;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  padding-left: 40px;
  margin-top: 50px;
  margin-bottom: 0px;
}

p{
  font-size: 62.5%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  line-height: 1.5em;
  text-decoration: none;
  }
  
.aboutText {
  font-size: 12px; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #FFFFFF; 
  padding-right: 80px;
  margin: 0px;
  }
  
  .aboutText a {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	text-decoration: none;  
  }
  
  
  
  .videoText{
  font-size: 12px; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #FFFFFF; 
  padding-top: 14px;
  padding-left: 25px;
  padding-right: 135px;
  margin: 0px;


  }
  
  
  .benefitsText{
  font-size: 12px; 
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #FFFFFF;
  padding-top: 15px;
  margin: 0px;
  }
  
ul {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	list-style-type : disc;
	padding-bottom: 10px;
	padding-top: -10px;
	padding-left: 15px;
	line-height: 18px;
	margin: 0px;
}