body { background:#316ac4 url(/images/background.jpg) top left repeat-x; margin:0px; padding:5px; line-height : 130%; font-size:13px; font-family:"Segoe UI", Arial, Verdana, Helvetica, "Trebuchet MS"; color : #333333; font-weight : normal;}

img { border:none; }

td, div, span {line-height : 130%;  }

A { color:#316ac4; text-decoration:none; }
A:Hover { color:#316ac4; text-decoration:underline; }

#container { width : 960px; margin : 0 auto; text-align:center; overflow:hidden; }

#logoarea { text-align:left; height:91px;}
#logo { float:left; padding:10px; padding-left:20px; padding-top:12px;}
#topmenu { padding-left:210px; background-color:#ffffff; padding-top:4px; padding-right:10px; }
#topmenuslogan { float:right; padding-bottom:8px; }

#topmenubar { float:right; background: url(/images/top-menu-bar.jpg) top right no-repeat; height:40px; padding-left:18px; padding-right:14px; width:688px; text-align:center;}

#topmenubar ul { float:left; list-style: none; margin: 0; padding: 0; }
#topmenubar li { float:left; height:21px; padding-top:10px; }
#topmenubar div { padding-left:7px; padding-right:7px; }

#bannerarea { text-align:left;}
#bannertop { height:10px; background:#ffffff url(/images/bg-banner-top.gif) top left no-repeat; }
#bannercnt { height:240px; background:#ffffff url(/images/bg-banner-cnt.gif) top left no-repeat; padding-left:10px; padding-right:10px; }
#bannerbottom { height:10px; background:#ffffff url(/images/bg-banner-bottom.gif) top left no-repeat; }

#cntarea { text-align:left;}

#cnttop { height:20px; background:#ffffff url(/images/bg-cnt-top.gif) top left no-repeat; }
#cntcnt { background:#ffffff url(/images/bg-cnt-cnt.gif) top left repeat-y; padding-left:10px; padding-right:10px; }
#cntbottom { height:20px; background:#ffffff url(/images/bg-cnt-bottom.gif) top left no-repeat; }

#homecnt { background:#ffffff url(/images/bg-home-cnt.gif) top left no-repeat; padding:10px; height:580px; }

#sideMenuAreaHome { float:left; width:210px; padding-top:50px; padding-left:15px; padding-right:15px;}

#sideMenuBorderHome { border:solid 1px #cccccc; padding:10px; background:#ffffff; }

#sideMenuBorderHome .menu1st { padding-left:12px; padding-bottom:10px; background:url(/images/bt.gif) top left no-repeat; line-height:120%; }
#sideMenuBorderHome .menu1st A { color:#333333; }
#sideMenuBorderHome .menu1st A:Hover { color:#316ac4; }

#menuProject { padding:10px; }
#menuProject div { padding-left:12px; padding-bottom:8px; background:url(/images/bt.gif) top left no-repeat; line-height:120%; padding-bottom:6px; }
#menuProject div A { color:#f8800f; }
#menuProject div A:Hover { color:#f8800f; }

#contentAreaHome { padding:16px; padding-left:286px; } /* home content width 638 */
#contentAreaHome div { float:left; padding-right:60px; padding-bottom:20px;}

#sideMenuArea { float:left; width:240px;}

#sideMenuBorder { border:solid 1px #cccccc; padding:10px; background:#ffffff; }
#sideMenuBorder .menu1st { padding-left:12px; padding-bottom:10px; background:url(/images/bt.gif) top left no-repeat; line-height:120%; }
#sideMenuBorder .menu1st A { color:#333333; }
#sideMenuBorder .menu1st A:Hover { color:#316ac4; }
#sideMenuBorder .menu1stS { padding-left:12px; padding-bottom:10px; background:url(/images/bt.gif) top left no-repeat; line-height:120%; font-weight:bold; }

#contentArea{ padding:16px; padding-left:286px; } /* home content width 638 */
.title { font-size:20px; font-weight:bold; color:#f8810d; }

.titlebanner { font-size:28px; font-weight:bold; color:#316ac4; }
.titlebanner2 { font-size:16px; font-weight:bold; color:#f8810d; }

#bottomArea { background:url(/images/bg-bottom.gif) top left no-repeat; height:64px; padding:10px; }
#bottomArea div { color:#ffffff; text-align:center; padding-top:12px; }

.cntVideo { float:left; height:160px; padding-right:60px; text-align:center; width:136px;}
.cntVideo div { padding-top:4px; line-height:115%; font-size:12px; }
.cntVideo img { border:solid 1px #cccccc; padding:2px; }

li { padding-bottom:6px; }

#form td { padding:2px; padding-right:10px; vertical-align:top; }

.projectThumb { float:left; height:135px; width:174px; padding-right:33px; text-align:center;}
.projectThumb div { padding-bottom:0px; }
.projectThumb img { border:solid 1px #cccccc; padding:2px;}
.projectThumb A { color:#333333; }
.projectThumb A:Hover { color:#333333;}

#projecttable td {vertical-align:top}
#projecttable img { border:solid 1px #cccccc; padding:2px;}
.title2 { font-size:17px; font-weight:bold; color:#f8810d; padding-bottom:4px; }
.pLeft { padding:2px; text-align:right; white-space:nowrap; } 
.pRight { padding:2px; padding-left:4px;}

#projectimage { padding-top:16px;}
#projectimage div { float:left; width:150px; padding-right:50px; padding-bottom:20px; }

.menusubgroup { padding:10px; padding-left:14px; padding-bottom:2px; padding-top:0px;}
.menusub { padding:0px; padding-bottom:8px; padding-left:12px; line-height:115%;  background:url(/images/bt2.gif) top left no-repeat; }

#productstable { border:solid 1px #cccccc; border-bottom:none; }
#productstable .title { background:#f1f1f1; color:#333333; font-size:13px; font-weight:normal; }
#productstable td { padding:5px; line-height:115%; border-bottom:solid 1px #cccccc; vertical-align:top;}
#productstable img {  border:solid 1px #cccccc;}

#productssubtable td { text-align:center; padding:10px; padding-top:4px; vertical-align:top; line-height:125%; }
#productssubtable .titlesub {  font-size:18px; font-weight:bold; color:#f8810d; padding-bottom:6px; }
#productssubtable img {border:solid 1px #cccccc; }
#productssubtable .border { border-right:solid 1px #cccccc; }
#productssubtable div {line-height:115%; }

#productssubtable .noBorder { border:none; }


#menuSubProduct { padding:10px; }
#menuSubProduct div { padding-left:20px; padding-bottom:8px; background:url(/images/bt3.gif) top left no-repeat; line-height:120%; padding-bottom:6px; }
#menuSubProduct div A { color:#f8800f; }
#menuSubProduct div A:Hover { color:#f8800f; }

#productimage { padding-top:16px;}
#productimage div { float:left; padding-right:30px; padding-bottom:20px; }

.bottomTop { color:#ffffff; }
.bottomTop A { color:#ffffff; text-decoration:none; }
.bottomTop A:Hover { color:#ffffff; text-decoration:underline; }