/* style.css */

html,
body,
div,
table,
tr,
td,
a,
img {
	margin: 0;
	padding: 0;
	border: none;
	font-family: sans-serif;
	outline: none;	
}
html,
body {
	display: block;
	width: 100%;
	height: 100%;
}
a {
	color: #666666;
}

li {
	list-style: none;
}
#wrapper_1 {
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	color: #AAAAAA;
}
#wrapper_2 {
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	color: #AAAAAA;
}
#wrapper_3 {
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	color: #AAAAAA;
}
	#wrapper_1 #main_table {
		width: 100%;
		height: 100%;
		border-collapse: collapse;
	}
	#wrapper_2 #main_table {
		width: 100%;
		height: 100%;
		border-collapse: collapse;
	}
	#wrapper_3 #main_table {
		width: 100%;
		height: 100%;
		border-collapse: collapse;
	}
		#wrapper_1 #middle_row {
			text-align: left;
			height: 130px;
			padding-bottom: 10px;
			padding-right: 10px;
		}
		#wrapper_3 #middle_row {
			text-align: left;
			padding-top: 20px;
			padding-left: 20px;
			background: url(../images/4.png) no-repeat 95% 95%;
			/* border: 1px solid yellow; */
		}
		#wrapper_3 td {
			border-bottom: 1px solid #303030;
		}
		#sub_middle_row {
			border-top: 1px solid #303030;
			font-size: 0.8em;
			height: 160px;
		}
			#wrapper_1 #middle_row a {
				border: 0;
				outline: none;	
				display: block;
				width: 258px;
				height: 90px;
				text-align: left;
				text-indent: -800em;
				background: url(/images/1.png) no-repeat 0 0;
				/* border: 1px dashed red; */
			}
			#wrapper_2 #middle_row a {
				border: 0;
				outline: none;
				display: block;
				width: 271px;
				height: 76px;
				text-align: left;
				text-indent: -800em;
				background: url(/images/22.png) no-repeat 0 0;
				/* border: 1px dashed red; */
			}
			
			#middle_row {
				position: relative;
			}
			
			#middle_row div {
				float: left;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				position: relative;
				background:  url(/images/workshop2.png) no-repeat 40px 91%;
			}
			
			#middle_row #back_arrow {
				position: absolute;
				bottom: 35px;
				right: 320px;
			}
			
			#sub_middle_row div {
				float: left;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				position: relative;
				text-align: right;
			}
			
			#sub_middle_row ul {
				float: right;
			}
			
			#sub_middle_row .image_preview {
				float: left;
				position: relative;
				overflow: hidden;
				margin: 0 5px 0 0 !important;
				width: 202px;
			}
			
			#sub_middle_row .image_preview span {
				position: absolute;
				float: left;
				top: 0;
				left: 0;
				padding: 5px 1%;
				width: 98%;
				background: black;
				filter: alpha(opacity=80);
				-moz-opacity: 0.8;
				-khtml-opacity: 0.8;
				opacity: 0.8;
				text-transform: lowercase;
				text-indent: 1em;
			}
			
			.inner_gallery .image_preview span {
				visibility: hidden !important;
			}
			
			#wrapper_3 #sub_middle_row a {
				display: block;
				float: right;
				padding: 0 !important;
			}
			
			#sub_middle_row a img {
				float: right;
				border: none;
				margin: 0 !important;
				padding: 0 !important;
			}
			#wrapper_3 #sub_middle_row a:link,
			#wrapper_3 #sub_middle_row a:visited {
				border: 1px solid #000000;
			}
			#wrapper_3 #sub_middle_row a:hover,
			#wrapper_3 #sub_middle_row a:active {
				border: 1px solid #959595;
			}
			#wrapper_2 #top_row a {
				border: 0;
				outline: none;
				display: block;
				width: 271px;
				height: 76px;
				text-align: left;
				text-indent: -800em;
				background: url(/images/21.png) no-repeat 0 0;
				/* border: 1px dashed red;*/ 
			}
			#wrapper_2 #bottom_row a {
				border: 0;
				outline: none;
				display: block;
				width: 310px;
				height: 94px;
				text-align: left;
				text-indent: -800em;
				background: url(/images/23.png) no-repeat 0 0;
				/* border: 1px dashed red; */
			}
			
			#text_columns td {
				font-size: 80%;
				padding: 4px 8px;
				vertical-align: top;
				color: #5b5b5b;
				font-family: 'HS Grotesk Bg', Arial, Helvetica, sans-serif;
				text-align: left;
			}
			
			#wrapper_3 p {
				font-size: 85%;
				color: #5b5b5b;
				font-family: 'HS Grotesk Bg', Arial, Helvetica, sans-serif;
				text-align: left;
			}
			
			.no-borders,
			.no-borders * {
				border: none !important;
			}

#middle_row ul {
	position: absolute;
	bottom: 100px;
	left: 10px;
	float: left;
	font-size: 80%;
	width: 196px;
	margin-top: 24%;
}

#middle_row ul li.left_item {
	float: left;
	text-align: left;
	width: 44%;
}

#middle_row ul li.right_item {
	float: left;
	width: 49%;
}

#middle_row ul li a {
	text-decoration: none;
	text-transform: lowercase;
}

#enter {
	top: 0;
	position: absolute;
	width: 100%;
	text-indent: -999999em;
	height: 100%;
}