@charset "UTF-8";
/* CSS Document */

#main_container {
          position:absolute;
          top:50%;
          left:50%;
          margin-top:-299px;/* half elements height*/
          margin-left:-500px;/* half elements width*/
          width:1000px;
          height:598px;
          overflow:auto;/* allow content to scroll inside element */
}

#container {
	margin:0 auto;
	padding:0;
	width:1000px;
	height:598px;
	position:relative;
}

.clear {
	clear:both;
}

#box1 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box1.jpg);
	margin:0 5px 5px 0;
}

#box1 a {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box1.jpg);
	margin:0 5px 5px 0;
}

#box1 a:hover {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box1.jpg);
	background-position:0px -196px;
	margin:0 5px 5px 0;
}

#box2 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box2.jpg);
	margin:0 5px 5px 0;
}

#box3 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box3.jpg);
	margin:0 5px 5px 0;
}

#box3 a {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box3.jpg);
	margin:0 5px 5px 0;
}

#box3 a:hover {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box3.jpg);
	background-position:0px -196px;
	margin:0 5px 5px 0;
}

#box4 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box4.jpg);
	margin:0 5px 5px 0;
}

#box5 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	background-image:url(../images/box5.jpg);
	margin:0 0 5px 0;
}

#our_ethos {
	float:left;
	width:186px;
	text-align:right;
	height:24px;
	display:block;
	padding:172px 10px 0 0;
	margin:0 5px 5px 0;
}

#our_ethos a {
	width:186px;
	text-align:right;
	height:24px;
	display:block;
	background-image:url(../images/our_ethos.jpg);
	padding:172px 10px 0 0;
	margin:-172px -10px 0 0;
}

#our_ethos a:hover {
	width:186px;
	text-align:right;
	height:24px;
	display:block;
	background-image:none;
	padding:172px 10px 0 0;
	margin:-172px -10px 0 0;
}

#moonshine_bars {
	float:left;
	width:598px;
	height:10px;
	text-align:center;
	margin:0 5px 5px 0;
	padding:186px 0 0 0;
	background-image:url(../images/moonshine_bars.png)
}

#get_in_touch {
	float:left;
	width:186px;
	height:24px;
	display:block;
	padding:172px 0 0 10px;
	margin:0 0 5px 0;
}

#get_in_touch a {
	width:186px;
	height:24px;
	display:block;
	padding:172px 0 0 10px;
	margin:-172px 0 0 -10px;
	background-image:url(../images/get_in_touch.jpg);
}

#get_in_touch a:hover {
	width:186px;
	height:24px;
	display:block;
	padding:172px 0 0 10px;
	margin:-172px 0 0 -10px;
	background-image:none;
}


#box6 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	margin:0 5px 0 0;
	background-image:url(../images/box6.jpg);
}

#box7 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	margin:0 5px 0 0;
	background-image:url(../images/box7.jpg);
}

#box8 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	margin:0 5px 0 0;
	background-image:url(../images/box8.jpg);
}

#box9 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	margin:0 5px 0 0;
	background-image:url(../images/box9.jpg);
}

#box10 {
	float:left;
	width:196px;
	height:196px;
	display:block;
	margin:0 0 0 0;
	background-image:url(../images/box10.jpg);
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.50;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 201px;
	left: 201px;
	width: 518px;
	height: 116px;
	padding: 40px 40px 40px 40px;
	background-image:url(../images/moonshine_bars.png);
	background-position:0px -196px;
	z-index:1002;
	overflow: auto;
}

#get_in_touch_box1 {
float:left;
margin-right:22px;
width:196px;
}

#get_in_touch_box2 {
float:left;
width:300px;
height:116px;
}

.textfield {
width:104px;
height:18px;
margin:0 10px 10px 0;
border:solid 1px #333333;
padding:0 2px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}

.textfield:hover {
width:104px;
height:18px;
margin:0 10px 10px 0;
border:solid 1px #FFFFFF;
padding:0 2px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}

.textfield:focus {
width:104px;
height:18px;
margin:0 10px 10px 0;
border:solid 1px #FFFFFF;
padding:0 2px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}

.textarea {
width:294px;
height:84px;
margin:0;
float:left;
border:solid 1px #333333;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}

.textarea:hover {
width:294px;
height:84px;
margin:0;
float:left;
border:solid 1px #FFFFFF;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}

.textarea:focus {
width:294px;
height:84px;
margin:0;
float:left;
border:solid 1px #FFFFFF;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#000000;
}

.btn {
width:60px;
height:20px;
margin:0;
border:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#333333;
font-weight:bold;
cursor:pointer;
}

.btn:hover {
width:60px;
height:20px;
margin:0;
border:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
background-color:#FFFFFF;
font-weight:bold;
cursor:pointer;
}

form {
margin:0;
height:116px;
}

#window_exit {
	position: absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
}

#window_exit a {
	position: absolute;
	right:0px;
	top:0px;
	width:30px;
	height:30px;
	background-image:url(../images/window_exit.png);
}

#window_exit a:hover {
	position: absolute;
	right:0px;
	top:0px;
	width:30px;
	height:30px;
	background-image:url(../images/window_exit.png);
	background-position:0px -30px;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 174px;
	border: 1px solid #333333;
	padding: 10px;
	background-color: #000000;
	visibility: hidden;
	z-index: 100;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.white_content_SAFE {
	display: none;
	position: absolute;
	top: 201px;
	left: 201px;
	width: 558px;
	height: 116px;
	padding: 60px 20px 20px 20px;
	background-image:url(../images/moonshine_bars.png);
	background-position:0px -196px;
	z-index:1002;
	overflow: auto;
}