/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body  { color: #222; font-size: 75%; font-family: Georgia, "Times New Roman", Times, serif; background: #fff }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2  { font-size: 22px; margin-bottom: 5px }
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6  { color: #fff; font-size: 22px; margin-bottom: 10px }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p      { color: #3b3b3b; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 18px; margin: 0 0 18px }
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.arrow-intro p, .arrow-intro2 p, .arrow-intro3 p    { color: #ebebeb; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1; margin: 0; padding-top: 13px; padding-right: 25px; float: right }
a:focus, a:hover  { color: #000; text-decoration: underline; outline: none medium }
a   { color: #3b3b3b; font-style: italic; text-decoration: none }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption  { padding: 4px 0 }
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.white   { color: #ffffff }
/* grid.css */
.container   { margin: 0 auto }
.showgrid {background:url(src/grid.png);}
.column, div.contact-right, div.contact-left, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24  { float: left }
.last, div.last {margin-right:0;}
.span-1  { width: 500px; border: solid 1px #f33 }
.span-2  { width: 300px; border: solid 1px #f33 }
div.contact-left      { background-image: url("../images/nav_contain.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; z-index: 9999; width: 194px; height: 528px }
#contact-info { padding-top: 40px; padding-left: 25px }
div.contact-right    { margin-left: 60px; width: 630px }
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label   { font-size: 12px; display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 4px }
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
.input-bkd  { background-image: url("../images/inut_bkd.jpg"); background-repeat: no-repeat; background-position: left top; width: 290px; height: 42px }
.input-bkd input    { color: #625014; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; background-color: transparent!important ; margin-top: 7px; margin-left: 7px; width: 277px; border-style: none }
.sbm-btn { position: relative; right: 15px; width: 139px; height: 46px; float: right }
textarea  { margin: 0; padding: 5px; width: 591px; height: 200px }
.notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.notice a {color:#514721;}
.success a {color:#264409;}
#contact-success  { padding-top: 175px }
/* user-layout.css */
body  { background-color: #fff; background-image: url("../images/body_bkd.gif"); background-repeat: repeat-x; background-position: left top }
#header-contain    { background-image: url("../images/header_bkd.jpg"); background-repeat: repeat-x; background-position: center top; text-align: left; margin: 0; padding: 0; z-index: 30; height: 200px }
#header     { background-image: url("../images/header.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0 auto 0 0; padding: 0; position: relative; z-index: 30; height: 200px }
div.logo                      { text-indent: -9999px; margin: 0; padding: 0; position: relative; z-index: 9990; top: 0; left: 0; width: 203px; height: 197px }

div.logo a:link, div.logo a:visited               { background: url("../images/logo.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 203px; height: 197px }

div.logo a:hover, div.logo a:active                { background: url("../images/logo.jpg") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 203px; height: 197px }
ul#navmenu                            { list-style: none; margin: 0; padding: 0; position: absolute; top: 106px; left: 220px; height: 33px; float: left }
ul#navmenu li    { text-indent: -999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none }
ul#navmenu li a                 { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; display: block; padding: 0; z-index: 1; height: 43px }
ul#navmenu li a:hover   { background-position: 0 -43px !important }
ul#navmenu li:hover a.select    { background-position: 0 -43px !important; position: relative; z-index: 9999 }
ul#navmenu li a.current   { background-position: 0 -43px !important }
ul#navmenu li.the-company a               { color: #ebf3ff; background-image: url("../images/mn_1.gif"); background-repeat: no-repeat; background-position: left top; width: 116px }
ul#navmenu li.the-process a              { color: #ebf3ff; background-image: url("../images/mn_2.gif"); background-repeat: no-repeat; background-position: left top; width: 115px }
ul#navmenu li.galleria a               { color: #ebf3ff; background-image: url("../images/mn_3.gif"); background-repeat: no-repeat; background-position: left top; width: 93px }
ul#navmenu li.contact a              { color: #ebf3ff; background-image: url("../images/mn_4.gif"); background-repeat: no-repeat; background-position: left top; width: 92px }
#contentArea   { text-align: left; margin: 0 auto 0 0; position: relative; z-index: 10; height: 528px }
#navscroll-contain    { background-image: url("../images/nav_contain.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 0; position: absolute; z-index: 9999; width: 194px; height: 528px; float: left }
.nav-contain   { margin-bottom: 35px; padding-bottom: 25px; position: relative; top: 31px; left: 12px; width: 173px; float: left }


.coda-slider-wrapper      { margin: 0; padding: 0; position: absolute; z-index: 9000; width: 100%; height: 528px; overflow: hidden }
.coda-slider     { background-color: #000; margin-right: -194px; margin-left: 194px; padding: 0; position: absolute; width: 20000em; height: 528px; clear: both }

	.coda-slider-no-js .coda-slider { height: 630px; overflow: auto !important; padding-right: 20px }
	

.panel     { width: 802px; float: left }

	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel   { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	

	.coda-nav-left a, .coda-nav-right a    { color: #fff; background: #000; display: none; padding: 5px; width: 100px }
	.coda-nav ul   { display: block; margin: 0; padding: 0; height: auto }
.coda-nav li           { list-style-type: none; display: block }
.coda-nav li a         { color: #3f2e09; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-decoration: none; background-image: url("../images/nav_r.gif"); background-repeat: no-repeat; background-position: 152px center; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 13px }
.coda-nav li a:hover         { background-image: url("../images/nav.gif"); background-repeat: no-repeat; background-position: 152px center }
.coda-nav li:hover a.select        { background-image: url("../images/nav.gif"); background-repeat: no-repeat; background-position: 152px center }
.coda-nav ul li a.current       { background-image: url("../images/nav.gif"); background-repeat: no-repeat; background-position: 152px center }
.arrow-intro    { background-image: url("../images/arrow_intro.png"); background-repeat: no-repeat; background-position: left top; position: absolute; top: 280px; left: 0; width: 208px; height: 47px; float: left }
.arrow-intro2      { background-image: url("../images/arrow_intro.png"); background-repeat: no-repeat; background-position: left top; position: absolute; top: 298px; left: 0; width: 208px; height: 47px; float: left }
.arrow-intro3         { background-image: url("../images/arrow_intro.png"); background-repeat: no-repeat; background-position: left top; position: absolute; top: 350px; left: 0; width: 208px; height: 47px; float: left }
.coda-slider .panel-wrapper     { padding: 0; position: relative; height: 528px }
.panelhm1 { background-image: url("../images/panelhm1.jpg"); background-repeat: no-repeat; background-position: left center }
.panelhm2  { background-image: url("../images/panelhm2.jpg"); background-repeat: no-repeat; background-position: left center }
.panelhm3  { background-image: url("../images/panelhm3.jpg"); background-repeat: no-repeat; background-position: left center }
.panelhm4  { background-image: url("../images/panelhm4.jpg"); background-repeat: no-repeat; background-position: left center }
.panelhm5  { background-image: url("../images/panelhm5.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro1  { background-image: url("../images/panelpro1.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro2  { background-image: url("../images/panelpro2.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro3  { background-image: url("../images/panelpro3.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro4  { background-image: url("../images/panelpro4.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro5  { background-image: url("../images/panelpro5.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro6   { background-image: url("../images/panelpro7.jpg"); background-repeat: no-repeat; background-position: left center }
.panelpro7   { background-image: url("../images/panelpro6.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal1   { background-image: url("../images/panelgal1.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal3    { background-image: url("../images/panelgal3.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal4   { background-image: url("../images/panelgal4.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal5   { background-image: url("../images/panelgal5.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal6   { background-image: url("../images/panelgal6.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal7   { background-image: url("../images/panelgal7.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal8   { background-image: url("../images/panelgal8.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal9   { background-image: url("../images/panelgal9.jpg"); background-repeat: no-repeat; background-position: left center }
.panelgal10   { background-image: url("../images/panelgal11.jpg"); background-repeat: no-repeat; background-position: left center }
.panelhmmac   { background-image: url("../images/panelhmmac.jpg"); background-repeat: no-repeat; background-position: left center; position: relative }
.panelcol-cycle    { position: relative; top: 52px; left: 100px; width: 595px; height: 373px; overflow: hidden }
.panelcol-cycle2     { position: relative; top: 0; left: 0; width: 802px; height: 433px }
.panelcol-cycle3     { position: relative; top: 43px; left: 0; width: 427px; height: 320px }
.panelcol-cycle4      { position: relative; top: 0; left: 0; width: 493px; height: 528px }
.panel1col   { padding: 30px 20px 25px 25px; width: 186px; float: left }
.panel2col    { padding: 25px 20px 25px 25px; position: relative; top: 230px; left: 517px; width: 210px; float: left }
.panel3col     { padding: 25px 20px 25px 25px; position: relative; top: 180px; left: 95px; width: 210px; float: left }
.panel4col      { padding: 25px 20px 25px 25px; position: relative; top: 25px; left: 490px; width: 230px; float: left }
.panel5col       { text-align: right; position: relative; top: 210px; left: 595px; width: 130px; float: left }
.panel6col        { text-align: left; position: relative; top: 150px; left: 35px; width: 330px; float: left }
.panel7col         { text-align: left; position: relative; top: 300px; left: 65px; width: 350px; float: left }
.panel8col          { text-align: left; position: relative; top: 210px; left: 255px; width: 200px; float: left }
.panel9col            { text-align: justify; position: relative; top: 100px; left: 70px; width: 255px; float: left }
.panel11col             { text-align: justify; position: relative; top: 410px; left: 95px; width: 610px; float: left }
.panel12col       { padding: 25px 20px 25px 25px; position: relative; top: 25px; left: 500px; width: 230px; float: left }
.coda-slider p.loading { padding: 20px; text-align: center }


div.button-prev                          { text-indent: -9999px; margin-top: 10px; margin-right: 0; margin-left: 0; padding: 0; position: relative; z-index: 9990; top: 0; left: 137px; width: 37px; height: 31px }

div.button-prev a:link, div.button-prev a:visited                { background: url("../images/next.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 37px; height: 31px }

div.button-prev a:hover, div.button-prev a:active                 { background: url("../images/next.gif") no-repeat 0 -31px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 37px; height: 31px }
div.button-next                         { text-indent: -9999px; margin: 0 0 10px; padding: 0; position: relative; z-index: 9990; top: 0; left: 137px; width: 37px; height: 31px }

div.button-next a:link, div.button-next a:visited                { background: url("../images/prev.gif") no-repeat; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 37px; height: 31px }

div.button-next a:hover, div.button-next a:active                 { background: url("../images/prev.gif") no-repeat 0 -31px; text-indent: -9999px; display: block; margin: 0; padding: 0; width: 37px; height: 31px }

div.nav-previous                            { text-indent: -9999em; margin-top: 10px; margin-right: 0; margin-left: 0; padding: 0; position: absolute; z-index: 9990; top: -18px; left: -44px; width: 36px; height: 25px; float: left }

div.nav-previous a:link, div.nav-previous a:visited                  { background: url("../images/gal_nav_prev.gif") no-repeat; text-indent: -9999em; display: block; margin: 0; padding: 0; width: 36px; height: 25px }

div.nav-previous a:hover, div.nav-previous a:active                   { background: url("../images/gal_nav_prev.gif") no-repeat 0 -25px; text-indent: -9999em; display: block; margin: 0; padding: 0; width: 36px; height: 25px }
div.nav-next                      { text-indent: -9999em; margin-top: 10px; margin-right: 0; margin-left: 0; padding: 0; position: absolute; z-index: 9990; top: -18px; right: -44px; width: 36px; height: 25px; float: left }

div.nav-next a:link, div.nav-next a:visited                  { background: url("../images/gan_nav_next.gif") no-repeat; text-indent: -9999em; display: block; margin: 0; padding: 0; width: 36px; height: 25px }

div.nav-next a:hover, div.nav-next a:active                   { background: url("../images/gan_nav_next.gif") no-repeat 0 -25px; text-indent: -9999em; display: block; margin: 0; padding: 0; width: 36px; height: 25px }
.gal-align         { text-align: center; position: absolute; bottom: 18px; left: 265px; width: 263px; height: 11px }
.gal-align2        { text-align: center; position: absolute; bottom: 18px; left: 322px; width: 175px; height: 11px }
.gal-align3      { text-align: center; position: absolute; bottom: 18px; left: 253px; width: 321px; height: 11px }
.gal-align4        { text-align: center; position: absolute; bottom: 18px; left: 160px; width: 495px; height: 11px }
.gal-align5          { text-align: center; position: absolute; bottom: 18px; left: 75px; width: 639px; height: 11px }
.gal-align6           { text-align: center; position: absolute; bottom: 18px; left: 250px; width: 290px; height: 11px }
.gal-align7           { text-align: center; position: absolute; bottom: 18px; left: 230px; width: 380px; height: 11px }
.gal-align8          { text-align: center; position: absolute; bottom: 18px; left: 280px; width: 263px; height: 11px }
ul.gal-nav                                 { list-style: none; margin: 0; padding: 0; z-index: 9999; width: auto; height: 11px }
ul.gal-nav li      { text-indent: -9999em; list-style: none; display: inline; margin: 0; padding: 0; z-index: 1; height: auto; float: left; border-style: none }
ul.gal-nav li a                     { color: #fff; font-size: 10px; font-family: Arial, "Trebuchet MS", "Helvetica LT Std", Arial, sans-serif; text-decoration: none; background-image: url("../images/gal_nav.jpg"); background-repeat: no-repeat; background-position: 0 0; display: block; margin-right: 9px; margin-left: 9px; padding: 0; z-index: 1; width: 11px; height: 11px }
ul.gal-nav li a:hover   { background-position: 0 -11px !important }
ul.gal-nav li:hover a.select    { background-position: 0 -11px !important; position: relative; z-index: 9999 }
ul.gal-nav li a.current   { background-position: 0 -11px !important }
ul.gal-nav a.activeSlide  { background-position: 0 -11px !important }
ul.gal-nav a.selected  { background-position: 0 -11px !important }
ul.gal-nav li a.previous     { background-image: url("../images/gal_nav_prev.gif"); background-repeat: no-repeat; background-position: left top; position: absolute; top: -8px; left: -41px; width: 26px; height: 26px }
ul.gal-nav li a.previous:hover    { background-position: 0 -26px !important }
ul.gal-nav li a.next     { background-image: url("../images/gan_nav_next.gif"); background-repeat: no-repeat; background-position: left top; position: absolute; top: -8px; right: -41px; width: 26px; height: 26px }
ul.gal-nav li a.next:hover    { background-position: 0 -26px !important }
#footer_contain  { background-image: url("../images/footer_contain.jpg"); background-repeat: repeat-x; background-position: left top; margin-top: 20px; height: 167px }
#footer    { background-image: url("../images/footer.jpg"); background-repeat: no-repeat; background-position: left top; margin: 0 auto 0 0; position: relative; z-index: 9990; height: 167px }
#footer .social  { position: absolute; top: 36px; left: 0; width: 206px; height: 47px }
#footer .copy { position: relative; top: 100px; left: 15px; width: 200px }
#footer p { color: #5a502d; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic }
#footer p span { color:7D7B59; display: block }
#footer a  { color: #7d7b59; text-decoration: none }
#footer a:hover  { color: #333; text-decoration: none }

label.error { display: none; position: relative; top: -9999px; padding: 0px; margin: 0px; height: 0px; width: 0px; float: left; }