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

body {
	background-attachment: scroll;
	background-color: #231f20;
	background-image: url(../media/graphix/bg2.png);
	background-repeat: repeat;
	background-position: center center;
}
#main_wrapper {
	height: 630px;
	width: 980px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #4d4d4d;
}
#wrapper_content {
	width: 460px;
	height: 590px;
	position: relative;
	float: left;
}
#logo {
	margin-left: 20px;
	margin-top: 20px;
	width: 429px;
	height: 75px;
	position: relative;
}
.text_title {
	font-size: 16px;
	color: #F06;
}

#home_text {
	width: 435px;
	height: auto;
	position: relative;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 13px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	color: #CCC;
	text-align: justify;
}
#djs_text {
	width: 435px;
	height: auto;
	position: relative;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 13px;
	padding: 15px;
	color: #CCC;
	margin-top: 18px;
}
#corp_text {
	width: 435px;
	height: auto;
	position: relative;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 13px;
	padding: 15px;
	color: #CCC;
	text-align: justify;
	margin-top: 170px;
	
}
#dine_text {
	width: 435px;
	height: auto;
	position: relative;
	font-family: Helvetica, Arial, sans-serif ;
	font-size: 13px;
	padding: 15px;
	color: #CCC;
	margin-top: 18px;
	text-align: justify;
}
#wrapper_middle {
	width: 60px;
	height: 590px;
	position: relative;
	float:left;
}
#ultra {
	margin-left: 7px;
	margin-top: 30px;
	width: 53px;
	height: 285px;
	position: relative;
}
#wrapper_menu {
	width: 460px;
	height: 95px;
	position: relative;
	float:left;
}
#menu {
	width: 255px;
	height: 22px;
	margin-left: 85px;
	margin-top: 50px;
	position: relative;
	float: left;
}
#calendar {
	display: block;
	width: 66px;
	height: 22px;
	background: url("../media/graphix/calendar.png") no-repeat 0 0;
	position: relative;
	float: left;
}
#calendar:hover { 
	background-position: 0 -22px;
}

#calendar:active {
	background-position: 0 -44px;
}
#djs {
	display: block;
	width: 34px;
	height: 22px;
	background: url("../media/graphix/djs.png") no-repeat 0 0;
	position: relative;
	float: left;
}
#djs:hover { 
	background-position: 0 -22px;
}

#djs:active {
	background-position: 0 -44px;
}
#corp {
	display: block;
	width: 74px;
	height: 22px;
	background: url("../media/graphix/corp.png") no-repeat 0 0;
	position: relative;
	float: left;
}
#corp:hover { 
	background-position: 0 -22px;
}

#corp:active {
	background-position: 0 -44px;
}
#dine {
	display: block;
	width: 81px;
	height: 22px;
	background: url("../media/graphix/dine.png") no-repeat 0 0;
	position: relative;
	float: left;
}
#dine:hover { 
	background-position: 0 -22px;
}

#dine:active {
	background-position: 0 -44px;
}
#social {
	width: 64px;
	height: 32px;
	margin-left: 25px;
	margin-top: 45px;
	position: relative;
	float: left;
}
#wrapper_pic {
	width: 415px;
	height: 495px;
	position: relative;
	float:left;
}
#pic {
	margin-left: -10px;
	position:relative;
	width: 430px;
	height: auto;
}
#gallery_wrapper {
	margin-top: 32px;
	position: relative;
	width: auto;
	height: auto;
}
.thumb {
	width: 100px;
	height: 100px;
	position: relative;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	float: left;
}
.thumb:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#wrapper_mailing {
	width: 45px;
	height: 495px;
	position: relative;
	float:left;
}
#mailing {
	margin-left: 7px;
	display: block;
	width: 30px;
	height: 480px;
	background: url("../media/graphix/mailing.png") no-repeat 0 0;
	position: relative;
	float: left;
}
#mailing:hover { 
	background-position: 0 -480px;
}

#mailing:active {
	background-position: 0 -960px;
}

#wrapper_footer {
	width: 980px;
	height: 40px;
	position: relative;
	float:left;
}
#hours {
	display: block;
	width: 290px;
	height: 30px;
	position: relative;
	float: left;
	margin-left: 10px;
}
#footer {
	display: block;
	width: 674px;
	height: 30px;
	position: relative;
	float: left;
}
#address {
	display: block;
	width: 457px;
	height: 30px;
	background: url("../media/graphix/address.png") no-repeat 0 0;
	position: relative;
	float: right;
}
#address:hover { 
	background-position: 0 -30px;
}
#address:active {
	background-position: 0 -30px;
}
#telephone {
	display: block;
	width: 118px;
	height: 30px;
	background: url("../media/graphix/telephone.png") no-repeat 0 0;
	position: relative;
	float: right;
}
#telephone:hover { 
	background-position: 0 -30px;
}
#telephone:active {
	background-position: 0 -30px;
}
a:link {
	color: #CCC;
	text-decoration: none;
}
a:visited {
	color: #CCC;
	text-decoration: none;
}
a:hover {
	color: #FF0066;
	text-decoration: none;
}