* { padding: 0px; margin: 0px; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 10px 0; }
form { margin: 0px; }
dd, blockquote { margin-left: 20px; text-align: left; font-size: 10px; }
fieldset { padding: 10px; }
input { outline: none; }
img { border: 0px; }

body { font-family: Helvetica, Arial, Sans-serif; font-size: 12px; line-height: 16px; color: #666; text-align: justify; background: #2a3034 url('images/bg.jpg') no-repeat fixed top center; }

a { color: #49637e; outline: none; }
a:hover { color: #660033; }

hr { border: 0px; border-bottom: 1px dashed #efefef; margin: 15px 0px; }

.clear { clear: both; }
.loading { background: transparent url('images/l.gif') center 50px no-repeat; min-height: 75px; }

#hello { display: none; margin-top: 25px; }
#pstay, #stay { position: fixed; }

.bg { width: 1027px; margin: 0 auto; height: auto !important; height: 100%; text-align: center; }
.lid { width: 1027px; height: 125px; margin: 0 auto; background: transparent url('images/t.png') bottom center no-repeat;  z-index: 1337; }
.butt { width: 1027px; height: 125px; margin: 0 auto; background: transparent url('images/b.png') top center no-repeat; }
.main { background: transparent url('images/bg.png') center repeat-y; width: 1027px;  z-index: 1337; }
.left { float: left; width: 300px; min-height: 600px; display: inline; }
.right { float: left; width: 600px; margin-left: 25px; }
.copyright { text-align: right; margin-right: 50px; margin-top: -35px; font-size: 10px; color: #999; }

.col_l, .col_i { float: left; width: 270px; margin-left: 10px; }
.col_r { float: left; width: 300px; margin-left: 10px; text-align: justify; }
.col_r h1, .col_r h2 { font-size: 14px; color: #265775; margin: 0 0 2px 0; text-align: left; }
.col_r h1 { color: #000; margin-top: 10px; text-align: left; }
.img { margin-bottom: 10px; }
.img img { border: 3px solid #d9e7e8; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.img img:hover { border: 3px solid #5b7ca1; }

.playmark { width: 250px; background: transparent url('images/p.png') center center no-repeat; position: absolute; top: -80; border: 3px solid #5b7ca1; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-left: 6px; }

#p_desc { margin-bottom: 20px; }

.copy { text-align: left; font-size: 14px; line-height: 24px; margin: 0 20px; }
.copy h2 { color: #265775; font-size: 18px; }
.copy h1 { color: #333; font-size: 18px; font-weight: normal; }
.copy ul { margin-left: 20px; margin-right: 20px; font-size: 11px; }

.link { background: transparent url('images/a.gif') center left no-repeat; padding-left: 18px; padding-top: 2px; font-size: 11px;  }

.logo { float: left; width: 300px; top: -20px; position: relative; }
.logo img  { width: 300px; height: 110px; }

.nav { float: right; width: 515px; top: 20px; margin-right: 50px; position: relative; }
.btn { width: 128px; height: 70px; float: left; }
.btn img { width: 128px; height: 70px; }

._nav { float: right; width: 515px; top: -50px; margin-right: 50px; position: relative; z-index: -1335; }
._btn { width: 128px; height: 70px; float: left; }
._btn div { width: 128px; height: 70px; position: relative; z-index: 4400; }

._logo { width: 200px; text-align: center; top: 10px; position: relative; z-index: -1336; float: left; text-align: center; margin-left: -240px; }

#n_pofoolio { background: transparent url('images/nav.png') 0 18px no-repeat; }
#n_services { background: transparent url('images/nav.png') -128px 24px no-repeat; }
#n_products { background: transparent url('images/nav.png') -256px 32px no-repeat; }
#n_about_us { background: transparent url('images/nav.png') -384px 26px no-repeat; }

#ribbon2 { width: 260px; height: 80px; background: transparent url('images/r2.png') center center no-repeat; position: relative; color: #5a7ca0; margin: 0px 21px; }

#ribbon { width: 260px; height: 164px; background: transparent url('images/r.png') center center no-repeat; position: relative; color: #5a7ca0; margin: 0px 20px; }
#ribbon_title { font-size: 22px; color: #2f7caa; font-weight: normal; padding: 12px; text-align: left; }
#ribbon_title span { color: #8bc1e1; }
#ribbon_desc { float: left; width: 115px; margin-right: 2px; margin-left: 15px; margin-top: 25px; font-size: 11px; text-align: left; }
#pager { float: left; width: 120px; margin-top: 30px; }
#prev, #next { float: left; width: 23px; cursor: pointer; }
#digits { float: left; font-size: 22px; padding-top: 8px; color: #37516f; text-align: center; width: 65px; }
#digits span { padding: 5px; font-size: 12px; }
#contact { text-align: justify; line-height: 20px; margin-left: 80px;  }
#thumbs { width: 250px; margin: 0px 10px 20px 55px; }

#contact a { text-decoration: none; }

#ribbon img { opacity: .8; }
#ribbon img:hover { opacity: 1; }

#jump, #filter { margin: -10px 10px 10px 60px; position: relative; z-index: 5075; }
#jump_select, #filter_select { padding: 5px; padding-left: 8px; }
#jump { margin-bottom: 30px; }

.filter { text-align: left; list-style: none; padding: 2px; background: transparent url('images/sel.jpg') no-repeat center center; color: #fff; width: 228px; cursor: pointer; margin: 0px 0px; font-size: 12px; font-weight: bold; }
.filter ul { margin: -1px 0px 0px 93px; text-align: left; list-style: none; padding: 0px; display: none; position: absolute; background: #627e9a; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; }
.filter ul li { color: #fff; position: relative; padding: 5px; padding-left: 13px; width: 119px; }
.filter ul li a { color: #fff; text-decoration: none; width: 119px; }
.filter ul li:hover { color: #fff; text-decoration: none; background-color: #3a516d; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: 119px; }
.filter_on { color: #bdd2eb; text-decoration: none; background-color: #52729a; -webkit-border-radius: 4px; -moz-border-radius: 4px; width: 119px; }

.thumbnail { width: 50px; height: 50px; float: left; border: 1px solid #ccc; margin: 4px; }
.thumbnail:hover { border: 1px solid #5a7ca0; }
.thumbnail img { border: 0px; }
.thumbcurr { border: 1px solid #993333; }

.clients { margin-left: 20px; }
.clients li { list-style: none; float: left; margin-right: 15px; font-size: 11px;  background: transparent url('images/a.gif') center left no-repeat; padding-left: 18px; }