body { 
  margin : 0; 
  padding : 0; 
  font : 12px Arial, Helvetica, sans-serif; 
  color : #333; 
  background : #fff url(/images/body-bg.gif) repeat-x; 
} 

h1, h2, h3, h4, h5 { 
  margin : 0; 
  font-weight : normal; 
  font-size : 100%; 
  margin-bottom : 5px; 
} 

form, ul { 
  margin : 0; 
  font-weight : normal; 
  font-size : 100%; 
} 

select, input { 
  font-size : 12px; 
} 

strong { 
  font-weight : 600; 
} 

.bold { 
  font-weight : 600; 
} 

img { 
  border : none; 
} 

.imgv { 
  vertical-align : middle; 
} 

.white{ color:#fff;}

.imgpd { 
  padding-right : 8px; 
} 

A:link, A:visited { 
  color : #0088cc; 
  text-decoration : underline; 
} 

A:hover { 
color : #0088cc; 
text-decoration : none; 
} 

.f10 { 
  font-size : 10px; 
} 

.f11 { 
  font-size : 11px; 
} 

.f12 { 
  font-size : 12px; 
} 

.f13 { 
  font-size : 13px; 
} 

.f14 { 
  font-size : 14px; 
} 

.f15 { 
  font-size : 15px; 
} 

.f16 { 
  font-size : 16px; 
} 

.f18 { 
  font-size : 18px; 
} 

.f20 { 
  font-size : 20px; 
} 

.f22 { 
  font-size : 20px; 
} 

.fa { 
  font-family : Arial, Helvetica, sans-serif; 
} 

.ft { 
  font-family : Tahoma, Geneva, sans-serif; 
} 

.HDC1 { 
  color : #2b2b2b; 
} 

.HDC2 { 
  color : #0088cc; 
} 

.HDC3 {color:#FFF;}

A.txtu:link, A.txtu:visited, A.txtu:hover { 
  text-decoration : none; 
} 

.fspacer { 
  margin : 0 auto; 
  width : 982px; 
  height : 30px; 
  float : none; 
  clear : both; 
} 

.footer { 
  margin : 0 auto; 
  width : 982px; 
} 

.foot { 
  float : left; 
  width : 982px; 
  height : 50px; 
  border-bottom : 1px solid #e5e5e5; 
  background : url(/images/logo-footer.gif) no-repeat left center; 
  margin-bottom : 5px; 
} 

.fooSection { 
  width : 165px; 
  padding : 5px; 
  float : left; 
  color : #666666; 
} 

DIV.fooSection UL { 
  list-style : none; 
  margin : 0; 
  padding : 0; 
} 

DIV.fooSection LI { 
  padding : 0; 
  margin : 0; 
   margin-bottom : 4px; 
} 

DIV.fooSection LI A:link, DIV.fooSection LI A:visited { 
  color : #0088cc; 
  text-decoration : none; 
  margin-bottom : 4px; 
} 

DIV.fooSection LI A:hover { 
  color : #0088cc; 
  text-decoration : underline; 
  margin-bottom : 4px; 
} 

.header { 
  margin : 0 auto; 
  width : 982px; 
  height : 140px; 
  float : none; 
  clear : both; 
} 

.logo { 
  width : 50%; 
  height : 92px; 
  float : left; 
  text-align : left;

  
} 

.phone { 
  width : 50%; 
  height : 47px; 
  padding-top : 45px; 
  float : left; 
  text-align : right; 
} 

.mainNav { 
  float : left; 
  width : 966px; 
  height : 36px; 
  padding : 4px 0 8px 16px; 
  background : url(/images/header/main-navBg.gif) no-repeat; 
} 

UL#sddm { 
  list-style : none; 
  margin : 0; 
  padding : 0; 
} 

UL#sddm LI { 
  padding : 0; 
  display : block; 
  float : left; 
  margin : 0; 
  padding : 0; 
} 

UL#sddm LI A:link, UL#sddm LI A:visited, UL#sddm LI A:hover { 
  text-decoration : none; 
  display : block; 
  margin : 0 2px; 
  padding : 9px 7px 10px 7px;
  color:#EFEFEF;
  font:13px Tahoma, Geneva, sans-serif;
} 

UL#sddm LI div { 
  position : absolute; 
  visibility : hidden; 
  margin : 4px 0 0 2px; 
  padding : 0; 
  display : block; 
} 

UL#sddm LI div A:link, UL#sddm LI div A:visited { 
  display : block; 
  margin : 0; 
  padding : 6px 35px 6px 20px; 
  white-space : nowrap; 
  text-align : left; 
  text-decoration : none; 
  background-color : #303441; 
  color : #ccc; 
  font : 12px Tahoma, Geneva, sans-serif; 
  border-bottom : 1px solid #333643; 
  border-top : 1px solid #45474e; 
} 

UL#sddm LI div A:hover { 
  display : block; 
  margin : 0; 
  padding : 6px 35px 6px 20px; 
  white-space : nowrap; 
  text-align : left; 
  text-decoration : none; 
  background-color : #101628; 
  color : #fff; 
  font : 12px Tahoma, Geneva, sans-serif; 
  border-bottom : 1px solid #333643; 
  border-top : 1px solid #45474e; 
} 

.layout { 
  margin : 0 auto; 
  width : 982px; 
  float : none; 
  clear : both; 
  background-color : #fff; 
} 

.spacer { 
  width : 100%; 
  height : 12px; 
  float : left; 
} 

.ftLeft { 
  float : left; 
} 

.imggraphic {background-image:url(/images/bigimg-graphic-design.gif); background-repeat:no-repeat; width:457px; height:193px; float:left; padding:108px 0 0 35px;}

.contTopArea { 
  float : left; 
  width : 942px; 
  padding : 15px 20px; 
  color : #666666; 
  background : #cdcdcd url(/images/contTopArea-bg.gif) no-repeat bottom; 
  margin-bottom : 10px; 
} 

.leftpannel { 
 float : left;
  width : 736px; 
} 

.rightpannel { 
  float : left; 
  width : 235px; 
  padding-left : 11px; 
}

.innerLeftpannel { 
  float : left; 
  width : 235px; 
} 

.innerRightpannel { 
  float : left; 
  width : 492px; 
  padding-left : 9px; 
}

.hr { 
  border-bottom : 1px solid #dedede; 
  width : 100%; 
  height : 1px; 
  margin : 10px 0; 
  padding : 0; 
} 

.box736Top { 
  float : left; 
  width : 736px; 
  height : 4px; 
  background : url(/images/box/top736-bg.gif) no-repeat; 
} 

.box736Bottom1 { 
  float : left; 
  width : 686px; 
  padding : 10px 25px 15px 25px; 
  background : url(/images/box/bottom736-bg.gif) no-repeat bottom; 
} 

DIV.box736Bottom1 DIV.section { 
  float : left; 
  width : 29%; 
  padding : 2%; 
} 

.box982Top { 
  float : left; 
  width : 982px; 
  height : 4px; 
  background : url(/images/box/top982-bg.gif) no-repeat; 
} 

.box982Bottom1 { 
  float : left; 
  width : 932px; 
  padding : 10px 25px 15px 25px; 
  background : url(/images/box/bottom982-bg.gif) no-repeat bottom; 
} 

.box736Bottom2 { 
  float : left; 
  width : 686px; 
  padding : 10px 25px 15px 25px; 
  background : url(/images/box/bottom736-bg2.gif) no-repeat bottom; 
} 

DIV.box736Bottom2 DIV.section { 
  float : left; 
  width : 46%; 
  padding : 2%; 
} 

.box736Bottom3 { 
  float : left; 
  width : 686px; 
  padding : 10px 25px 15px 25px; 
  background : url(/images/box/bottom736-bg3.jpg) no-repeat bottom; 
} 

DIV.box736Bottom3 DIV.section { 
  float : left; 
  width : 21%; 
  padding : 2%; 
} 

.box492Top { 
  float : left; 
  width : 492px; 
  height : 4px; 
  background : url(/images/box/top492-bg.gif) no-repeat; 
} 

.box492Bottom1 { 
  float : left; 
  width : 442px; 
  padding : 10px 25px 15px 25px; 
  background : url(/images/box/bottom492-bg.gif) no-repeat bottom; 
} 

.box492Bottom2 { 
  float : left; 
  width : 472px; 
  padding : 10px; 
  background : url(/images/box/bottom492-bg2.gif) no-repeat bottom; 
} 

.shaderight1 { 
  float : left; 
  width : 235px; 
  background : #a8dfec url(/images/box/shade-bg1.gif) repeat-x top left; 
} 

.shaderight2 { 
  float : left; 
  width : 235px; 
  background : #fcf9f3 url(/images/box/shade-bg2.gif) repeat-x top left; 
} 

.shaderight3 { 
  float : left; 
  width : 235px; 
  background : #f1fbfe url(/images/box/shade-bg3.gif) repeat-x top left; 
} 

.shaderight4 { 
  float : left; 
  width : 235px; 
  background : #e2e2e2 url(/images/box/shade-bg4.gif) repeat-x top left; 
} 

.shaderight4a { 
  float : left; 
  width : 356px; 
  background : #e2e2e2 url(/images/box/shade-bg4.gif) repeat-x top left; 
} 

.shaderight5 { 
  float : left; 
  width : 235px; 
  background : #e2e2e2 url(/images/box/shade-bg5.gif) repeat-x top left; 
} 

.shaderight6 { 
  background : #F5FCFD url(/images/box/shade-bg6.gif) repeat-x top left; 
} 

.box235Top { 
  float : left; 
  width : 235px; 
  height : 4px; 
  background : url(/images/box/top235-bg.png) no-repeat; 
} 

.box235Bottom { 
  float : left; 
  width : 235px; 
  height : 4px; 
  background : url(/images/box/bottom235-bg.png) no-repeat; 
} 

.box235Center { 
  float : left; 
  width : 205px; 
  padding : 10px 14px; 
  border-left : 1px solid #dedede; 
  border-right : 1px solid #dedede; 
} 

.box235Top2 { 
  float : left; 
  width : 199px; 
  padding: 5px 18px 2px 18px;
  background : url(/images/box/left-head-bg.gif) no-repeat; 
} 

.bd { 
  border : 1px solid #e3e5d7; 
} 

.bdt { 
  border-top : 1px solid #e3e5d7; 
} 

.bdr { 
  border-right : 1px solid #e3e5d7; 
} 

.bdb { 
  border-bottom : 1px solid #e3e5d7; 
} 

.bdl { 
  border-left : 1px solid #e3e5d7; 
} 

.shade1 { 
  background-color : #fff; 
} 

UL.ulB1 { 
  list-style : none; 
  margin : 0; 
  padding : 0; 
  margin-left : 3px; 
} 

UL.ulB1 LI { 
  background : url(/images/bullet-1.gif) no-repeat 0 5px; 
  padding : 0 0 4px 8px; 
} 

UL.ulB1 LI A:link, UL.ulB1 LI A:visited { 
  color : #333; 
  text-decoration : none; 
  display : block; 
} 

UL.ulB1 LI A:hover { 
  color : #333; 
  text-decoration : underline; 
  display : block; 
} 

UL.ulB2 { 
  list-style : none; 
  margin : 0; 
  padding : 0; 
  margin-left : 10px; 
} 

UL.ulB2 LI { 
  background : url(/images/bullet-1.gif) no-repeat 0 5px; 
  padding : 0 0 0 8px; 
} 

UL.ulB2 LI A:link, UL.ulB2 LI A:visited { 
  color : #333; 
  text-decoration : none; 
  display : block; 
} 

UL.ulB2 LI A:hover { 
  color : #333; 
  text-decoration : underline; 
  display : block; 
} 


UL.ulB3 { 
  list-style : none; 
  margin : 0; 
  padding : 0; 
  margin-left : 10px; 
} 

UL.ulB3 LI { 
  background : url(/images/bullet-1.gif) no-repeat 0 5px; 
  padding : 0 0 0 8px; 
} 

UL.ulB3 LI A:link, UL.ulB3 LI A:visited { 
  color : #333; 
  text-decoration : none; 
} 

UL.ulB3 LI A:hover { 
  color : #333; 
  text-decoration : underline; 
} 


.btn { 
  text-decoration : none; 
  border : 1px inset #402e43; 
  background : #c70e02 url(/images/buttons/btn-bg.gif) repeat-x top; 
  color : #fff; 
  font : 11px Verdana, Geneva, sans-serif; 
  font-weight : 600; 
  padding : 1px 8px 2px 8px; 
}
