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

html { background: #ffffff; background: url(../../img/bg.jpg) top left repeat-x; }
body { color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
.Container { width: 940px; margin: 0px auto; }
.float { float: left; }
.clear { clear: both; }

.head { height: 123px; width: 940px; }
.head a img { float: left; border: none; margin-top: 7px; }
.sub-nav { height: 29px; width: 471px; float: right; display: block; background: url(../../img/top.jpg) top left no-repeat; font-size: 11px; color: #c0c0c0; text-align: center; line-height: 27px; padding-top: 7px; }
.sub-nav a { color: #333333; text-decoration: none; text-transform: uppercase; font-weight: bold; }
.sub-nav a:hover { color: #319866; }
.mid-head { height: 27px; float: right; display: block; margin-top: 32px; color: #319866; font-size: 15px; font-weight: bold; line-height: 27px; }
.ph-head { height: 27px; width: 185px; float: right; background: url(../../img/phone.jpg) top left no-repeat; font-size: 13px; margin: 0px 125px 0px 30px; padding-left: 37px; }

.nav { height: 33px; width: 940px; line-height: 33px; margin-bottom: 15px; }
.nav ul { list-style: none; } 
.nav ul li { float: left; }
.nav ul li a { text-decoration: none; color: #ffffff; font-weight: bold; padding: 5px 30px; background: url(../../img/nav-pin.jpg) right center no-repeat; }
.nav ul li a.first { padding-left: 0px; }
.nav ul li a.last { padding-right: 0px; background: none; }
.nav ul li a:hover { color: #333333; }

.foot { background: #eaf5ef; border-top: 1px solid #319866; padding: 20px 0px; margin-top: 20px; }
.foot a { text-decoration: none; color: #319866; }
.foot a:hover { color: #333333; }
.foot span { color: #bbbbbb; font-size: 11px; }

.main { float: left; width: 700px; margin-right: 10px; }
.main p { margin: 10px 0px; }
.hero { width: 680px; height: 29px; background: url(../../img/hero.jpg) top left no-repeat; font-size: 22px; font-weight: bold; padding: 246px 0px 0px 20px; color: #ffffff; }
.main h1 { display: block; width: 680px; height: 35px; background: url(../../img/hd-700.jpg) top left no-repeat; padding: 0px 10px; color: #ffffff; font-size: 18px; line-height: 35px; margin: 20px 0px 6px 0px; }
.main h1.hd-tp { display: block; width: 680px; height: 35px; background: url(../../img/hd-700-tp.jpg) top left no-repeat; padding: 0px 10px; color: #ffffff; font-size: 18px; line-height: 35px; margin: 0px 0px 6px 0px; }
.main .pic { padding: 5px; background: #dddddd; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.main .rt { float: right; margin-left: 10px; }
.main .lt { float: left; margin-right: 10px; }
.main a { text-decoration: none; color: #319866; }
.main a:hover { color: #333333; }
.main h2 a { font-size: 13px; }
.main h2 span { font-weight: normal; }
.main hr { border: none; height: 1px; background: #f3f3f3; color: #f3f3f3; margin-bottom: 20px; }
.main h3 { font-size: 16px; color: #333333; }
.main h3 span { font-size: 12px; font-weight: normal; }
.main h4 { font-size: 13px; color: #333333; font-weight: bold; margin-bottom: 4px; }
.main ul { list-style: disc; margin: 0px 0px 12px 30px; }
.main ul li { list-style: disc; }
.main ul.test-list li { margin: 12px 0px; }
.main .sample { width: 106px; height: 160px; float: left; display: inline; margin-right: 25px; line-height: 4px; }
.main .sample img { display: block; margin-bottom: 6px; }
.main form { padding-top: 8px; }
.main label { display: block; font-weight: bold; color: #333333; padding-bottom: 2px; }
.main input { display: block; height: 20px; width: 296px; background: url(../../img/fld-email-bg.jpg) top left no-repeat; padding: 2px; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: none; margin-bottom: 6px; }
.main select { display: block; height: 24px; width: 300px; background: url(../../img/fld-email-bg.jpg) top left no-repeat; padding: 2px; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: none; margin-bottom: 6px; }
.main input.dot { display: inline; height: auto; width: auto; background: none; padding: 0px; border: none; margin-bottom: 6px; }
.main textarea { display: block; height: 84px; width: 496px; background: url(../../img/fld-msg-bg.jpg) top left no-repeat; padding: 2px; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: none; margin-bottom: 6px; }
.main input.send { display: block; width: 63px; height: 27px; background: url(../../img/send-btn.jpg) top left no-repeat;  font-weight: bold; line-height: 27px; color: #319866; font-size: 13px; cursor: pointer; }
.main input.send:hover { background-position: bottom left; color: #333333; }

.side {float: left; width: 230px; }
.contact { width: 210px; height: 255px; padding: 10px; background: url(../../img/contact-bg.jpg) top left no-repeat; }
.contact h2 { font-size: 18px; color: #319866; padding-bottom: 8px; }
.contact form { padding-top: 8px; }
.contact label { display: block; font-weight: bold; color: #333333; padding-bottom: 2px; }
.contact input { display: block; height: 20px; width: 204px; background: url(../../img/fld-email.jpg) top left no-repeat; padding: 2px; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: none; margin-bottom: 6px; }
.contact textarea { display: block; height: 84px; width: 204px; background: url(../../img/fld-msg.jpg) top left no-repeat; padding: 2px; color: #555555; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: none; margin-bottom: 6px; }
.contact input.send { display: block; width: 63px; height: 27px; background: url(../../img/send-btn.jpg) top left no-repeat;  font-weight: bold; line-height: 27px; color: #319866; font-size: 13px; cursor: pointer; }
.contact input.send:hover { background-position: bottom left; color: #333333; }
.side h1 { display: block; width: 210px; height: 35px; background: url(../../img/hd-230.jpg) top left no-repeat; padding: 0px 10px; color: #ffffff; font-size: 18px; line-height: 35px; margin: 20px 0px 6px 0px; }
.side a { color: #319866; text-decoration: none; }
.side a:hover { color: #333333; }
.side ul { margin-left: 20px; margin-top: 6px;}
.side ul li { list-style: disc; }

.side h1.test { margin: 20px 0px 0px 0px; }
.test { background: #eaf5ef url(../../img/test-bg.jpg) top left no-repeat; padding: 8px 10px 2px 10px; }
.test span { display: block; margin-top: 6px; }
.test span b { color: #319866; }

.portfolio { float: left; display: inline; width: 150px; height: 330px; margin: 0px 10px; }
.portfolio img { margin: 4px auto; display: block; }
.gal { margin: 5px; }