
* { 					margin: 0; padding: 0; }

/* Gallery Styles*/

#toolbar {				position: absolute; width: 200px;			}
#toolbar li {			list-style-type: none; float: left; margin: 0px 12px 0px 0px; height: 30px; width: 30px;	}
#toolbar li:hover {		cursor: pointer;				}
#toolbar li img {		height: 30px; width: 30px;											}

#menuul {				width: 300px; padding: 0px 5px 5px 5px; margin-top: -2px;			}
#menuul li {			list-style-type: none; padding: 6px 3px 3px 6px;
						font: normal 14px 'open_sans',arial; line-height: 18px; color: rgb(100,100,100);				}
#menuul li:hover {		cursor: pointer;				}

#menuul2 {				/* width: 350px; */ height: 40px; padding: 5px 5px 2px 5px;		}
#menuul2 li {			list-style-type: none; border: solid 1px transparent; float: left; margin: 3px; height: 30px; width: 30px; 
						font: normal 18px 'open_sans_bold',arial; line-height: 24px; color: rgb(100,100,100);				}
#menuul2 li.border {	border: solid 1px #ccc; 		}
#menuul2 li:hover {		border: solid 1px transparent; cursor: pointer;				}
#menuul2 li.border:hover {	border: solid 1px #ccc; 		}
#menuul2 li img {		height: 30px; width: 30px;											}

/* Zoomooz Styles*/

* {						-webkit-transform-origin: 0 0;		-moz-transform-origin: 0 0;
						-o-transform-origin: 0 0;			-ms-transform-origin: 0 0;		}

html, body {			margin: 0; padding: 0; width:100%; height:100%;						}
html.noScroll {			overflow: hidden;													}

body {					-webkit-transform-origin: 50% 50;	-moz-transform-origin: 50% 50%;
						-o-transform-origin: 50% 50%;		-ms-transform-origin: 50% 50%;	}

.debuglabel {			width:4px; height:4px; background-color:red; position:absolute; 
						margin-left:-2px; margin-top:-2px;									}
						
						
@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight:normal;
    font-style: normal;
}						
@font-face {
    font-family: 'open_sans_bold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight:normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_extra';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight:normal;
    font-style:	normal;
}
