@charset "utf-8";
body { margin: 0; padding: 0; width: 100%; background: #000 url('images/background.png') repeat-x top}
html { padding:0; margin:0;}

p { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; line-height:normal; margin: 10px;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:960px; margin:0 auto;}

/********** header **********/
.header {margin:0 auto 10px auto; width:1000px; padding:0;}
.block_header {margin: 0 auto; width: 970px; background: url('images/banner.png') no-repeat top; border: 0px; height: 159px;}
.head_2 {margin:0 auto; width:1000px; padding:0;}
/* logo */
.logo { float:left; padding:0; margin:0; width:424px; padding:30px 0px 30px 30px;}
.logo_text {float:left; width:225px; padding:0; margin-top:50px; font:normal 12px Verdana, Helvetica, sans-serif; color:#777780; padding-left:30px;}
/*Simple_text*/
.Simple_text { font:normal 12px Verdana, Helvetica, sans-serif; color:#777780; padding:0; margin-top:25px; margin-left:0px; float:left; width:265px; text-align: right;}
.Simple_text_img {float:right; width:70px; margin-top:25px; padding-top:0px !important; padding-top:2px;}
.Simple_text_img a { float:left; color:#fff; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}

/* menu */	
.menu { padding:0; margin:0 auto; width:970px; height:20px; color:#fff; }
.menu ul { padding:0; list-style:none; border:0; margin:0; padding:0 30px !important; }
.menu ul li { float:left; margin:0; border:0;}
.menu ul li a { float:left; margin:20px 0px 0px 0px; color:#fff; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-decoration:none; border-right:2px solid #fff;}
.menu ul li a.active {color:#fff; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; background: url(images/hover.png) repeat-x;}
.menu ul li a:hover { color:#fff; text-decoration:none; background: url('images/hover3.png') repeat-x ; }

/* mid */
.mid { position: relative;}
.mid-top {padding:0px 0px 0px 0px; margin:0 auto; width:970px; height:12px; background: url('images/box-pipe-top.png')  }
.mid-center {padding:0px 0px 0px 0px; margin:0 auto; width:970px; height:361px; background: url('images/box-pipe-middle.png'); }
.mid-bottom {padding:0px 0px 0px 0px; margin:0 auto; width:970px; height:12px; background: url('images/box-pipe-bottom.png')  }

.mid-two-cols { width: 100%, padding:0px; margin: 0px; float: left; height: 100%; }
.mid-left {  float: left;  padding:0px 0px 0px 0px;  width: 563px; display: block; }
.mid-right { padding: 0px 0px 0px 10px; width: 380px; height: 100%; margin: 0px; display:inline-block; }

.mid-image-matt {padding:0px; margin:0 0 0 10px; width:563px; height:357px; background: url('images/mid-image-matt.png') no-repeat; }
.mid-image-matt img {padding:17px 0px 0px 8px; margin:0 0 0 9px; width:534px; height:330px; }

.mid-text { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; width: 380px; height: 357px; background: url('images/mid-image-text-bg.png') no-repeat; display:inline-block; }
.mid-text h1 {color: #fff; padding: 10px 20px 0px 15px; font-size: large; }
.mid-text p {color: #fff; padding: 0px 20px 0px 10px; font-size: medium; text-align: justify; }

.mid-text .callus { position: absolute; top: 172px; z-index: 1; padding: 0px 0px 0px 0px; }
.mid-text img.callus { padding: 0px 0px 0px 0px; }
.mid-text p.callus { color: #fff; z-index: 2; padding: 20px 0px 0px 0px; width:360px; text-align:center; font-size:x-large; font-weight:900; margin: 0px;}

/* main */
.main { padding:10px 0px 0px 0px; position: relative; }
.main-top {padding:0px 0px 0px 0px; margin:0 auto; width:970px; height:12px; background: url('images/box-pipe-top.png')  }
.main-center {padding:0px 0px 0px 0px; margin:0 auto; width:970px; height:100%; background: url('images/box-pipe-middle.png'); }
.main-bottom {padding:0px 0px 0px 0px; margin:0 auto; width:970px; height:12px; background: url('images/box-pipe-bottom.png')  }
.main-center img.film { position: absolute; top: -30px; z-index: 200; }
.main-center img.news { position: absolute; top: 620px; z-index: 200; }
.main-center img.faq { position: absolute; top: 720px; z-index: 200; }

.main-two-cols { width: 100%, float: left; padding:10px 0 10px 10px; margin:0px;}
.main-small-left { width: 360px; float: left; padding:0px 10px 10px 10px; display:block;}
.main-big-right { padding:20px 0px 0px 0px; margin: 0px; width:560px; display:inline-block;}

.main-side-matt-top {padding:0px; margin:0px; width:350px; height:10px; display:table}
.main-side-matt-middle { padding: 0px; margin: 0px; width: 350px; background: url('images/main-side-matt-middle.png') repeat-y; display:table-row;}
.main-side-matt-bottom {padding:0px; margin:0px; width:350px; height:10px; display:table-row;}
.main-side-matt-middle h2 span { color:#1575b4; }
.main-side-matt-middle h2 { color: #000; padding: 0px 15px 0px 15px; font-size: x-large; font-weight:900; text-align: left; }
.main-side-matt-middle p.film { color: #000; padding: 0px 25px 5px 5px; margin: 0px; font-size: small; text-align: justify; overflow:hidden;}
.main-side-matt-middle p, li span { color:#1575b4; }
.main-side-matt-middle p { color: #000; padding: 0px 25px 5px 15px; margin: 0px; font-size: small; text-align: left; }
.main-side-matt-middle .list {margin:0px 0px 0px 20px; padding:15px;}
.main-side-matt-middle .list ul {color:#6f6f6f; line-height:1.4em; padding:0; list-style:none; margin:0; }
.main-side-matt-middle .list ul li {	margin: 0px 0 0 15px;	list-style-image: url(images/ul.jpg);}
.main-side-matt-middle .list ol {color:#6f6f6f; line-height:1.4em; list-style:lower-alpha; }
.main-side-matt-middle .list ol li {	padding: 0 0 0 0px;}
.main-side-matt-middle a { color:#1575b4; text-decoration:none;}
.main-side-matt-middle a:hover {text-decoration:underline;}

.main-content-matt-top {padding:0px; margin:0px; width:561px; height:10px; display:table;}
.main-content-matt-middle { padding: 0px; margin: 0px; width: 561px; background: url('images/main-content-matt-middle.png') repeat-y; display:table-row;}
.main-content-matt-bottom {padding:0px; margin:0px; width:561px; height:10px; display:table-row;}
.main-content-matt-middle p span { color:#1575b4; }
.main-content-matt-middle p { color: #000; padding: 0px 15px 5px 15px; margin: 0px; font-size: medium; text-align: justify; }
.main-content-matt-middle h1 { color: #000; padding: 0px 15px 5px 15px; margin: 0px; font-size:x-large; font-weight:900;text-align: left; }
.main-content-matt-middle h2 { color: #000; padding: 0px 15px 0px 15px; font-size: x-large; font-weight:900; text-align: left; margin: 8px 0px 5px 0px; }
.main-content-matt-middle h2 span { color:#1575b4; }
.main-content-matt-middle h3 { color: #000; padding: 0px 15px 0px 15px; font-size: large; font-weight:900; text-align: left; margin: 8px 0px 5px 0px; }
.main-content-matt-middle h3 span { color:#1575b4; }

.main-content-matt-middle .list {margin:0px 5px 0px 20px; padding:15px;}
.main-content-matt-middle .list ul {color:#6f6f6f; line-height:1.4em; padding:0; list-style:none; margin:0; }
.main-content-matt-middle .list ul li {	margin: 0px 0 0 15px;	list-style-image: url(images/ul.jpg);}
.main-content-matt-middle .list ol {color:#6f6f6f; line-height:1.4em; list-style:lower-alpha; }
.main-content-matt-middle .list ol li {	padding: 0 0 0 0px;}

.main-content-matt-middle a { color:#1575b4; text-decoration:none;}
.main-content-matt-middle a:hover {text-decoration:underline;}

/* footer */
.footer{ padding: 10px 0px 0px 0px; width:970px; margin: 0 auto; height:100%; }
.footer-top {padding:0px 0px 0px 0px; margin:0 auto; height:12px; background: url('images/box-pipe-top.png')  }
.footer-center {padding:0px 0px 0px 0px; background: url('images/box-pipe-middle.png'); }
.footer-bottom {padding:0px 0px 0px 0px; height:12px; background: url('images/box-pipe-bottom.png'); }

.footer-text { padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.footer-text h1 {color: #fff; padding: 0px 20px 0px 15px; font-size: large; }
.footer-text p {color: #000; padding: 0px 15px 0px 15px; margin: 0px; font-size: small; text-align:center; }

.footer a { color:#1575b4; font:normal 12px "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding:5px ; text-decoration:underline; }
.footer a:hover {text-decoration:none;}

/* text */
.text {margin:0 auto; width:960px; padding:0; background: url(images/text.jpg) repeat-x top; height:40px; border:2px solid #fff; }
.text .left_t {float:left; width:460px; margin:15px 0 0 55px !important; margin:15px 0 0 25px;   font:normal 11px Verdana, Helvetica, sans-serif; color:#737974;}
.text .right_t {float:right; width:150px; padding:8px;}
.text .right_t img { margin:0 15px 0 0;}

/*slider*/
.slider { width:960px; margin:0 auto; padding:0; background: #fff; border-bottom:2px solid #ebedeb; border-left:2px solid #F3F4F4; border-right:2px solid #F3F4F4;}
.slider h3 {font:normal 22px Verdana, Helvetica, sans-serif; color:#363f38; padding:30px 0 0 30px; padding:30px 0 0 45px !important;}
.slider h3 a {font:normal 22px Verdana, Helvetica, sans-serif; color:#99b41e; text-decoration:none;}

/*body*/
.body { width:900px; margin:0 auto; padding:20px 30px; background:#fff; border-bottom:1px solid #eaecea; border-left:2px solid #F3F4F4; border-right:2px solid #F3F4F4; }
.body a { font:bold 12px Verdana, Helvetica, sans-serif; color:#b1c229; text-decoration:underline;}
.body h2 { font:normal 22px Verdana, Helvetica, sans-serif; color:#363f38; margin:0; padding:15px 5px;}
.body h2 span { color:#99b41e;}
/*.body p { font:normal 12px Verdana, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; margin:0; padding:5px;}*/
.body a:hover {text-decoration:none;}
.body .list {float:left; margin:0; padding:15px;}
.body .list ul {font:normal 12px Verdana, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; padding:0; list-style:none; margin:0; }
.body .list ul li {	margin: 0px 0 0 15px;	list-style-image: url(images/ul.jpg);}
.body .list ol {font:normal 12px Verdana, Helvetica, sans-serif; color:#6f6f6f; line-height:1.8em; list-style:lower-alpha; }
.body .list ol li {	padding: 0 0 0 0px;}
.body .dot {float:left; width:800px; border-bottom:1px dashed #caceca; margin:0;  padding: 0 0 15px 0; }
.body .dot img {margin:0 15px 10px 0;}
.body .w_dot {float:left; width:800px; margin:0; }
.body .w_dot img {margin:0 15px 10px 0;}

/*services*/
.body .img {float:left; width:50px; padding:10px 0 0 15px; margin:0;}
.body .full {float:left; width:800px; border-bottom:1px dashed #caceca; padding: 10px 0 10px 0; margin:0;}
.body .full p {padding:0 0 0 20px !important;}
.body .full img {margin:0 15px 10px 0 !important;}
.body .bott {float:left; padding:5px;}
.body .bott p {padding:0 !important;}
.body .bott img {margin:5px 10px;}

.body .right  { float:right; width:270px; padding:0; margin:0 0 15px 0;}
.body .right .testimonials { margin:10px 0 0 0;}
.body .right a { font:normal 13px Arial, Helvetica, sans-serif; color:#99B41E; text-decoration:none;}
.body .right .testimonials h5 { font:bold 12px Arial, Helvetica, sans-serif; color:#616a62; float:right;}
.body .right .testimonials p {font:italic 13px Arial, Helvetica, sans-serif; color:#6e776f; line-height:1.8em;}

.body ul.sub { list-style:none; padding:0; margin:0;}
.body ul.sub li { background:url(images/sub_ul_li.gif) no-repeat left; line-height: normal; padding:10px 0 10px 25px; margin:0;}
.body ul.sub li a { font:normal 13px Arial, Helvetica, sans-serif; color:#6e6e6e;}
.body ul.sub li a.active { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e;}
.body ul.sub li a:hover { font:normal 13px Arial, Helvetica, sans-serif; color:#99b41e; text-decoration:underline;}

.body .left {float:left; width:570px; margin:0; padding:0;}
.body .left .line { border-top:1px dashed #caceca; padding:10px 0 0 0; margin:5px 0;}
.body .left p {font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#6e776f; line-height:1.8em ;}
.body .left h3 {font:bold 17px Verdana, Helvetica, sans-serif; color:#616a62; margin:0; padding:10px 0; }
.body .left img { margin:0; padding:5px 15px;}
.body_bg { background:#fff url(images/footer_bg.jpg) repeat-x bottom;}

/********** contact form **********/
.form { float:left; width:560px; margin:0 0 0 0px !important; margin: 0 0 0 0px;}
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { text-align:right; float:left; margin:0 10px 0 0; width:110px; display:block; padding:8px 0 5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span {  font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.checkbox { margin: 12px 0px 0px 0px; height: 20px}
#contactform input.text { width:390px; border:1px solid #d1d1d1; margin:5px 0; padding:5px 2px; height:10px; background:#fff; }
#contactform select.text { width: 396px; border: 1px solid #d1d1d1; background: #fff; height: 20px;}
#contactform textarea { width:390px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform textarea.notes { width:390px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 120px; border:0; color:#FFF;}
#contactform table { border:0; border:thin fuchsia solid; padding:0; margin:-30px; color:#FFF;}

p.response { text-align:center; color:#2c2c2c; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
/*Twitter*/
/*.footer { width:964px; margin:0 auto; padding:20px 0; color:#a7aea8; font:normal 10px Verdana, Geneva, sans-serif; background:url(images/footer_bg_l.jpg) repeat-x top;}
.footer a { color:#9db221; font:normal 10px Verdana, Geneva, sans-serif; padding:5px ; text-decoration:underline; }
.footer a:hover {text-decoration:none;}
.footer p {text-align:center;}
*/
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; padding:0; margin:5px 0; background:none;}

/***********************java*********************************/
/* Scroll */
#screen { width:935px; padding:0; margin:0 auto;}
#screen ul { margin:0 auto; padding:0;}
#screen li { float:left; list-style:none; border:0;}
#screen .jq-ss-crop { margin:0; border:0; float:left; }
#left, #right { margin-top:50px; display:block; text-decoration:none; width:38px; padding:0 6px; }
#view { margin:0; padding:0; width:835px; border:0; height:300px; overflow:hidden; }
#images { width:2520px; padding:0; border:0; margin:0 auto;}
#images li a { color:#b1c229; font:bold 12px Verdana, Geneva, sans-serif; line-height:1.8em;}
#images li span { display:block; font:normal 12px Verdana, Geneva, sans-serif; color:#6f6f6f; padding:0 5px; margin:0; width:270px; line-height:1.8em;}
#images li img { margin:5px 0;}
#images li img.screen { display:block; border:0; margin:0; max-width:270px; padding:0;}

/********** FAQ **********/
#faq h1 span {color: #1575b4; }
#faq h1 {color:	#1575b4; font-size: medium; margin:0px; padding: 15px 15px 5px 15px;}
#faq p {text-align: justify; color: #737974; margin:0px; padding: 0px 15px 0px 15px;}
#faq ol {color: #737974;}
#faq ul {color: #737974;}

/********** Terms **********/
#terms h1 {color:	#9db720; font-size: medium; margin:0px; padding: 15px 5px 5px 5px;}
#terms p {text-align: justify; color: #737974; margin:0px; padding: 5px 0px 10px 0px;}
#terms ol {color: #737974;}
#terms ul {color: #737974;}
#terms li {color: #737974; list-style-type: lower-alpha;}


/********** Job Summary **********/
#job-summary table, th, td { color: #1575b4; font-size: medium; margin: 0px auto; padding: 0px; border-collapse: collapse; }
#job-summary table { width:85%; }
#job-summary th {color:#1575b4; margin:0; padding:5px 10px; text-align:left; border: 1px solid #d1d1d1;}
#job-summary td {color:#6f6f6f; margin:0; padding:0px 10px; border: 1px solid #d1d1d1;}
#job-summary td.image {padding:0px 0px 0px 10px; margin:0px; border-width:0px; border:0px}
#job-summary th.image {padding:0px 2px; margin:0px; border-width:0px; border:0px}
#job-summary IMG {padding:0px; margin:0px; border-width:0px; border:0px}

/********** Prices **********/
#prices table, th, td { color: #1575b4; font-size: medium; margin: 0px; padding: 0px; border-collapse: collapse; }
#prices table { width:90%; margin-left: auto; margin-right: auto; }
#prices th {color:#1575b4; margin:0; padding:2px 5px; text-align:center; border: 1px solid #d1d1d1;}
#prices td {color:#6f6f6f; margin:0; padding:2px 5px; border: 1px solid #d1d1d1; text-align:right; }
#prices td.image {padding:0px 0px 0px 10px; margin:0px; border-width:0px; border:0px}
#prices th.image {padding:0px 2px; margin:0px; border-width:0px; border:0px}
#prices IMG {padding:0px; margin:0px; border-width:0px; border:0px}
#prices h1 {color:	#1575b4; font-size: medium; margin:0px; padding: 15px 5px 5px 5px;}
#prices td.right {text-align:right;}


/********** Peanuts **********/
#peanuts table, th, td { color: #9db720; font-size: medium; margin: 0px; padding: 0px; border-collapse: collapse; }
#peanuts table { width:60%; }
#peanuts th {font:normal 18px Verdana, Helvetica, sans-serif; color:#99b41e; margin:0; padding:5px 10px; text-align:left;}
#peanuts td {font:normal 12px Verdana, Helvetica, sans-serif; color:#6f6f6f; margin:0; padding:0px 10px; width:50%}
#peanuts td.image {padding:0px 0px 0px 10px; margin:0px; border-width:0px; border:0px}
#peanuts th.image {padding:0px 2px; margin:0px; border-width:0px; border:0px}
#peanuts IMG {padding:0px; margin:0px; border-width:0px; border:0px}
#peanuts h1 {color:	#9db720; font-size: medium; margin:0px; padding: 15px 5px 5px 5px;}
#peanuts form {margin:0px; padding: 0;}

/********** Calculator **********/
#calculator table, th, td { color: #1575b4; font-size: medium; margin: 0px 0px 0px 15px; padding: 0px; border-collapse: collapse; }
#calculator table {  }
#calculator th {font:normal 18px Verdana, Helvetica, sans-serif; color:#1575b4; margin:0; text-align:left;}
#calculator td {font:normal 12px Verdana, Helvetica, sans-serif; color:#6f6f6f; margin:0; margin:0px; padding:2px 2px; }
#calculator h1 {color:	#1575b4; font-size: medium; margin:0px; padding: 15px 5px 5px 5px;}
#calculator form {margin:0px; padding: 0;}

/********** Show **********/
#show table, th, td { color: #1575b4; font-size: medium; margin: 0px 0px 0px 15px; padding: 0px; border-collapse: collapse; }
#show table { margin-left:auto; margin-right: auto; }
#show th {font:normal 18px Verdana, Helvetica, sans-serif; color:#1575b4; margin:0; text-align:left;}
#show td {font:normal 12px Verdana, Helvetica, sans-serif; color:#6f6f6f; margin:0; padding:2px 0px; }
#show h1 {color: #1575b4; font-size: medium; margin:0px; padding: 15px 5px 5px 5px;}
#show .hilight { color: #1575b4; font-size: 13px; }
#show form {margin:0px; padding: 0;}

.left-nav { padding: 5px; font-size: 0.9em; }

/********** Account Navigation **********/
#account-nav ul { list-style-type: none; padding: 0px; 	margin: 0px 10px 0px 10px ; font-size: medium; }
#account-nav ul li { color:#737974; }
#account-nav ul li a { color:#1575b4; text-decoration: none; background-color: #fff; padding: 2px 0px 2px 8px; }

/********** Text and Image Position **********/
.pullright { text-align: right; float: right; margin-left: 20px; margin-bottom: 20px; }
.pullleft { text-align: left; float: left; margin-right: 20px; margin-bottom: 20px; }
.text-justify { text-align:justify; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align: center; }

/********** Info Area **********/
#info-area { color:#737974; }
#info-area .date { font-style:italic; font-weight:bold; }
#info-area .headline { font-size:16px; font-weight:bold; }
#info-area .headline a { font-size:16px; font-weight:bold; }
#info-area hr { width: 50%; }

/********** News Item **********/
#news-item { color:#737974; }
#news-item .date { font-style:italic; font-weight:bold; }
#news-item .headline { font-size:16px; font-weight:bold; color: #1575b4; }
#news-item hr { width: 70%; }

.red { color: red; }
#calculator { margin-right: auto; margin-right: auto; }