@charset "UTF-8";

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

/* -------------------------------------------------- BASIC LAYOUT --- */

#outerWrapper { margin: 0 auto; width: 986px; }
#header { height: 132px; position: relative; }
#content { border-bottom: 6px solid #000; padding-bottom: 20px; position: relative; }
#categories { margin: 0 auto; padding: 10px 0 6px 0; text-align: center; width: 780px; }
#gallery { }
#contact { border-bottom: 6px solid #000; padding: 30px 30px 10px 30px; }
#footer { padding-top: 10px; padding-bottom: 30px; }

/* -------------------------------------------------- CONTENT --- */

#content #images { text-align: center; }
#content #images .image, #content #images .video { position: relative; padding-bottom: 15px; }
#content #images .imageLast, #content #images .videoLast { position: relative; padding-bottom: 0; }

/* -------------------------------------------------- LABELS --- */

.label { width: 270px; position: absolute; text-align: left; }
.labelTop { background: transparent url(/images/structure/labelTop.png) no-repeat left top; height: 10px; }
.labelCenter { background: transparent url(/images/structure/labelCenter.png) repeat-y left top; padding: 30px 30px 35px 30px; }
.labelBottom { background: transparent url(/images/structure/labelBottom.png) no-repeat left bottom; height: 10px; }

.doubleLabel { width: 315px; position: absolute; }
.doubleLabelTop { background: transparent url(/images/structure/doubleLabelTop.png) no-repeat left top; height: 80px; }
.doubleLabelCenter { background: transparent url(/images/structure/doubleLabelCenter.png) repeat-y left top; }
.doubleLabelBottom { background: transparent url(/images/structure/doubleLabelBottom.png) no-repeat left bottom; height: 35px; }

/* -------------------------------------------------- TAPE --- */

.tape { position: absolute; }
.tapeRed { background: transparent url(/images/structure/tapeRed.png) no-repeat center top; height: 80px; width: 210px; }
.tapeRed2 { background: transparent url(/images/structure/tapeRed2.png) no-repeat center top; height: 150px; width: 210px; }
.tapeBlue { background: transparent url(/images/structure/tapeBlue.png) no-repeat center top; height: 118px; width: 219px; }
.tapeBlue2 { background: transparent url(/images/structure/tapeBlue2.png) no-repeat center top; height: 118px; width: 219px; }

/* -------------------------------------------------- CATEGORIES --- */

/* OFF!!
#categories ul { margin: 0 auto; padding: 15px 0 6px 0; text-align: center; position: relative; }
#categories ul li { background: transparent url(/images/structure/categoryDot.png) no-repeat right 6px; display: inline; font-size: 3.0em; margin-right: 6px; padding-right: 17px; padding-bottom: 5px; }
#categories ul li.last { background-image: none; padding-right: 0; }
#categories ul li.last:after { visibility: hidden; clear: both; content: '.' }
#categories ul li.filter { position: absolute; left: 0; top: 0; }
#categories ul li.filter:after { content: ""; }
*/

/* -------------------------------------------------- GALLERY --- */

#gallery { text-align: center; line-height: 0; }
#gallery a { position: relative; }
#gallery a img { margin: 2px 2px 0 0; padding: 0; }

/* -------------------------------------------------- CONTACT & CLIENTS LISTS --- */

#contact ul { display: inline; font-size: 1.1em; float: left; margin-right: 16px; width: 176px; }
#contact ul li { padding-bottom: 10px; line-height: 1.25em; }

#contact ul#clients { margin-right: 0; width: 350px; }
#contact ul#clients li { display: inline; float: left; padding-right: 4px; padding-bottom: 1px; }
#contact ul#clients li:after { content: ","; }

#contact ul#clients li.clientsHeading { padding-bottom: 10px; }
#contact ul#clients li.clientsHeading:after { content: ""; }

#contact ul#clients li#clientsList { clear: left; display: none; }
#contact ul#clients li#clientsList:after { content: ""; }

#contact ul#clients li#clientsList  ul { width: 350px; }
#contact ul#clients li#clientsList  ul li.clientsLast:after { content: ""; }