/*-----------------------------------
Berloni main CSS stylesheet 
-------------------------------------*/

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

/************************ GLOBAL STYLING ***/
body 		    { font:62.5%/1.4 "Arial", sans-serif; color:#000; }
a           { text-decoration:none; color:#ee1d24; }
a:hover     { text-decoration:underline; }

/************************ Link styles ***/
.link-t01 { padding-right:12px; font-size:1.2em; color:#696866; background:url(../images/icn-arrow-01-r.png) no-repeat 100% 50%; }

/************************ FCK ***/
.fck            { line-height:1.4; }
.fck strong     { font-weight:bold; }
.fck em         { font-style:italic; }
.fck .pos-left  { float:left; margin:0 20px 20px 0; }
.fck .pos-right { float:right; margin:0 0 20px 20px; }
.fck img        { vertical-align:baseline; }

.txt            { font-size:1.1em; }
.txt:after      { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.txt            { *min-height:0; _height:1%; }
.txt p, .txt ul, .txt ol, .txt h2, .txt h3, .txt h4 { margin:0 0 20px; }
.txt h2, .txt h3, .txt h4        { font-weight:bold; font-size:1.154em; color:#7099b8; }
.txt ul,
.txt ol         { padding-left:40px; }
.txt ul li      { list-style-type:disc; }
.txt ol li      { list-style-type:decimal; }

/************************ CONTAINER ***/
#container { width:898px; margin:0 auto; }

/************************ HEADER ***/
#header { position:relative; height:127px; }

#branding-logo { position:absolute; left:0; top:28px; }
#branding-logo a { display:block; width:130px; height:22px; overflow:hidden; text-indent:-9999px; background:url(../images/branding-logo.png); }

#nav-main { position:absolute; right:0; top:28px; }
#nav-main li { float:left; margin-left:23px; display:inline; }
#nav-main a { font:bold 1.6em/1.4 "Helvetica","Arial",sans-serif; color:#333; text-decoration:none; }
#nav-main .active a,
#nav-main a:hover { color:#ee1d24; }
#nav-main .first { margin:0; }

#nav-products      { position:absolute; left:0; bottom:0; }
#nav-products li      { float:left; margin-left:16px; display:inline; }
#nav-products a { font-weight:bold; font-size:1.1em; color:#666; text-decoration:none; }
#nav-products .active a,
#nav-products a:hover { color:#ee1d24; }
#nav-products .first  { margin:0; }

/************************ FOOTER ***/
#footer           { overflow:hidden; margin-top:16px; padding:3px 0 50px 8px; border-top:2px solid #000; }
#siteinfo-legal   { float:right; color:#adadad; }
#siteinfo-legal a { margin:0 5px; color:#adadad; }
#siteinfo-credits       { float:left; color:#000; text-decoration:none; }
#siteinfo-credits:hover,
#siteinfo-credits span  { color:#f00; }

/************************ Share toolbar ***/
a.dimedia-toolbar-button { float:right; width: 103px; line-height: 16px; text-decoration:none; padding:0 0 0 22px; background: url(../images/toolbar/button.png); font-size:10px; font-family: arial, sans-serif; text-transform: uppercase; color:#000; cursor: pointer; }
#dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-top-ie.png); position: absolute; z-index:100; }
#dimedia-toolbar .bottom-bkg { padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-bottom-ie.png); }
#dimedia-toolbar .middle-bkg { background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; padding: 1px 0; }
#dimedia-toolbar ul { margin: -11px 0 -13px 9px; position: relative; padding: 0; list-style: none; overflow: hidden; }
#dimedia-toolbar ul li  { float: left; margin: 0 5px 4px 0; background: #fff; }
#dimedia-toolbar ul a,
#dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; }
#dimedia-toolbar ul a { opacity: 0.6; }
#dimedia-toolbar ul a:hover { opacity: 1; }

/*************************************/
/************************ CONTENT ***/
/***********************************/
#content { margin-top:5px; }

#content .inner         { margin-top:10px; padding-bottom:10px; border:2px solid #000; border-width:2px 0 0 2px; }
#content .inner:after   { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#content .inner         { *min-height:0; _height:1%; }
#content .inner .inner  { margin:0; padding:0; border:none; }

#content h1,
.heading-t01   { display:block; margin-bottom:24px; font-weight:bold; font-size:1.5em; }

#cat-heading        { float:left; width:218px; padding:0 0 3px 11px; border-bottom:2px solid #999; font-weight:bold; font-size:1.1em; }
#cat-subpages       { float:left; width:218px; font-weight:bold; font-size:1.1em; }
#cat-subpages li    { border-bottom:2px solid #999; }
#cat-subpages a     { display:block; padding:0 0 3px 11px; text-decoration:none; color:#000; }

/************************ CAT HEADING GFX ***/
#cat-heading-gfx              { width:894px; height:216px; border:2px solid #000; overflow:hidden; text-indent:-9999px; }
#about #cat-heading-gfx       { background-image:url(../images/cat-heading-gfx/about.jpg); }
#news #cat-heading-gfx        { background-image:url(../images/cat-heading-gfx/news.jpg); }
#locations #cat-heading-gfx   { background-image:url(../images/cat-heading-gfx/locations.jpg); }
#contact #cat-heading-gfx     { background-image:url(../images/cat-heading-gfx/contact.jpg); }

/************************ MAIN CONTENT ***/
#content-main { float:right; width:546px; padding-top:35px; }

.list-t01       { border-top:1px solid #ccc; }
#news .date     { float:left; font-style:italic; font-size:1.1em; color:#696866; }
#news-related,
.list-t01 li    { overflow:hidden; margin-top:15px; padding-bottom:3px; border-bottom:1px solid #ccc; }

.pagination               { float:right; margin-top:50px; }
.pagination li            { float:left; margin:0 5px; display:inline; }
.pagination a,
.pagination span          { font-weight:bold; font-size:1.2em; color:#696866; }
.pagination .active a     { color:#000; text-decoration:underline; }
.pagination .ctrls a,
.pagination .ctrls span   { display:block; width:7px; height:10px; overflow:hidden; text-indent:-9999px; height:17px; background-repeat:no-repeat; background-position:0 50%; }
.pagination .next span    { background-image:url(../images/icn-arrow-01-r.png); }
.pagination .prev span    { background-image:url(../images/icn-arrow-01-l.png); }
.pagination .next a       { background-image:url(../images/icn-arrow-02-r.png); }
.pagination .prev a       { background-image:url(../images/icn-arrow-02-l.png); }

#news-related                 { margin:-10px 0 20px; }
#news-related .pagination     { margin-top:0; }
#news-related .pagination li  { margin:0 2px; }

#list-news li div   { position:relative; min-height:91px; padding:0 142px 10px 0; font-size:1.1em; }
#list-news h2       { font-weight:bold; }
#list-news h2 a     { color:#000; }
#list-news img      { position:absolute; right:0; top:0; }
#list-news .more    { float:right; margin-right:5px; display:inline; }

#list-locs li                     { position:relative; }
#list-locs .fck                   { float:left; width:155px; margin-right:35px; }
#list-locs .fck a                 { font-weight:bold; color:#000; }
#list-locs .locs-related          { position:absolute; left:190px; bottom:30px; width:200px; }
#list-locs .locs-related a        { float:left; display:inline; width:65px; height:36px; overflow:hidden; text-indent:-9999px; background-image:url(../images/icn-locs-related.png); }
#list-locs .locs-related .gmap    { margin-left:3px; }
#list-locs .locs-related .gallery { margin:0 3px; background-position:-74px 0; }
#list-locs .locs-related .no-show { position:absolute; left:-9999px; top:-9999px; }
#list-locs img                    { position:absolute; right:0; top:0; }

#contact-info           { float:left; width:204px; padding:36px 0 0 25px;  }
#contact-info .fck a    { font-weight:bold; color:#000; }

#form-contact               { font-size:1.1em; }
#form-contact legend span   { font-size:1.364em; }
#form-contact .inner   { margin-top:20px !important; position:relative; }
#form-contact .col-01  { float:left; }
#form-contact .col-02  { float:left; margin-left:13px; display:inline; }
#form-contact label    { font-weight:bold; }
#form-contact input,
#form-contact textarea { display:block; width:233px; margin:3px 0 7px; border:1px solid #999; padding:2px; }
#form-contact textarea { width:288px; height:139px; font-family:"Arial",sans-serif; }
#form-contact .captcha        { position:relative; min-height:86px; padding-left:170px; }
#form-contact .captcha input  { width:118px; }
#form-contact .captcha img    { position:absolute; left:0; top:0; }
#form-contact button       { position:relative; margin:40px 0 0 -60px; width:139px; height:36px; }
#form-contact button span  { width:139px; line-height:36px; font-weight:bold; font-size:1.091em; background:#ccc url(../images/btn-t01.png); }
#form-contact .error       { display:block; margin:-3px 0 15px; color:#ee1d24; }

#list-sitemap       { font-size:1.1em; }
#list-sitemap li    { margin-bottom:7px; }
#list-sitemap ul    { margin-top:7px; }
#list-sitemap li li { margin-left:20px; }

/****************************************/
/************************ UNIQUES ******/
/**************************************/
#home #footer,
#products #footer,
#projects #footer { border-top:none; }

#home #content .inner,
#products #content .inner,
#projects #content .inner   { margin:0; padding:0; border:none; }

/************************ Home page ***/
#home #content        { padding:4px 0 0 6px; }
#home #content .inner { border:5px solid #ccc; border-width:0 6px 4px 0; }

#nav-home           { position:relative; top:-4px; left:-6px; overflow:auto; height:403px; margin:0 -6px -4px 0; }
#nav-home li        { position:relative; width:539px; height:403px; border-left:6px solid #ccc; }
#nav-home h2        { position:absolute; left:0; bottom:0; z-index:1; }
#nav-home h2 a      { display:block; width:539px; height:403px; *background:url(../images/blank.gif) no-repeat; }
#nav-home h2 img    { position:absolute; left:25px; bottom:10px; }
#nav-home .first    { border:none; }

.js #nav-home       { overflow:hidden; }
.js #nav-home li    { position:absolute; overflow:hidden; top:0; height:100%; }

/************************ Products + projects page ***/
#slideshow              { position:relative; height:403px; overflow-y:auto; overflow-x:hidden; }
#slideshow .ctrls a     { position:absolute; top:0; z-index:4; width:200px; height:403px; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url(../images/icn-slideshow-ctrls.png) no-repeat; }
#slideshow .ctrls .prev { left:0; background-position:0 50%; }
#slideshow .ctrls .next { right:0; background-position:100% 50%; }

.js #slideshow          { overflow:hidden; }
.js #slideshow li       { position:absolute; z-index:1; }
.js #slideshow .limbo   { z-index:2; }
.js #slideshow .active  { z-index:3; }

/****************************************/
/************************ JS ENABLED ***/
/**************************************/
/************************ Lightbox ***/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }