/********** CSS RESET **********/
* {
	margin: 0px;
	padding: 0px;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
html, body {
	line-height:1;
	width: 100%;
	height: 100%;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/********** CSS MAIN **********/
body {
	background-color: #000;
}
/***** LAYOUT - DO NOT EDIT POSITION *****/
.layout {
	width:1004px;
	margin: 0 auto;
}
.header {
	background-image: url(../img/header.gif);
	height:130px;
	width:1004px;
	position: absolute;
}
/* NAV */
.nav {
	width:1004px;
	height:40px;
	position:absolute;
	margin-top:130px;
}
.wisbar_bg {
	background-image:url(../img/nav/wisbar-bg.gif);
	height:40px;
	position:absolute;
	width:276px;
}
.home {
	background-image:url(../img/nav/home-normal.gif);
	height:40px;
	margin-left:276px;
	position:absolute;
	width:84px;
}
.news {
	background-image:url(../img/nav/news-normal.gif);
	height:40px;
	margin-left:360px;
	position:absolute;
	width:70px;
}
.case_studies {
	background-image:url(../img/nav/casestudies-normal.gif);
	height:40px;
	margin-left:430px;
	position:absolute;
	width:130px;
}
.services {
	background-image:url(../img/nav/services-normal.gif);
	height:40px;
	margin-left:560px;
	position:absolute;
	width:97px;
}
.about {
	background-image:url(../img/nav/about-normal.gif);
	height:40px;
	margin-left:657px;
	position:absolute;
	width:143px;
}
.contact {
	background-image:url(../img/nav/contact-normal.gif);
	height:40px;
	margin-left:800px;
	position:absolute;
	width:116px;
}
.wisbar {
	background-image:url(../img/nav/wisbar-normal.gif);
	height:40px;
	margin-left:916px;
	position:absolute;
	width:88px;
}
/* BLACK BOX */
.box {
	background-image:url(../img/box.jpg);
	width:1004px;
	height:570px;
}
.splash-box {	
	background-image: url(../img/wisbar-enter.jpg);
	width:1004px;
	height:570px;
}
/* MAIN WISBAR */
.main_wisbar {	
	width:867px;
	height:486px;
	position:absolute;
	left:50%;
	margin-top:44px;
	margin-left:-433.5px;
}
#main-wisbar {
	background-image:url(../img/main-wisbar-bg.jpg);
}
#main-wisbar.country {
	background-image:url(../img/main-wisbar-bg-country.jpg);
}
#main-wisbar.login {
	background-image: none;
}
.main_wisbar_front {
	/*background-image:url(../img/main-wisbar-front-trans.png);*/
	position:absolute;
	width:867px;
	height:203px;
	margin-top:328px;
	z-index:3;
	visibility: hidden;
	margin-left: 0px;
}
.crowd {
	position:absolute;
	margin-top:60px;
	margin-left:50px;
}
.band {	
	position:absolute;
	width:204px;
	height:100px;
	margin-top:110px;
	margin-left:240px;
	z-index:2;
	cursor: pointer;
}
.bis_card {
	background-image:url(../img/biz-card-trans.png);
	position:absolute;
	width:57px;
	height:39px;
	z-index:1000;
	margin-top:368px;
	margin-left:36px;
	cursor: pointer;
}
.beer {
	background-image:url(../img/beer-trans.png);
	position:absolute;
	width:54px;
	height:142px;
	z-index:6666;
	margin-top:268px;
	margin-left:100px;
	cursor: pointer;
}
.mens_room {
	background-image:url(../img/mens-room-trans.png);
	position:absolute;
	width:57px;
	height:87px;
	margin-top:170px;
	margin-left:127px;
	z-index:2;
	cursor: pointer;
}
.napkin {
	background-image:url(../img/napkin-trans.png);
	position:absolute;
	width:87px;
	height:64px;
	margin-left:724px;
	margin-top:423px;
	z-index:5;
	cursor: pointer;
}
.extras {
	background-image:url(../img/extras-trans.png);
	position:absolute;
	width:85px;
	height:347px;
	z-index:10;
	margin-left:782px;
	margin-top:77px;
	cursor: pointer;
}
.wiz_tv {
	background-image:url(../img/wis-tv-trans.png);
	position:absolute;
	width:122px;
	height:192px;
	margin-left:632px;
	margin-top:114px;
	z-index:2;
	cursor: pointer;
}
.exit {	
	position:absolute;
	width:100px;
	height:142px;
	z-index:9;
	margin-top:160px;
	margin-left:10px;
	cursor: pointer !important;
	background-color: transparent;
}

.wiz-logo {
	background-image:url(../img/wisbar-logo-trans.png);
	width:192px;
	height:86px;
	position:absolute;
	margin-top:21px;
	margin-left:31px;
	z-index: 5;
}
.lights {
	position: absolute;
	float: left;
}
.lights-left {
	position: absolute;
}
.lights-right {
	position: absolute;
}
.left-light-on {
	margin-top: -490px;
	position: absolute;
}
.right-light-on {
	margin-top: -490px;
	position: absolute;
}


/* bis cards */
.card-form, .bottle-form, .esig-form, .extras-form {
	width: 510px;
	height: 110px;
	border: solid #000000 1px;
	background-color: #CAD6DE;
	z-index: 8888;
	position: absolute;
	margin-left: 180px;
	margin-top: 60px;
	padding: 10px;
	font-family: arial;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	display: none;
}
.extras-form {
	height:278px;
	margin-left:270px !important;
	width:310px !important;
}
.extras-form img {
	padding-bottom: 4px;
	padding-right: 8px;
	border: none;
}
.extras-sub-heading {
	text-align: center;
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
	margin-left: -10px;
}
.card-form div, .bottle-form div, .esig-form div, .extras-form div {
	height: 30px;
}
.card-form input, .card-form select, .bottle-form input, .bottle-form select, .esig-form input, .esig-form select, .extras-form input, .extras-form select {
	width: 200px;
}
.card-form .button, .bottle-form .button, .esig-form .button, .extras-form .button {
	width: 200px;
}
.card-form div.left, .bottle-form div.left, .esig-form div.left, .extras-form div.left {
	width: 250px;
	height: 110px;
	float: left;
}
.esig-form .radio {
	width: 20px;	
}
.esig-sex-label {
	font-weight: normal;
	font-size: 14px;
}
.card-form div.right, .bottle-form div.right, .esig-form div.right, .extras-form div.right {
	float: right;
	height: 50px;
	width: 200px;
	padding-top: 30px;
	padding-right: 20px;
}
.card-form div.right div, .bottle-form div.right div, .esig-form div.right div, .extras-form div.right div {
	text-align: center;
}

.card-image-close, .bottle-image-close, .extras-image-close, .esig-image-close {
	width: 36px;
	height: 22px;
	z-index: 9999;
	position: absolute;
	margin-left: 694px;
	margin-top: 37px;	
	display: none;
	background: url(../img/card-close.png);
	cursor: pointer;
}
.card-image-print, .bottle-image-print, .extras-image-print, .esig-image-print {
	width: 100px;
	height: 22px;
	z-index: 9999;
	position: absolute;
	margin-left: 500px;
	margin-top: 39px;	
	display: none;	
}
.card-form-close, .bottle-form-close, .esig-form-close, .extras-form-close {
	width: 36px;
	height: 22px;
	z-index: 9999;
	position: absolute;
	margin-left: 661px;	
	margin-top: 65px;	
	background: url(../img/card-close.png);
	display: none;
	cursor: pointer;
}
.extras-form-close {
	margin-left: 550px !important;
}

.card-image, .exras-image, .esig-image {
	width: 550px;
	height: 336px;
	z-index: 9999;
	position: absolute;
	margin-left: 180px;
	margin-top: 60px;	
	display: none;
}
.esig-image {
	margin-left: 135px;
	margin-top: 78px;
}

.bottle-image {
	width: 550px;
	height: 336px;
	z-index: 9999;
	position: absolute;
	margin-left: 360px;
	margin-top: 60px;	
	display: none;
}

#draw_canvas, #draw_canvas_ie {
	background-image: url(../img/mens-room-bg-small.jpg);
	border-top: solid #000000 1px;
	border-left: solid #000000 1px;
	border-right: solid #000000 1px;
	border-bottom: solid #c0c0c0 1px;
	height:407px;
	width:530px;
	margin-left: 170px;
	margin-top: 20px;
	display: none;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
}
#draw_canvas_ie {
	display: block;
}
#draw_canvas_input, #draw_canvas_input_ie {
	display: none;
	margin-left: 170px;
	background-color: #cfcbb8;
	width: 520px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding-left: 10px;
	border-left: solid #000000 1px;
	border-bottom: solid #000000 1px;
	border-right: solid #000000 1px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#draw_canvas_input_ie {
	display: block;
}
#pen-selection {
	padding-left: 20px;
	font-family: arial;
	color: #0000ff;
}
.draw-canvas-close, .draw-canvas-close_ie {
	width: 36px;
	height: 22px;
	z-index: 9999;
	position: absolute;
	margin-left: 660px;
	margin-top: 25px;	
	background: url(../img/card-close.png);
	display: none;
}
.draw-canvas-close {
	cursor: pointer;
	
}
.draw-canvas-close_ie {
	display: block;
}

.esig-close {
	width: 36px;
	height: 22px;
	z-index: 9999;
	position: absolute;
	margin-left: 698px;
	margin-top: 55px;	
	display: none;
	background: url(../img/card-close.png);
	cursor: pointer;
}
.esig-form {
	height: 140px;
}
#video-box {	
	border: solid #000000 1px;
	background-color:#000000;
	width:400px;
	height:300px;	
	margin-left: 230px;
	margin-top: 80px;
	display: none;	
}
.video-box-close {
	width: 36px;
	height: 22px;
	z-index: 9999;
	position: absolute;
	margin-left: 594px;
	margin-top: 54px;	
	background: url(../img/card-close.png);
	display: none;
}

.extras-form {
	margin-left: 300px;
	width: 250px;
	margin-top: 100px;
}	
.extras-form-close {
	margin-left: 526px;
	margin-top: 110px;
}
.download-img-box {
	float: left;
	width: 110px;
	text-align: center;
	margin-left: 10px;	
}
.download-img-box img, .download-img-box a{
	border: none;
	text-decoration: none;
	color: #0000FF;
	z-index: 9999;
}
#login-box {
	background-image: url(../img/handshakes/handshakes-bg.jpg);
	border: solid #000000 1px;
	width:721px;
	height:427px;
	margin-left: 75px;
	margin-top: 20px;
	-moz-border-radius: 20px;
}
#login-box.fail {
	background-image: url(../img/handshakes/handshakes-fail.jpg) !important;
}
#login-box.clear {
	background-image: url(../img/handshakes/handshakes-bg-clear.jpg) !important;
}
#handshake-ani-box {
	margin-top: 70px;
	margin-left: 203px;
}
#small-handshakes {
	margin-top: 30px;
	margin-left: 54px;
	z-index: 9;
}
#ani_img {
	visibility: hidden;
}
#small-handshakes img {
	cursor: pointer;
	border: solid #000000 1px;
	z-index: 9;
}

.green-pen {
	width: 36px;
	height: 95px;
	z-index: 9999;
	position: absolute;
	margin-left: 610px;
	margin-top: 280px;	
}
.red-pen {
	width: 74px;
	height: 17px;
	z-index: 9999;
	position: absolute;
	margin-left: 526px;
	margin-top: 355px;	
}
.blue-pen {
	width: 84px;
	height: 10px;
	z-index: 9999;
	position: absolute;
	margin-left: 478px;
	margin-top: 356px;		
}


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../img/tooltip/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('../img/tooltip/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#esig-royal {
	display: none;
	position: absolute;
	z-index: 3;
	margin-top: 50px;
	margin-left: 100px;
}
#esig-royal.assassin, #esig-royal.transformers {
	margin-top: 81px;
	margin-left: 130px;
}
#royal-email {
	color: white;
	font-family: 'Verdana', 'Helvetica', 'Arial';
	font-size: 8pt;
	font-weight: 100;
	position: absolute;
	margin-top: -50px;
	margin-left: 350px;
}
#royal-phone {
	color: white;
	font-family: 'Verdana', 'Helvetica', 'Arial';
	font-size: 8pt;
	font-weight: 100;
	position: absolute;
	margin-top: -50px;
	margin-left: 235px;
}
#royal-name {
	color: white;
	font-size: 2.8em;
	padding-right: 15px;
	position: absolute;
	margin-top: -101px;
	margin-left: 205px;
	text-transform: uppercase;
}

#royal-first-land {
	color: white;
	position: absolute;
	margin-left: 415px;
	margin-top: -140px;
	font-family: 'Georgia', 'serif';
	font-size: 0.9em;
	font-weight: bold;

}
.his_high {
	color: white;
	position: absolute;
	margin-left: 205px;
	margin-top: -113px;
	font-family: 'Georgia', 'serif';
	font-size: 0.7em;
	font-weight: bold;
}
#royal-name.assassin {
	color: white;
	font-family: 'Verdana', 'Helvetica', 'Arial';
	font-size: 20pt;
	font-weight: bold;
	float: left;
	padding-right: 5px;
	margin-top: -94px;
	margin-left: 55px;
}
#royal-email.assassin {
	color: white;
	font-family: 'Verdana', 'Helvetica', 'Arial';
	font-size: 9pt;
	font-weight: 100;
	position: absolute;
	margin-top: -37px;
	margin-left: 220px;
}
#royal-phone.assassin {
	color: white;
	font-family: 'Verdana', 'Helvetica', 'Arial';
	font-size: 9pt;
	font-weight: 100;
	position: absolute;
	margin-top: -37px;
	margin-left: 90px;
}

#royal-name.transformers {
	position: absolute;
	margin-top: -105px;
	margin-left: 76px;
	color: white;
	font-size: 2.0em;
	text-transform: uppercase;
}
#royal-email.transformers {
	position: absolute;
	margin-top: -25px;
	margin-left: 235px;
	color: white;
	font-size: .75em;
}
#royal-phone.transformers {
	position: absolute;
	margin-top: -25px;
	margin-left: 111px;
	color: white;
	font-size: .75em;
}
#transformer-select, #sex-select {
	display: none;
}
.esig-print {
	z-index: 9999;
	position: absolute;
	margin-left: 648px;
	margin-top: 57px;	
	display: none;
	cursor: pointer;
}
#welcome {
	margin-left:148px;
	margin-top:150px;
	position:absolute;	
	z-index:9;
}
.extras-wp {	
	float:left;
	height:250px !important;
	padding-left:15px;
	width:110px;
}
.extras-icons {
	float:right;
	height:250px !important;
	width:150px;
}
.basic-tooltip {
	z-index: 9999 !important;
	position: absolute;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	padding: 10px !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: -50px;
}
.right-tooltip {
	margin-left: 40px;
}
#handshake-hint {
	background: url(../img/handshake-hint.png);
	height: 0px;
	width: 102px;
	margin-left: 580px;
	margin-top: -75px;
	z-index: 1;
	display: none;
}

