/*-----------------------------------
M2 Ideja main CSS stylesheet 
-------------------------------------*/

/************************ CSS RESET ***/
@import url("reset.css");

/************************ GLOBAL STYLING ***/
html      { height:100%; background:#fff url(../images/bg-html.jpg); }
body 		  { height:100%; font:62.5%/1 "Arial",sans-serif; color:#626469; background:url(../images/bg-container.jpg) no-repeat 50% 0; }
a         { color:#682f72; }
a:hover   { text-decoration:none; }

.off-left { position:absolute; left:-9999px; top:-9999px; }.image-center { margin: 0 auto; position: relative; text-align: center; }img.left { float: left; padding: 5px 10px 5px 0px; }img.right { float: right; padding: 5px 0px 5px 10px; }
.purple { color: #de99ff; }.green { color: #339966; }
/************************ Controls basic styling ***/
.ctrl-t01 a,
.ctrl-t02 a      { display:block; overflow:hidden; text-indent:-9999px; cursor:pointer; }
.ctrl-t01 a      { width:23px; height:31px; background:url(../images/icn-arrows-01.png); }
.ctrl-t02 a      { width:27px; height:39px; background:url(../images/icn-arrows-02.png); }
.ctrl-t01 .prev  { background-position:0 0; }
.ctrl-t01 .next  { background-position:-23px 0; }
.ctrl-t02 .prev  { background-position:0 0; }
.ctrl-t02 .next  { background-position:-27px 0; }

/************************ CONTAINER ***/
#container               { min-height:100%; background:url(../images/bg-body.jpg) no-repeat 0 100%; }
#container .inner        { position:relative; width:924px; padding:157px 0 87px; margin:0 auto; }

#branding-logo   { position:absolute; left:-5px; top:9px; }
#branding-logo a { display:block; width:320px; height:137px; overflow:hidden; text-indent:-9999px; }

#nav-main            { position:absolute; right:-60px; top:227px; width:250px; height:250px; }
#nav-main ul         { padding:0 7px; visibility: hidden; }
#nav-main li         { vertical-align:top; overflow:hidden; }
#nav-main a          { float:left; padding:7px 0; font-size:1.5em; }
#nav-main .active a  { color:#8dbe3f; }

/************************ SITEINFO ***/
#siteinfo { position:relative; width:732px; font-size:1.1em; text-align:center; }
#siteinfo a { position:absolute; left:0; top:0px; color:#000; text-decoration:none; font:normal 10px arial; }
#siteinfo a span.grey  { color:#c7c7c7; }
#siteinfo a:hover,
#siteinfo a:hover span.grey,
#siteinfo a span.red  { color:#f00; }


/*************************************/
/************************ CONTENT ***/
/***********************************/
#content,
#content .box-bottom,
#content .box-repeat        { background-image:url(../images/bg-content.png); background-repeat:no-repeat; }
#content                    { position:relative; width:732px; padding-top:14px; background-position:0 0; }
#content .box-bottom        { padding-bottom:14px; background-position:-1464px 100%; }
#content .box-repeat        { padding:32px 7px 14px 51px; background-repeat:repeat-y; background-position:-732px 0; }
#content .box-repeat:after  { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }

/************************ Lists ***/
#list-t01 li                { position:relative; padding-top:118px; margin-bottom:20px; border-bottom:9px solid #ecebeb; }
#list-t01 h2,
#list-t01 .fck              { margin-right:171px; }
#list-t01 h2                { font-weight:bold; font-size:1.4em; color:#626469; }
#list-t01 .thumbs           { position:absolute; left:0; top:0; }
#list-t01 .thumbs li        { float:left; padding:0; margin:0 10px 0 0; border-bottom:none; }
#list-t01 .img-gallery-link { position:absolute; right:49px; top:40px; width:71px; height:21px; padding-left:30px; font-weight:bold; font-size:1.1em; line-height:21px; text-decoration:none; text-transform:lowercase; background:url(../images/btn-img-gallery-link.png); }

#list-t02             { position:relative; overflow:hidden; }
#list-t02 ul          { float:left; overflow:hidden; width:616px; padding-left:14px; }
#list-t02 li          { position:relative; float:left; width:161px; margin-bottom:35px; padding-top:101px; }
#list-t02 h2 a        { display:block; padding:9px 0 0; font-weight:bold; font-size:1.2em; line-height:1.3; text-decoration:none; color:#7c7c7c; }
#list-t02 h2 a[href]  { background:url(../images/icn-arrow-02.png) no-repeat 100% 9px; }
#list-t02 .thumb      { position:absolute; left:0; top:0; }
#list-t02 .thumb img  { display:block; }
#list-t02 .alt        { margin-right:60px; margin-left:60px; display:inline; }
#list-t02-amount      { position:absolute; right:20px; top:10px; font-weight:bold; font-size:2em; color:#d4d4d4; }
#list-t02-ctrl a      { position:absolute; top:50%; margin-top:-20px; }
#list-t02-ctrl .prev  { left:19px; }
#list-t02-ctrl .next  { right:19px; }

/************************ Pagination ***/
#pagination             { float:right; margin-right:48px; display:inline; }
#pagination li          { float:left; }
#pagination a           { display:block; padding:0 5px; font-weight:bold; font-size:2em; line-height:31px; text-decoration:none; color:#7c7c7c; }
#pagination a:hover,
#pagination .active a   { color:#d4d4d4; }
#pagination .ctrl-t01 a { padding:0; }

/************************ Image gallery slideshow ***/
#img-gallery img             { display:block; }
#img-gallery #img-holder     { margin-bottom:25px; }
#img-gallery .loading        { background:url(../images/bg-loading.gif) no-repeat 50% 50%; }
#img-gallery #slides         { width:626px; overflow:hidden; }
#img-gallery ul              { overflow:hidden; margin-left: -4px; }
#img-gallery li              { float:left; width:72px; margin:0 3px 0 4px; display:inline; }
#img-gallery li a            { display:block; border:3px solid #fff; }
#img-gallery .active a       { border-color:#918f8f; }
#img-gallery .active img     { opacity:.5; }
#img-gallery-ctrl a          { position:absolute; bottom:35px; }
#img-gallery-ctrl .prev      { left:22px; }
#img-gallery-ctrl .next      { right:28px; }
#img-gallery-close           { position:absolute; right:15px; top:10px; width:34px; height:34px; overflow:hidden; cursor:pointer; text-indent:-9999px; background:url(../images/btn-close-01.png); }

/************************ Contact form ***/
#form-contact { position:relative; overflow:hidden; width:299px; padding:18px 22px 0; margin-bottom:-20px; background:#8dbe3f url(../images/bg-form-contact.png) no-repeat; }
#form-contact legend strong { display:block; padding-bottom:25px; font-weight:bold; font-size:2em; color:#484a4e; }
#form-contact div    { position:relative; margin-bottom:4px; }
#form-contact label,
#form-contact input,
#form-contact textarea { margin:0; padding:2px 0 2px 10px; border-width:0; font-weight:bold; font-style:italic; font-size:1.3em; line-height:1.3; font-family:"Arial",sans-serif; color:#9d9d96; }
#form-contact label    { display:block; color:#682f72; background: #fff; padding-bottom: 0; }
#form-contact input,
#form-contact textarea { width:289px; }
#form-contact textarea { height:170px; overflow:auto; }
#form-contact .message { margin-top:12px; }
#form-contact .captcha { margin-top:12px; min-height:56px; }
#form-contact .captcha input { width:103px; }
#form-contact .captcha img   { position:absolute; right:0; top:0; }
#form-contact .form-submit               { float:right; margin:20px 0; }
#form-contact .form-submit button,
#form-contact .form-submit button span   { display:block; background-color:transparent; background-repeat:no-repeat; cursor:pointer; }
#form-contact .form-submit button        { float:left; width:77px; height:15px; margin-left:6px; display:inline; overflow:visible; vertical-align:bottom; }
#form-contact .form-submit button span   { line-height:15px; white-space:nowrap; font-weight:bold; font-family:"Trebuchet MS",sans-serif; text-transform:lowercase; letter-spacing:.1em; color:#682f72; }
#form-contact .form-submit button:focus  { outline-width:1px; outline-style:dotted; }
#form-contact .form-submit button::-moz-focus-inner { padding:0; border:0; }
#form-contact .form-submit .reset span   { background:#b2b3b5 url(../images/icn-x-01.png) no-repeat 67px 50%; }
#form-contact .form-submit .submit span  { background:#a878b5 url(../images/icn-arrow-01.png) no-repeat 67px 50%; }
#form-contact .error  { padding:7px 0 5px 10px; color:#c61717; font-size:1.3em; display: block; }
#form-contact .captcha .error { margin-top: 35px; }
#form-contact p { margin-bottom: 15px; font-size: 13px; line-height: 15px; }

/************************ FCK ***/
.fck        { line-height:1.5; }
.fck strong { font-weight:bold; }
.fck em     { font-style:italic; }
.fck p, .fck ul, .fck ol, .fck h2, .fck h3 { margin:16px 0; }
.fck ul     { padding-left:23px; }
.fck ul li  { padding-left:13px; background:url(../images/icn-dot-01.png) no-repeat 0 9px; }
.fck ol     { padding-left:36px; }
.fck ol li  { list-style-type:decimal; }
.fck p, .fck ul, .fck ol { font-size:1.3em; }
.fck h2, .fck h3         { font-weight:bold; font-size:1.4em; }

/************************ MAIN CONTENT ***/
#content-main     { position:relative; overflow:hidden; }

h1                { margin:0 0 38px; font-weight:bold; font-size:4em; line-height:1.3; }
.h1-t01           { font-size:2em; margin:-34px 0 8px; }
.desc             { margin:0 0 25px; font-weight:bold; font-size:1.4em; line-height:1.6; text-transform:uppercase; color:#a1a2a5; }
.desc strong      { font-size:1.286em; text-transform:none; color:#626469; }

#introduction         { position:absolute; right:-260px; bottom:0; width:230px; }
#introduction .fck    { font-size:.923em; }
#introduction .fck p  { margin:10px 0; }
#introduction h2      { font-weight:bold; font-size:1.3em; color:#682f72; }
#introduction a       { float:left; padding:2px; color:#682f72; background:#a878b5; text-decoration:none; text-transform:lowercase; font-weight:bold; }
#introduction a:hover { color:#a878b5; background:#682f72; }

/************************ SUPPLEMENTARY CONTENT ***/
#content-supp { position: absolute; right: 60px; top:10px; z-index: 10;}

#nav-section           { width:165px; border-top:1px solid #dedede; }
#nav-section a         { display:block; padding:5px 15px 5px 9px; border-bottom:1px solid #dedede; font-weight:bold; font-size:1.2em; line-height:1.3; text-decoration:none; color:#626469; background:#fff; }
#nav-section a:hover,
#nav-section .active a { color:#8dbe3f; }

/************************ UNIQUES ***/
.seo { background-image:url(../images/seo-bg-container.jpg); }

.seo #container .inner        { padding-top:207px; }

.seo #branding-logo   { position:absolute; left:45px; top:70px; }

.seo #content                    { background:none; }
.seo #content .box-repeat        { background:url(../images/seo-bg-content-repeat.png) no-repeat 0 0; }
.seo #content .box-bottom        {  }

.seo #content-main { padding-right:51px; }

.seo #references { padding:0; margin:0; }
.seo #references li { padding:0; margin:0 0 20px; background:none; }
.seo #references a { font-weight:bold; text-decoration:none; color:#8dbe3f; }
.link-top   { display:block; margin:5px 0px 30px 0px; font-size:11px; text-align:center; background:url(../images/sep-01.png) repeat-x 0 50%;  }.link-top a { padding:0 15px 0 35px; text-transform:lowercase; color:#8DBE3F; background: #fff url(../images/icon-arrow-01.png) no-repeat 15px 50%; cursor:pointer; font-size:11px; font-weight:bold; overflow: hidden;}
a.more { color: #8DBE3F; text-decoration:none; }
/****************************************/
/************************ JS ENABLED ***/
/**************************************/
.js #form-contact label    { position:absolute; left:0; top:0; cursor:text; color:#9d9d96; }

/************************ Lightbox ***/
#lightbox-overlay { position:absolute; left:0; top:0; z-index:99; background:#000; }
#lightbox         { position:absolute; left:50%; z-index:999; width:732px; height:540px; }
#lightbox #content,
#lightbox #content .box-bottom,
#lightbox #content .box-repeat { background-image:url(../images/bg-lightbox-content.png); }
#lightbox #content .box-repeat { padding-top:40px; }