@charset "utf-8";
/* CSS Document */

body {background: url(images/bg-main.gif) repeat-x #7b7b7b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px;}

#page-wrap {margin: 0 auto; width: 960px;}

#header {height: 245px; margin: 0px;}
#header-top-left {float: left; width: 850px; color: #ffffff; font-size: 14px; font-weight: bold; text-align: right; height: 32px; padding: 15px 0px 0px 0px;}
#header-top-right {float: right; width: 60px;padding: 10px 0px 0px 0px;}
#header-logo {float: left; width: 500px; margin: 25px 0px 0px 0px;}
#header-pic {float: right; width: 410px; margin: 25px 0px 0px 0px;}

#nav {margin-top: 23px; height: 35px; text-align: center;}
#nav ul {list-style-type: none; width: 960px; margin: 0px;}
#nav li {display: inline; }
#nav li a, #nav li a:visited {float: left; text-decoration: none; font-size: 14px; font-weight: bold; color: #ffffff; padding: 0px 25px 0px 25px;}
#nav li a:hover {color: #333333;}

#flash-container {width: 953px; margin: 0px 3px 0px 4px;}
#flash-container-top {}
#flash-container-main {background: url(images/flash-bg.gif) repeat-y; padding: 0px 7px 0px 7px;}
#flash-file {float: left; width: 634px;}
#flash-sidebar {float: right; width: 305px;}
.flash-thumbnail {width: 305px; height: 80px; background: url(images/sidebar-bg.gif) no-repeat;}
.flash-thumb-image {float: left; width: 64px; height: 63px; padding: 7px;}
.flash-thumb-link {float: left; width: 200px; height: 80px;}
.flash-thumb-link a, .flash-thumb-link a:visited {color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: block; padding: 20px 0px 20px 15px;}
.flash-thumb-link a:hover {color: #333333;}
#flash-container-bottom {}

#content {width: 940px; margin: 20px 10px 0px 10px;}
#content-top {background: url(images/content-top.gif) no-repeat; width: 940px; height: 52px; color: #FFFFFF; padding: 0px 0px 0px 50px;}
#content-top h1 {display: block; padding-top: 12px;}
#content-main {background: url(images/content-bg.gif) repeat-y; width: 940px; padding-bottom: 5px;}
#content-text {padding: 15px;}
#content-text a {color: #666666;}
#content-text a:hover {color: #ff8c01;}
#content-bottom {}
#content img.right {border: 1px solid #000000; margin: 5px; float: right;}

#content ul {list-style-type: none;}
#content li {display: inline-block; width: 45%; height: 25px; padding: 0px 0px 0px 25px; background: url('images/temp-plus.gif');background-repeat: no-repeat;}
#content ul li a {font-weight: bold; color: #555555;}

#contact-form {width: 920px; margin: 0px 10px 0px 10px; color: #FFFFFF;}
#contact-form-top {}
#contact-form-main {background: #000000; height: 375px;}
#contact-form-main table.right {}
#contact-form-main table.left {float:left; margin: 0px 35px 0px 15px;}
#contact-form-main .submit {opacity: 0.8;}
#contact-form-main .submit:hover {opacity: 1.0;}

.ourwork-title {float: left; width: 590px; height: 27px; background: url(images/ourwork-title.gif) no-repeat; font-size: 16px; font-weight: bold; color: #ffffff; padding: 10px 0px 0px 10px;}
.ourwork-year {float: left; width: 140px; height: 22px; background: url(images/ourwork-year.gif) no-repeat; font-size: 12px; font-style: italic; font-weight: bold; color: #ffffff; text-align: right; padding: 15px 74px 0px 0px;}
.ourwork-info {width: 770px; font-size: 12px; margin: 0px 0px 20px 10px; padding: 0px 10px 5px 10px; line-height: 18px; border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }

#thumb-nav {width: 940px; margin: 20px 10px 0px 10px;}
.thumb-container-lf {float: left; width: 305px; margin-right: 12px;}
.thumb-container-rt {float: right; width: 305px;}
.thumb-nav-top {width: 260px; height: 52px; background: url(images/thumb-nav-top.gif) no-repeat; padding: 0px 0px 0px 45px;}
.thumb-nav-main {width: 285px; background: url(images/thumb-nav-bg.gif) repeat-y; padding: 10px;}
.thumb-nav-main a {color: #333333; text-decoration: none; font-size: 12px;}
.thumb-nav-main a:hover {color: #ff8c01;}
.thumb-nav-bottom {width: 305px;}

#footer {background: url(images/footer-bg.gif) repeat-x top #000000; margin-top: 15px;}
#footer-container {margin: 0 auto; width: 960px; padding: 20px 0px 20px 0px; color: #ffffff; text-align: center;}
#footer-container a {color: #ffffff; text-decoration: none; font-size: 12px;}
#footer-container a:hover {color: #ff8c01;}
#footer-main {}

.clear {clear: both;}

h1 {}
h2 {font-size: 24px;}
h3 {margin: 0px; padding-top: 19px;}
h3 a {color: #ffffff; font-size: 14px; text-decoration: none;}
h3 a:hover {color: #ff8c01;}
h4 {}
h5 {}
h6 {}
<!--
.style2 a {color: #666666;}
.style2 a:hover {color: #ff8c01;}

-->
.style12 {font-size: 16px; font-weight: bold; color: #ff8c01}
.style13 {font-size: 14px;}