body {
   margin: 0;
   padding: 14px 0 18px 0;
   color: #000;
   background: #2868A6 url(/images/background.jpg) top repeat-x;
   font-family: Arial, Helvetica, sans-serif
}

h1, h3 {
   margin: 6px 0 0.3em 0;
   padding: 0;
   border-bottom: 3px solid #67b7fc;
   font-family: Verdana, Helvetica, sans-serif;
   clear: left
}

h1 {
   font-weight: 400;
   font-size: 22px;
   font-family: Georgia, 'Times New Roman', Times, serif;
   position: relative
}

h1 i {
   color: #ccc;
   position: absolute;
   right: 0
}

h3 {
   margin-bottom: 0.1em;
   padding: 0;
   border: none;
   font-size: 95%
}

p {
   margin: 0 0 0.75em 0;
   text-indent: 1.4em;
   line-height: 160%;
   font-size: 95%;
   font-family: Georgia, 'Times New Roman', Times, serif
}

p.last {
   margin-bottom: 0
}

a {
   color: #3683e0
}

a:hover {
   color: #0174d7
}

img {
   vertical-align: top;
   border-width: 0
}

img.top {
   margin: 6px 0
}

#header {
   width: 738px;
   margin: 0 auto;
   padding: 16px 15px 9px 15px;
   background: url(/images/border-top.png) top no-repeat
}

#header img {
   padding: 2px 0;
}

#menu {
   width: 768px;
   height: 40px;
   margin: 0 auto;
   padding: 0;
   background: url(/images/menu.png) no-repeat;
   clear: left
}

#menu div {
   display: inline;
   position: relative;
   float: left
}

#menu div a {
   height: 40px;
   display: block
}

#menu div a span {
   display: none
}

#menu div.home {
   width: 128px
}

#menu div.home a:hover {
   background: url(/images/menu.png) no-repeat 0 -40px
}

#menu div.home.current, #menu div.home.current a:hover {
   background: url(/images/menu.png) no-repeat 0 0
}

#menu div.about {
   width: 330px
}

#menu div.about a:hover {
   background: url(/images/menu.png) no-repeat -128px -40px
}

#menu div.about.current, #menu div.about.current a:hover {
   background: url(/images/menu.png) no-repeat -128px -80px
}

#menu div.portfolio {
   width: 181px
}

#menu div.portfolio a:hover {
   background: url(/images/menu.png) no-repeat -458px -40px
}

#menu div.portfolio.current, #menu div.portfolio.current a:hover {
   background: url(/images/menu.png) no-repeat -458px -80px
}

#menu div.news {
   width: 124px
}

#menu div.news a:hover {
   background: url(/images/menu.png) no-repeat -639px -40px
}

#menu div.news.current, #menu div.news.current a:hover {
   background: url(/images/menu.png) no-repeat -639px -80px
}

#contents {
   width: 730px;
   margin: 0 auto;
   padding: 4px 19px 6px 19px;
   background: url(/images/border-middle.png) repeat-y;
   overflow: hidden
}

#contents img.left {
   margin: 6px 14px 20px 0;
   float: left
}

#contents img.right {
   margin: 6px 0 20px 14px;
   float: right
}

#contents ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   clear: left
}

#contents ul li {
   width:706px;
   margin: 14px 0 0 0;
   padding: 3px 11px 6px 11px;
   border: 1px solid #b8d9ff;
   background: url(/images/portfolio-box.gif) repeat-y;
   font: 0.7em Verdana, Helvetica, sans-serif;
   line-height: 1.25em
}

#contents ul li h3 {
   margin-bottom: 0.4em;
   position: relative
}

#contents ul li h3 i {
   color: #ccc;
   position: absolute;
   right: 0
}

#contents ul li b {
   font-size: 1.2em
}

#contents table.contact_info {
   margin: 6px 14px 0 0;
   border: 1px solid #b8d9ff;
   border-collapse: collapse;
   font: 11px Verdana, Helvetica, sans-serif;
   line-height: 1.25em;
   float: left
}

#contents table.contact_info th {
   padding: 3px 10px 2px 3px;
   vertical-align: top;
   text-align: left
}

#contents table.contact_info td {
   padding: 3px 4px 2px 0px;
   vertical-align: top;
   text-align: left
}

#contents table.contact_info th.first {
   padding: 3px 0 4px 3px;
   background-color: #f3f8fe;
   border-bottom: 1px solid #b8d9ff;
   font-size: 11px
}

#contents table.contact_info td.last {
   padding-left: 3px
}

#internet_assets {
   width: 730px;
   height: 188px;
   position: relative
}

#internet_assets span {
   display: none
}

#website1 {
   width: 293px;
   height: 40px;
   background: url(/images/website1.gif) no-repeat;
   display: block;
   position: absolute;
   top: 18px;
   left: 0
}

#website1:hover {
   background: url(/images/website1.gif) no-repeat 0 -40px
}

#website2 {
   width: 260px;
   height: 38px;
   background: url(/images/website2.gif) no-repeat;
   display: block;
   position: absolute;
   top: 103px;
   left: 20px
}

#website2:hover {
   background: url(/images/website2.gif) no-repeat 0 -38px
}

#website3 {
   width: 228px;
   height: 35px;
   background: url(/images/website3.gif) no-repeat;
   display: block;
   position: absolute;
   top: 62px;
   left: 250px
}

#website3:hover {
   background: url(/images/website3.gif) no-repeat 0 -35px
}

#website4 {
   width: 232px;
   height: 42px;
   background: url(/images/website4.gif) no-repeat;
   display: block;
   position: absolute;
   top: 18px;
   left: 470px
}

#website4:hover {
   background: url(/images/website4.gif) no-repeat 0 -42px
}

#website5 {
   width: 295px;
   height: 43px;
   background: url(/images/website5.gif) no-repeat;
   display: block;
   position: absolute;
   top: 98px;
   left: 390px
}

#website5:hover {
   background: url(/images/website5.gif) no-repeat 0 -43px
}

#and_more {
   width: 120px;
   height: 33px;
   background: url(/images/en_us/and-more.gif) no-repeat;
   display: block;
   position: absolute;
   top: 132px;
   left: 610px
}

#and_more:hover {
   background: url(/images/en_us/and-more.gif) no-repeat 0 -33px
}

#footer {
   width: 768px;
   height: 12px;
   margin: 0 auto;
   background: url(/images/border-bottom.png) top no-repeat
}

#copyright {
   width: 768px;
   margin: 0 auto;
   padding: 11px 0 0 0;
   color: #6a96c8;
   text-align: center;
   font: 0.6em Verdana, Helvetica, sans-serif
}

.clear {
   padding-bottom: 15px;
   clear: left
}