@charset "utf-8";
*          { margin: 0px; padding: 0px; }
.clear     { clear:both; }
.clearleft { display:block; clear:left; }
.clearright{ display:block; clear:right; }

a         { color:#666666;font-family: Arial, Helvetica, sans-serif; }
a:visited { color:#666666; }
a:active  { color:#666666; }
a:hover   { color:#333333; text-decoration:underline; }

body { background: url(images/bg.jpg) repeat-x #FFFFFF; font-family: Arial, Helvetica, sans-serif; }

#wrapper { width:814px; margin:0px auto 15px auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#FFFFFF; }

/* Header ****************** */
#phoneNumber      { display:block; text-align:right; padding:14px 15px 0px 25px; font-size:16px;  font-weight:bold; color:#666666; }
#phoneNumber span { font-weight:normal; color:#999999; font-style:italic; }
#topbar { background-image:url(images/topbg.jpg); background-repeat:no-repeat; height:34px; }
#header { background-image:url(images/ds_header.jpg); background-repeat:no-repeat;height:78px; }

#topmenu { display:block; list-style:none; padding:57px 14px 0px 0px; }
#topmenu li { display:inline; }
#topmenu a { display:block; float:right; height:16px; margin:0px 0px 0px 1px; text-decoration:none; padding:1px 6px 0px 6px; text-align:center; text-transform:uppercase; font-size:9px;font-family:arial,helvetica,verdana,tahoma; border-left: solid 1px #666666; border-right: solid 1px #000000; }
#topmenu a, #topmenu a:visited, #topmenu a:active { background:url(images/menu1.jpg) repeat-x; color:#FFFFFF; }
#topmenu a:hover{background:url(images/menu2.jpg) repeat-x; padding:0px 6px 0px 6px;color:#FFFFFF; }

/* Home Page Content ***************** */
#homePageContent { border:solid 1px #CCCCCC; }
#mainpage { width:812px; float:left; padding:12px 0px 0px 0px; }

h1       { font-size:11px; color:#333333; font-weight:bold; font-family: Arial, Helvetica, sans-serif; }
#homeH1  { float:left;  width:380px; font-size:10px; line-height:12px; padding: 0px 10px 0px 10px; text-align:center; }
#mdsText { float:right; font-size:10px; color:#666666; font-weight:normal; font-family: Arial, Helvetica, sans-serif; }
#mdsLogo { float:right; padding-left:4px; }

a.servicesLink       { color:#999999; font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size:26px; padding-top: 10px; letter-spacing: -1px}
a.servicesLink:hover { color:#666666; }


#mainpage #service1 { background:url(images/warehouse.jpg) center; display:inline; float:left; width:287px; height:375px; text-align:center; }
#mainpage #service2 { background:url(images/port.jpg)      center; display:inline; float:left; width:238px; height:375px; text-align:center; }
#mainpage #service3 { background:url(images/trucking.jpg)  center; display:inline; float:left; width:287px; height:375px; text-align:center; }

#BlankContent          { background:url(images/BlankPhoto.jpg)          repeat-x; padding-top:12px; width:812px; height:375px; font-size:10px; font-family:arial; border: solid 1px #CCCCCC; }
#PortOpsContent        { background:url(images/PortOpsPhoto.jpg)        repeat-x; padding-top:12px; width:812px; height:375px; font-size:10px; font-family:arial; border: solid 1px #CCCCCC; }
#DistributionContent   { background:url(images/DistributionPhoto.jpg)   repeat-x; padding-top:12px; width:812px; height:375px; font-size:10px; font-family:arial; border: solid 1px #CCCCCC; }
#TransportationContent { background:url(images/TransportationPhoto.jpg) repeat-x; padding-top:12px; width:812px; height:375px; font-size:10px; font-family:arial; border: solid 1px #CCCCCC; }
#LocationsContent      { background:url(images/LocationsPhoto.jpg)      repeat-x; padding-top:12px; width:812px; height:375px; font-size:10px; font-family:arial; border: solid 1px #CCCCCC; }
#ContactUsContent      { background:url(images/ContactUsPhoto.jpg)      repeat-x; padding-top:12px; width:812px; height:375px; font-size:10px; font-family:arial; border: solid 1px #CCCCCC; }

#primaryTitle                       { position:relative; padding:0px;  width:303px;  height:40px; left:375px; top:35px; font-size:30px;  letter-spacing: -1px; font-family:arial;  font-weight:bold; color:#CCCCCC;   text-align:left; }
#primaryContent                     { position:relative; padding:4px;  width:315px;  left:375px; top:35px; font-size:10px;  font-family:arial;  color:#000000;   text-align:left; }
#primaryContent #list1              { float:left; width:50%; }
#primaryContent #list2              { padding-left:5%; float:left; width:45%; }
#primaryContent #primaryDescription { font-size:11px; font-weight:normal; padding-bottom:4px; color:#333333; }
#primaryContent #contactLabel       { float:left; width:50px; font-size:14px; font-weight:normal; padding-top:3px; }
#primaryContent #contactText        { float:left; font-size:18px; font-weight:bold; }
#primaryContent #contactTextSmall   { float:left; font-size:14px; font-weight:bold; padding-top:3px;}

#AffiliationsContent             { font-size:12px; padding-top:20px; margin-left:88px; margin-right:88px; }
#AffiliationsContent #aff1       { float:left; width:360px;font-size:14px; font-weight:normal; padding-top:3px; text-align:center; }
#AffiliationsContent #aff2       { float:left; width:275px;font-size:14px; font-weight:normal; padding-top:3px; text-align:center; }
#AffiliationsContent #title      { width:100%; font-size:14px; font-weight:bold; text-align:center; color:#999999; text-transform:uppercase; border-bottom:dotted 1px #999999; }
#AffiliationsContent #memberText { width:100%; font-size:13px; font-weight:bold;  text-align:center; padding-top:6px; }

#list1 ul li    { display:block; font-weight:bold; font-size:11px; color:#000000; padding-left: 9px; text-indent: -9px; }
#list2 ul li    { display:block; font-weight:bold; font-size:11px; color:#000000; padding-left: 9px; text-indent: -9px; }
#mainpage ol    { margin:10px 10px 10px 25px; }
#mainpage ol li { padding:5px 5px 5px 20px; }

#more          { text-align:right; padding:10px; }
a.more         { color:#000000; text-decoration:underline; font-size:14px; font-weight:bold; padding:4px; }
a.more:visited { color:#660000; }
a.more:active  { color:#660000; }
a.more:hover   { color:#CC0000; }
	
#AboutUs1             { position:relative; margin-top:14px;  margin-left:80px;  float:left; width:165px; padding-right:12px;  padding:10px; font-size:10px; font-family:arial;  font-weight:normal;  color:#000000;  text-align:left; background-color:#DEDEDE; }
#AboutUs1 span        { font-size:16px;font-weight:bold;color:#666666;letter-spacing:-1px; }
#AboutUs1 #signature  { font-size:13px;font-weight:bold;color:#666666;text-align:right;font-style:italic; }
#AboutUs2             { position:relative; margin-top:14px;  margin-left:0px; float:left; width:451px; padding-left:10px; font-size:10px; font-family:arial;  font-weight:normal;  color:#666666;   text-align:justify; }
#AboutUs2 span        { font-size:16px;font-weight:bold;color:#999999;letter-spacing:1px; }
#AboutUs2 #personName { font-size:11px;font-weight:bold;color:#336666;text-transform:uppercase;padding-top:2px; letter-spacing:2px; }

#LocationTitle             { float:center; padding-top:10px; mxargin-top:10px; font-size:20px; height:30px; font-family:arial;helvetica; font-weight:bold; color:#999999; text-align:center; letter-spacing:2px; }

#Location1                 { position:relative; margin-top:216px; margin-left:160px; float:left; width:280px; padding-right: 0px; font-size:10px; font-family:arial; font-weight:normal; color:#000000; text-align:left; }
#Location2                 { position:relative; margin-top:216px; margin-left: 30px; float:left; width:220px; padding-left :10px; font-size:10px; font-family:arial; font-weight:normal; color:#000000; text-align:justify; }

#Location1 span            { font-size:16px;font-weight:bold;color:#999999;letter-spacing:2px; }
#Location2 span            { font-size:16px;font-weight:bold;color:#999999;letter-spacing:1px; }

#Location1Directions       { position:absolute;  margin-top:34px;  margin-left:380px;  z-index:2; width:330px; height:260px; padding-right:0px; padding:10px;  font-size:11px; font-family:arial; font-weight:normal; color:#FFFFFF; text-align:left; border:dotted 1px #FFFFFF;  background-color:#000000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
#Location2Directions       { position:absolute;  margin-top:34px;  margin-left:80px;   z-index:2; width:350px; height:260px; padding-right:0px; padding:10px;  font-size:11px; font-family:arial; font-weight:normal; color:#FFFFFF; text-align:left; border:dotted 1px #FFFFFF;  background-color:#000000; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }

#Location1Directions ul li { display:block; font-family:arial,verdana; font-size:10px; color:#FFFFFF; padding-left: 8px; text-indent: -8px; padding-bottom:1px; lextter-spacing: -1px; }
#Location2Directions ul li { display:block; font-family:arial,verdana; font-size:10px; color:#FFFFFF; padding-left: 8px; text-indent: -8px; padding-bottom:5px; lextter-spacing: -1px; }

#LocationsContent span     { font-size:16px;font-weight:bold;color:#666666; }

.affLogo       { border: solid 1px #999999; height:40px; }
.affLogo:hover { border: solid 1px #000000; }

#footer       { padding:8px; color:#666666; font-size:10px; text-align:center; border-bottom:solid 1px #999999; background-color:#FFFFFF }
#footerShadow { background:url(images/footerShadow.jpg) center no-repeat; height:9px; }
#footer span  { font-weight:bold }

#scrollSpacer { padding-top:100px; }